:root{--ink:#071015;--ink2:#0d171d;--slate:#465b67;--steel:#7b878d;--paper:#eeeFEB;--line:rgba(255,255,255,.18);--darkline:rgba(7,16,21,.18);--accent:#d2b044;--logo-font:"Trebuchet MS","Arial Rounded MT Bold","Avenir Next",Arial,sans-serif;--body-font:"Avenir Next","Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#f4f5f3;font-family:var(--body-font);letter-spacing:.01em}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.blueprint-grid{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;display:grid;grid-template-columns:260px 1fr 150px;align-items:center;padding:24px 3vw;border-bottom:1px solid rgba(255,255,255,.08)}.brand img{width:205px;display:block}.desktop-nav{display:flex;justify-content:center;gap:34px}.desktop-nav a{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.86}.desktop-nav a:hover{opacity:1}.outline-btn{justify-self:end;border:1px solid rgba(255,255,255,.38);padding:13px 16px;text-transform:uppercase;font-size:11px;letter-spacing:.08em;display:flex;gap:24px}.menu-btn{display:none;background:none;color:#fff;border:1px solid var(--line);padding:10px 14px}.mobile-nav{position:absolute;z-index:25;top:76px;left:0;right:0;background:var(--ink);padding:20px 5vw;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:12px 0;border-bottom:1px solid var(--line)}
.hero{min-height:780px;position:relative;display:grid;grid-template-columns:43% 57%;padding:150px 5vw 80px;overflow:hidden;background-color:var(--ink)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 36%,rgba(99,121,131,.24),transparent 36%);pointer-events:none}.hero-copy{position:relative;z-index:3;align-self:center}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.6}.eyebrow span{padding:0 10px}.hero h1,.section-intro h2,.manifesto h2,.brand-heading h2,.support-big h2,.africa h2,.contact h2,.process-title h2{font-family:var(--logo-font);font-weight:500;letter-spacing:.015em}.hero h1{font-size:clamp(62px,7vw,112px);line-height:.88;margin:28px 0}.hero-sub{font-size:22px;line-height:1.5;opacity:.58;text-transform:uppercase;letter-spacing:.06em}.text-link{display:inline-flex;gap:30px;margin-top:26px;text-transform:uppercase;letter-spacing:.14em;font-size:12px}.hero-machine{position:relative;z-index:2;align-self:center;height:590px}.hero-machine img{position:absolute;width:112%;max-width:none;right:-8%;bottom:0;filter:saturate(.72) contrast(1.08);mask-image:linear-gradient(90deg,transparent 0%,black 13%,black 100%)}.ring{position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:50%;z-index:4}.r1{width:500px;height:500px;left:10%;top:4%}.r2{width:370px;height:370px;left:20%;top:15%;border-style:dashed}.square{position:absolute;border:1px solid rgba(255,255,255,.24);z-index:4}.s1{width:100px;height:100px;left:15%;top:32%}.s2{width:150px;height:110px;right:8%;top:12%}.note{position:absolute;z-index:5;font-size:9px;letter-spacing:.11em;opacity:.65}.n1{left:3%;top:62%}.n2{right:8%;bottom:9%}.n3{right:12%;top:7%}.scroll-cue{position:absolute;bottom:22px;left:50%;border:1px solid rgba(255,255,255,.4);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;z-index:6}.dark-section{background:var(--ink2);color:#f2f3f0}.light-section{background:var(--paper);color:var(--ink)}
.capabilities{padding:80px 5vw 70px}.section-intro{display:flex;gap:28px;align-items:flex-start;margin-bottom:46px}.index{font-size:12px;opacity:.45;padding-top:8px}.section-intro h2,.manifesto h2,.brand-heading h2,.support-big h2,.africa h2,.contact h2,.process-title h2{font-size:clamp(44px,5.4vw,82px);line-height:.96;margin:10px 0 0}.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cap-card{padding:25px 28px 28px;border-right:1px solid var(--line);min-height:260px;transition:.3s;background:transparent}.cap-card:last-child{border-right:0}.cap-card:hover,.cap-card.active{background:rgba(255,255,255,.035)}.cap-card>span{font-size:11px;opacity:.55}.cap-card svg{width:110px;height:68px;display:block;margin:24px 0 18px;fill:none;stroke:currentColor;stroke-width:1;opacity:.8}.cap-card h3{font-size:18px;text-transform:uppercase;margin:0 0 8px;font-weight:500}.cap-card p{font-size:14px;opacity:.58;line-height:1.55}.process{padding:54px 5vw;display:grid;grid-template-columns:250px 1fr;gap:40px;align-items:end}.process-title h2{font-size:38px}.process-line{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--darkline);padding-bottom:18px}.step{width:16%;min-width:100px}.step span{font-size:10px;opacity:.55;display:block;margin-top:14px}.step strong{text-transform:uppercase;font-size:11px;font-weight:500}.arrow{opacity:.45;padding-bottom:24px}.machine-icon{height:62px;border-bottom:1px solid var(--darkline);position:relative}.machine-icon:before,.machine-icon:after{content:"";position:absolute;border:1px solid var(--ink);opacity:.55}.milling:before{width:58px;height:22px;left:8px;bottom:8px}.milling:after{width:20px;height:20px;border-radius:50%;left:42px;bottom:-2px}.processing:before{width:76px;height:18px;transform:rotate(-14deg);left:6px;bottom:19px}.processing:after{width:20px;height:20px;border-radius:50%;left:18px;bottom:-2px}.mixing:before{width:48px;height:44px;left:16px;bottom:4px}.mixing:after{width:68px;height:10px;left:5px;bottom:0}.paving:before{width:70px;height:28px;left:4px;bottom:5px}.paving:after{width:85px;height:8px;left:0;bottom:0}.compaction:before{width:42px;height:25px;left:20px;bottom:8px}.compaction:after{width:28px;height:28px;border-radius:50%;left:52px;bottom:-1px}
.manifesto{min-height:620px;padding:90px 5vw;display:grid;grid-template-columns:56% 44%;background-color:#0a1318}.manifesto-copy p:not(.eyebrow){max-width:660px;line-height:1.75;opacity:.62;font-size:18px}.geometry-art{position:relative;min-height:420px}.geo-circle,.geo-square,.geo-line,.geo-dot{position:absolute}.geo-circle{border:1px solid rgba(255,255,255,.3);border-radius:50%}.c1{width:340px;height:340px;right:15%;top:4%}.c2{width:220px;height:220px;right:5%;bottom:0;border-style:dashed}.geo-square{border:1px solid rgba(255,255,255,.24)}.q1{width:180px;height:180px;left:12%;top:28%}.geo-line{height:1px;background:rgba(255,255,255,.22);transform-origin:left}.l1{width:390px;left:7%;top:51%;transform:rotate(-18deg)}.l2{width:320px;left:18%;top:34%;transform:rotate(38deg)}.geo-dot{width:10px;height:10px;border-radius:50%;background:#fff}.d1{right:34%;top:23%}.d2{left:26%;bottom:19%}.geo-label{position:absolute;right:4%;top:3%;font-size:10px;letter-spacing:.18em;opacity:.5}.industries{padding:85px 5vw;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw}.dark-text{grid-column:1/-1}.industry-list{border-top:1px solid var(--darkline)}.industry-list button{width:100%;display:grid;grid-template-columns:60px 1fr 30px;text-align:left;border:0;border-bottom:1px solid var(--darkline);background:transparent;padding:24px 0;color:var(--ink);font-size:clamp(22px,3vw,46px);cursor:pointer}.industry-list button span{font-size:10px;padding-top:8px;opacity:.5}.industry-list button b{font-size:18px;font-weight:400;opacity:.5;padding-top:8px}.industry-list button:hover{padding-left:12px}.industry-panel{border-left:1px solid var(--darkline);padding:30px 0 30px 40px;align-self:stretch}.panel-number{font-size:120px;font-family:var(--logo-font);opacity:.08}.industry-panel p{font-size:20px;line-height:1.55;max-width:420px}.mini-geometry{height:180px;position:relative;margin-top:40px}.mini-geometry i{position:absolute;border:1px solid var(--ink);opacity:.18}.mini-geometry i:nth-child(1){width:130px;height:130px;border-radius:50%;left:20px}.mini-geometry i:nth-child(2){width:130px;height:130px;border-radius:50%;left:110px}.mini-geometry i:nth-child(3){width:190px;height:1px;top:64px;left:0}.brands{padding:100px 5vw}.brand-heading{margin-bottom:55px}.brand-panels{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.brand-panels article{padding:46px;min-height:340px}.brand-panels article+article{border-left:1px solid var(--line)}.brand-word{font-family:Arial,sans-serif;font-weight:800;font-size:56px;letter-spacing:-.03em;margin-bottom:46px}.brand-word small{font-size:16px;letter-spacing:.45em;font-weight:400}.brand-panels p{max-width:520px;font-size:16px;line-height:1.7;opacity:.62}.brand-panels a{display:inline-block;margin-top:28px;text-transform:uppercase;font-size:11px;letter-spacing:.13em;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:5px}.support{padding:90px 5vw}.support-big{max-width:900px}.service-track{display:flex;align-items:center;margin:70px 0 50px}.service-track div{min-width:90px}.service-track div b{display:block;font-size:10px;opacity:.4}.service-track div span{text-transform:uppercase;font-size:11px;letter-spacing:.08em}.service-track i{height:1px;background:var(--darkline);flex:1;margin:0 12px}.support-copy{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--darkline);padding-top:30px}.support-copy p{max-width:720px;line-height:1.7;font-size:18px;opacity:.68}.dark-btn{background:var(--ink);color:#fff;padding:16px 22px;text-transform:uppercase;font-size:11px;letter-spacing:.11em;display:flex;gap:30px}.africa{padding:90px 5vw;display:grid;grid-template-columns:1fr 1fr;align-items:center}.africa>div:first-child p:last-child{max-width:560px;line-height:1.7;opacity:.6}.africa-art{color:#d9dcdb;max-width:520px;justify-self:end}.africa-art svg{width:100%;display:block}.contact{padding:100px 5vw;background-color:#081116;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-form{display:grid;gap:24px}.contact-form label{text-transform:uppercase;letter-spacing:.12em;font-size:10px;opacity:.75}.contact-form input,.contact-form textarea{width:100%;margin-top:9px;background:transparent;border:0;border-bottom:1px solid var(--line);color:#fff;padding:12px 0;outline:none}.contact-form textarea{resize:vertical}.contact-form button{margin-top:10px;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);padding:16px 18px;text-transform:uppercase;letter-spacing:.12em;display:flex;justify-content:space-between}.contact-form button:hover{background:#fff;color:var(--ink)}#formMsg{font-size:12px;opacity:.7}footer{display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:30px;padding:28px 5vw;border-top:1px solid var(--line);background:#050b0e;color:#fff}footer img{width:180px}footer p,footer span{font-size:11px;opacity:.5;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:1000px){.site-header{grid-template-columns:1fr auto}.desktop-nav,.outline-btn{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;min-height:900px}.hero-copy{padding-top:60px}.hero-machine{height:470px}.hero-machine img{width:900px;right:-250px}.cap-grid{grid-template-columns:1fr 1fr}.cap-card{border-bottom:1px solid var(--line)}.process{grid-template-columns:1fr}.manifesto,.industries,.africa,.contact{grid-template-columns:1fr}.geometry-art{min-height:360px}.brand-panels{grid-template-columns:1fr}.brand-panels article+article{border-left:0;border-top:1px solid var(--line)}.industry-panel{border-left:0;border-top:1px solid var(--darkline);padding-left:0}.africa-art{justify-self:start}.support-copy{align-items:flex-start;gap:30px;flex-direction:column}}
@media(max-width:650px){.site-header{padding:18px 20px}.brand img{width:165px}.hero{padding:120px 20px 50px;min-height:820px}.hero h1{font-size:56px}.hero-sub{font-size:16px}.hero-machine{height:390px}.hero-machine img{width:760px;right:-315px}.r1{width:330px;height:330px}.r2{width:245px;height:245px}.capabilities,.manifesto,.industries,.brands,.support,.africa,.contact,.process{padding-left:20px;padding-right:20px}.cap-grid{grid-template-columns:1fr}.cap-card{border-right:0}.process-line{display:grid;grid-template-columns:1fr 35px 1fr}.process-line .step{width:auto}.process-line .arrow:nth-of-type(2),.process-line .arrow:nth-of-type(4){display:none}.process-line .step:nth-of-type(3),.process-line .step:nth-of-type(5){margin-top:24px}.section-intro h2,.manifesto h2,.brand-heading h2,.support-big h2,.africa h2,.contact h2{font-size:46px}.brand-panels article{padding:28px}.brand-word{font-size:40px}.service-track{display:grid;grid-template-columns:1fr 1fr;gap:18px}.service-track i{display:none}.support-copy p{font-size:16px}footer{grid-template-columns:1fr;gap:12px}}

/* --- v2 refinements --- */
.hero-machine img{bottom:-52px}
.desktop-nav{gap:26px}.desktop-nav a{white-space:nowrap}
.cap-grid-six{grid-template-columns:repeat(3,1fr)}.cap-grid-six .cap-card:nth-child(3){border-right:0}.cap-grid-six .cap-card:nth-child(-n+3){border-bottom:1px solid var(--line)}
.industry-list button{transition:padding .2s ease,background .2s ease}.industry-list button.is-active{padding-left:12px;background:rgba(7,16,21,.045)}
.industry-photo-wrap{aspect-ratio:16/10;overflow:hidden;border:1px solid var(--darkline);margin:8px 0 24px;position:relative;background:#d7d9d5}.industry-photo-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,rgba(7,16,21,.12));pointer-events:none}.industry-photo-wrap img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35) contrast(1.05);transition:opacity .18s ease,transform .5s ease}.industry-photo-wrap img.is-changing{opacity:.2;transform:scale(1.025)}.industry-brands{font-size:11px;letter-spacing:.12em;line-height:1.8;text-transform:uppercase;border-top:1px solid var(--darkline);padding-top:16px;margin-top:24px}.dark-inline-link{display:inline-flex;gap:24px;margin-top:28px;text-transform:uppercase;letter-spacing:.13em;font-size:11px;border-bottom:1px solid var(--darkline);padding-bottom:5px}
.field-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:0 5vw 75px;gap:1px;background:#0d171d}.field-card{position:relative;height:250px;overflow:hidden;background:#172229;opacity:0;transform:translateY(18px);transition:.5s ease}.field-card.in-view{opacity:1;transform:none}.field-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(.72) contrast(1.12) brightness(.7);transition:transform .6s ease,filter .6s ease}.field-card:hover img{transform:scale(1.04);filter:grayscale(.25) contrast(1.08) brightness(.8)}.field-card:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12)}.field-card span{position:absolute;left:20px;bottom:18px;z-index:2;font-size:10px;letter-spacing:.16em}
.brand-lead{max-width:760px;font-size:17px;line-height:1.7;opacity:.62}.brand-group{margin-top:66px;opacity:0;transform:translateY(16px);transition:.5s ease}.brand-group.in-view{opacity:1;transform:none}.brand-group-title{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:0}.brand-group-title>div{display:flex;align-items:baseline;gap:18px}.brand-group-title span{font-size:10px;opacity:.4}.brand-group-title h3{font-family:var(--logo-font);font-size:28px;font-weight:500;letter-spacing:.04em;margin:0}.brand-group-title>a{text-transform:uppercase;font-size:10px;letter-spacing:.13em;opacity:.72}.product-brand-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}.product-brand{padding:30px;min-height:260px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);opacity:0;transform:translateY(12px);transition:.45s ease;background:rgba(255,255,255,.012)}.product-brand.in-view{opacity:1;transform:none}.product-brand:hover{background:rgba(255,255,255,.035)}.product-brand-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.product-brand h4{font-family:var(--logo-font);font-size:26px;font-weight:500;margin:0;letter-spacing:.02em}.product-brand-top span{font-size:9px;letter-spacing:.14em;opacity:.45;text-align:right}.product-brand p{font-size:14px;line-height:1.65;opacity:.58;margin:34px 0 28px}.product-brand>a,.frd-links a{font-size:10px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:4px}.frd-feature{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);border-top:0}.frd-copy{padding:40px}.frd-copy>p{font-size:20px;line-height:1.6;max-width:650px;opacity:.72}.frd-links{display:flex;flex-wrap:wrap;gap:22px;margin-top:32px}.frd-feature img{width:100%;height:100%;min-height:310px;object-fit:cover;filter:grayscale(.55) contrast(1.1) brightness(.72)}
.support-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:stretch;margin-top:55px}.support-visual-grid>img{width:100%;height:100%;min-height:470px;object-fit:cover;filter:grayscale(.72) contrast(1.08)}.support-visual-grid>div{display:flex;flex-direction:column;justify-content:center}.vertical-track{display:grid;grid-template-columns:1fr;gap:0;margin:0 0 32px}.vertical-track div{display:flex;align-items:center;gap:24px;min-width:0;padding:12px 0}.vertical-track div b{width:24px}.vertical-track i{width:1px;height:22px;flex:none;margin:0 0 0 11px}.support-visual-grid>div>p{font-size:17px;line-height:1.75;opacity:.68;max-width:650px}.support-visual-grid .dark-btn{align-self:flex-start;margin-top:18px}
.insights{padding:95px 5vw}.section-note{font-size:17px;line-height:1.7;opacity:.58;max-width:720px;margin-top:24px}.insight-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.insight-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a1419;opacity:0;transform:translateY(18px);transition:.5s ease}.insight-card.in-view{opacity:1;transform:none}.insight-card img{width:100%;height:220px;object-fit:cover;display:block;filter:grayscale(.7) contrast(1.1) brightness(.72)}.insight-card.feature img{height:310px}.insight-card>div{padding:27px}.insight-card span{font-size:9px;letter-spacing:.15em;opacity:.42}.insight-card h3{font-family:var(--logo-font);font-size:28px;font-weight:500;line-height:1.08;margin:18px 0 12px}.insight-card p{font-size:14px;line-height:1.65;opacity:.58}.insight-card a{display:inline-block;margin-top:18px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid rgba(255,255,255,.32);padding-bottom:4px}.dual-links{display:flex;gap:22px;flex-wrap:wrap}

@media(max-width:1180px){.desktop-nav{gap:16px}.desktop-nav a{font-size:10px}.site-header{grid-template-columns:230px 1fr 145px}.cap-grid-six{grid-template-columns:repeat(2,1fr)}.cap-grid-six .cap-card:nth-child(3){border-right:1px solid var(--line)}.cap-grid-six .cap-card:nth-child(2n){border-right:0}.cap-grid-six .cap-card:nth-child(-n+4){border-bottom:1px solid var(--line)}.product-brand-grid{grid-template-columns:repeat(2,1fr)}.insight-grid{grid-template-columns:1fr 1fr}.insight-card.feature{grid-column:1/-1}}
@media(max-width:1000px){.hero-machine img{bottom:-35px}.field-strip{grid-template-columns:1fr 1fr}.support-visual-grid{grid-template-columns:1fr}.frd-feature{grid-template-columns:1fr}.frd-feature img{min-height:260px}.industry-photo-wrap{max-width:650px}.product-brand-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.hero-machine img{bottom:-20px}.cap-grid-six{grid-template-columns:1fr}.cap-grid-six .cap-card{border-right:0!important;border-bottom:1px solid var(--line)!important}.field-strip{grid-template-columns:1fr}.field-card{height:220px}.product-brand-grid{grid-template-columns:1fr}.product-brand{min-height:220px}.brand-group-title{align-items:flex-start;gap:20px;flex-direction:column}.frd-copy{padding:28px}.support-visual-grid>img{min-height:320px}.insight-grid{grid-template-columns:1fr}.insight-card.feature{grid-column:auto}.insight-card.feature img{height:230px}.insight-card h3{font-size:24px}}

/* --- v3 visual system: compact engineering interface --- */
.site-header{padding-top:20px;padding-bottom:20px}.desktop-nav a:first-child{opacity:1}
.hero{min-height:690px;padding-top:118px;padding-bottom:0;grid-template-columns:41% 59%;border-bottom:1px solid var(--line)}
.hero-copy{align-self:center;padding-bottom:30px}.hero h1{font-size:clamp(58px,6.55vw,104px)}.hero-sub{font-size:18px}
.hero-machine{height:570px;align-self:end;margin-bottom:0}.hero-machine img{width:111%;right:-7%;bottom:-118px;transform:none;filter:saturate(.76) contrast(1.08)}
.hero-machine .r1{top:9%}.hero-machine .r2{top:19%}.hero-machine .s1{top:39%}.hero-machine .s2{top:20%}.n1{top:69%}.n2{bottom:3%}.n3{top:14%}.scroll-cue{bottom:12px}

.tech-ribbon{border-bottom:1px solid var(--line)}.tech-ribbon-head{display:flex;justify-content:space-between;align-items:center;padding:18px 3vw;border-bottom:1px solid var(--line)}.tech-ribbon-head>a{text-transform:uppercase;font-size:10px;letter-spacing:.12em;opacity:.72}.tech-ribbon-grid{display:grid;grid-template-columns:repeat(9,1fr);padding:0 2vw}.tech-tile{position:relative;min-height:190px;padding:16px 14px 17px;border-right:1px solid var(--line);transition:.25s;background:rgba(255,255,255,.008)}.tech-tile:first-child{border-left:1px solid var(--line)}.tech-tile:hover{background:rgba(255,255,255,.04);transform:translateY(-2px)}.tech-tile>span{font-size:10px;opacity:.42}.tech-tile h3{font-size:12px;line-height:1.2;text-transform:uppercase;font-weight:500;margin:12px 0 8px;min-height:30px}.tech-tile small{font-size:8px;line-height:1.35;letter-spacing:.08em;text-transform:uppercase;opacity:.42}.tech-icon{height:54px;margin:7px 0 8px;position:relative;color:#d9dcdb;opacity:.72}.tech-icon:before,.tech-icon:after{content:"";position:absolute;border:1px solid currentColor}.road-icon:before{width:70px;height:42px;border-width:0 0 1px 1px;border-radius:0 0 0 60px;transform:skewX(-25deg);left:5px;top:5px}.road-icon:after{width:54px;height:28px;border-width:0 0 1px 1px;border-radius:0 0 0 50px;transform:skewX(-25deg);left:20px;top:12px}.earth-icon:before{width:50px;height:20px;left:14px;bottom:7px;border-radius:3px}.earth-icon:after{width:38px;height:38px;border-radius:50%;left:28px;bottom:0;box-shadow:25px 7px 0 -9px transparent}.mine-icon:before{width:70px;height:22px;left:5px;bottom:8px;transform:skewX(-15deg)}.mine-icon:after{width:52px;height:12px;left:17px;top:9px;transform:rotate(16deg)}.handling-icon:before{width:30px;height:26px;left:19px;bottom:7px}.handling-icon:after{width:47px;height:1px;left:44px;top:22px;transform:rotate(-32deg);transform-origin:left}.concrete-icon:before{width:52px;height:26px;border-radius:15px;left:15px;bottom:10px;transform:rotate(12deg)}.concrete-icon:after{width:18px;height:18px;border-radius:50%;left:18px;bottom:1px;box-shadow:37px 0 0 -1px var(--ink2),37px 0 0 0 currentColor}.crane-icon:before{height:45px;width:1px;left:34px;bottom:2px}.crane-icon:after{width:52px;height:1px;left:34px;top:7px}.drilling-icon:before{width:22px;height:46px;left:30px;bottom:1px}.drilling-icon:after{width:48px;height:1px;left:17px;bottom:1px}.asphalt-icon:before{width:18px;height:45px;left:20px;bottom:2px;box-shadow:26px 8px 0 -1px transparent}.asphalt-icon:after{width:56px;height:1px;left:12px;bottom:2px}.breaker-icon:before{width:13px;height:42px;left:32px;top:3px;transform:rotate(25deg)}.breaker-icon:after{width:38px;height:1px;left:39px;top:11px;transform:rotate(-12deg)}

.field-strip{grid-template-columns:repeat(5,1fr);padding:0 3vw 70px}.field-card{height:230px}.field-card span{background:rgba(4,10,13,.72);padding:6px 8px;left:12px;bottom:12px}

.brand-title-logo>div{align-items:center}.brand-title-logo img{display:block;max-height:46px;max-width:300px;object-fit:contain;object-position:left center}.brand-title-logo .liebherr-title-logo{background:#fff;padding:8px 16px;max-height:52px}.brand-title-logo .frd-title-logo{max-height:56px}
.visual-brand-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}.visual-brand-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#091217;overflow:hidden;transition:.3s}.visual-brand-card:hover{background:#101c22}.brand-photo{height:210px;overflow:hidden;background:#111b21}.brand-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.34) saturate(.74) contrast(1.08) brightness(.78);transition:.55s}.visual-brand-card:hover .brand-photo img{transform:scale(1.035);filter:grayscale(.05) saturate(.95) contrast(1.05) brightness(.88)}.brand-card-body{padding:25px 26px 28px}.oem-logo{display:block;max-width:210px;height:44px;object-fit:contain;object-position:left center;margin-bottom:22px}.brand-card-body p{font-size:13px;line-height:1.6;opacity:.58;min-height:64px}.brand-card-body>a{font-size:10px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:4px}.liebherr-category-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}.liebherr-category-grid>a{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:220px;transition:.25s;background:rgba(255,255,255,.01)}.liebherr-category-grid>a:hover{background:rgba(255,255,255,.04)}.liebherr-category-grid span{font-size:10px;opacity:.38}.liebherr-category-grid h4{font-family:var(--logo-font);font-size:24px;font-weight:500;margin:22px 0 12px}.liebherr-category-grid p{font-size:13px;line-height:1.55;opacity:.56;min-height:62px}.liebherr-category-grid b{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:400}.frd-visual{position:relative;min-height:320px;overflow:hidden}.frd-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:grayscale(.52) contrast(1.12) brightness(.74)}.frd-engineering-lines{position:absolute;z-index:2;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:38px 38px;pointer-events:none}

.support-visual-grid>img{object-fit:contain;background:#0a1318;padding:40px;filter:grayscale(.25) contrast(1.05)}
.insight-card img{filter:grayscale(.38) saturate(.75) contrast(1.08) brightness(.78)}

@media(max-width:1280px){.tech-ribbon-grid{grid-template-columns:repeat(5,1fr)}.tech-tile:nth-child(n+6){border-top:1px solid var(--line)}.tech-tile{min-height:175px}.visual-brand-grid,.liebherr-category-grid{grid-template-columns:repeat(2,1fr)}.field-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.hero{min-height:850px;padding-top:115px}.hero-machine{height:500px}.hero-machine img{bottom:-90px}.tech-ribbon-grid{grid-template-columns:repeat(3,1fr)}.field-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.hero{min-height:790px}.hero-machine img{bottom:-55px}.tech-ribbon-grid{grid-template-columns:1fr 1fr}.tech-tile{min-height:170px}.visual-brand-grid,.liebherr-category-grid{grid-template-columns:1fr}.field-strip{grid-template-columns:1fr}.brand-photo{height:190px}}

/* V4 refinements — hero alignment, Africa visibility, OEM logo sizing */
.hero-machine{height:590px;overflow:visible}
.hero-machine img{width:108%;right:-3%;bottom:-58px;transform:none;object-fit:contain;object-position:center bottom}
.africa{position:relative;overflow:hidden;min-height:560px;isolation:isolate}
.africa>div:first-child{position:relative;z-index:3}
.africa-art{position:relative;z-index:2;color:#f2f3f0;opacity:1;width:min(44vw,620px);max-width:620px;justify-self:center;filter:drop-shadow(0 0 28px rgba(255,255,255,.06))}
.africa-art svg{width:100%;height:auto;overflow:visible}
.brand-title-logo img{max-height:72px;max-width:430px;width:auto}
.brand-title-logo .liebherr-title-logo{max-height:72px;padding:10px 18px}
.brand-title-logo .frd-title-logo{max-height:76px}
.oem-logo{max-width:280px;width:auto;height:68px;margin-bottom:22px}
.brand-card-body{padding:28px 28px 30px}
@media(max-width:1000px){.hero-machine img{width:105%;right:-5%;bottom:-42px}.africa-art{width:min(78vw,580px);justify-self:center}.brand-title-logo img{max-width:360px;max-height:64px}.oem-logo{max-width:250px;height:62px}}
@media(max-width:650px){.hero-machine img{width:760px;right:-300px;bottom:-25px}.africa{min-height:auto}.africa-art{width:92vw;max-width:460px}.brand-title-logo img{max-width:280px;max-height:58px}.oem-logo{max-width:230px;height:58px}}


/* V5 — exact landing composition from approved artwork */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.secondary-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:50;
  background:rgba(5,13,17,.94);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  transform:translateY(-110%);
  opacity:0;
  pointer-events:none;
  transition:transform .28s ease,opacity .28s ease;
}
.secondary-header.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}
.landing-exact{
  position:relative;
  width:100%;
  background:#071015;
  overflow:hidden;
  line-height:0;
}
.landing-art{
  display:block;
  width:100%;
  height:auto;
  margin:0 auto;
}
.landing-hotspots{position:absolute;inset:0;z-index:5;pointer-events:none}
.hotspot{position:absolute;display:block;pointer-events:auto;background:transparent}
.hotspot:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px;background:rgba(255,255,255,.05)}
.hs-home{left:26.2%;top:2.1%;width:4.2%;height:3.6%}
.hs-company{left:31.4%;top:2.1%;width:5.8%;height:3.6%}
.hs-technologies{left:37.2%;top:2.1%;width:7.7%;height:3.6%}
.hs-industries{left:44.8%;top:2.1%;width:6.6%;height:3.6%}
.hs-brands{left:51.0%;top:2.1%;width:5.1%;height:3.6%}
.hs-support{left:55.8%;top:2.1%;width:5.1%;height:3.6%}
.hs-projects{left:61.2%;top:2.1%;width:5.7%;height:3.6%}
.hs-contact{left:66.4%;top:2.1%;width:5.7%;height:3.6%}
.hs-talk{left:88.2%;top:1.5%;width:9.4%;height:4.2%}
.hs-discover{left:6.1%;top:43.2%;width:13.5%;height:4.2%}
.hs-road{left:2.3%;top:57.5%;width:16.5%;height:18.3%}
.hs-earth{left:18.8%;top:57.5%;width:16.3%;height:18.3%}
.hs-mining{left:35.1%;top:57.5%;width:16.3%;height:18.3%}
.hs-product-support{left:51.5%;top:57.5%;width:16.1%;height:18.3%}
.hs-locations{left:66.9%;top:57.2%;width:31%;height:18.6%}
.hs-process{left:2.3%;top:78.0%;width:13.3%;height:12.1%}
.hs-view-brands{left:73.4%;top:78.0%;width:24.5%;height:12.1%}
.hs-bottom-talk{left:73.4%;top:92.0%;width:24.5%;height:7%}
.anchor-target{height:0;scroll-margin-top:80px}

@media (max-width:900px){
  .landing-exact{overflow-x:auto}
  .landing-art{width:100%;min-width:760px}
  .landing-hotspots{min-width:760px}
}

/* V6 — requested content/image refinements. Approved landing artwork remains unchanged except official Wirtgen Group logo overlay. */
.landing-wg-replace{
  position:absolute;
  z-index:4;
  left:73.5%;
  top:79.55%;
  width:11.7%;
  height:7.2%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f1f2ef;
  padding:.85% 1.1%;
  pointer-events:none;
}
.landing-wg-replace img{width:100%;height:100%;object-fit:contain;display:block}

/* Dedicated technologies page */
.technologies-page{padding:100px 5vw 115px;scroll-margin-top:80px}
.technologies-heading{display:grid;grid-template-columns:56px 1fr;gap:20px;max-width:1050px;margin-bottom:65px}
.technologies-heading h2{font-family:var(--logo-font);font-size:clamp(50px,6vw,92px);line-height:.94;font-weight:500;letter-spacing:.01em;margin:10px 0 24px}
.technology-intro{max-width:780px;font-size:18px;line-height:1.75;opacity:.62;margin:0}
.technology-story{display:grid;grid-template-columns:1.02fr .98fr;border-top:1px solid var(--line);min-height:640px}
.technology-story:last-child{border-bottom:1px solid var(--line)}
.technology-story.reverse .technology-story-media{order:2;border-left:1px solid var(--line);border-right:0}
.technology-story.reverse .technology-story-copy{order:1}
.technology-story-media{position:relative;overflow:hidden;min-height:640px;border-right:1px solid var(--line);background:#111b21}
.technology-story-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,10,13,.72));pointer-events:none}
.technology-story-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.82) contrast(1.06) brightness(.8);transition:transform .7s ease}
.technology-story:hover .technology-story-media img{transform:scale(1.018)}
.technology-marker{position:absolute;z-index:2;left:26px;bottom:24px;font-size:10px;letter-spacing:.16em;background:rgba(5,13,17,.72);padding:8px 10px}
.technology-story-copy{padding:56px 55px 60px;align-self:center}
.technology-story-copy h3{font-family:var(--logo-font);font-size:clamp(32px,3.5vw,56px);line-height:1.02;font-weight:500;margin:13px 0 28px;max-width:680px}
.technology-story-copy>p:not(.eyebrow){font-size:15px;line-height:1.78;opacity:.67;max-width:760px;margin:0 0 18px}
.technology-links{display:flex;flex-wrap:wrap;gap:26px;margin-top:30px}
.technology-links a{font-size:10px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:5px}

/* Industry imagery: give requested photos more presence */
.industry-photo-wrap{height:315px;max-width:700px;margin:0 0 24px;overflow:hidden;background:#d8d9d5}
.industry-photo-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s ease,transform .5s ease;filter:saturate(.85) contrast(1.05)}
.industry-photo-wrap img.is-changing{opacity:.15;transform:scale(1.01)}

/* Official logos: same visual slot, large enough to read */
.brand-title-logo img{max-height:none;max-width:none;width:auto;height:62px;padding:0;background:transparent;object-fit:contain}
.brand-title-logo .liebherr-title-logo{height:60px;max-height:none;padding:0;background:transparent}
.brand-title-logo .frd-title-logo{height:72px;max-height:none;padding:0}
.oem-logo{display:block;width:auto;height:58px;max-width:92%;object-fit:contain;object-position:left center;margin:0 0 22px;padding:0}
.visual-brand-card .brand-card-body{min-height:190px}

/* Visual Liebherr product families */
.liebherr-category-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}
.liebherr-category-card{padding:0!important;min-height:0!important;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#091217!important}
.liebherr-category-card:hover{background:#101c22!important}
.liebherr-card-photo{height:210px;overflow:hidden;background:#111b21}
.liebherr-card-photo img{width:100%;height:100%;display:block;object-fit:cover;filter:grayscale(.18) saturate(.78) contrast(1.06) brightness(.8);transition:transform .55s ease,filter .55s ease}
.liebherr-category-card:hover .liebherr-card-photo img{transform:scale(1.035);filter:grayscale(0) saturate(.95) contrast(1.04) brightness(.88)}
.liebherr-card-copy{padding:25px 28px 29px;min-height:205px}
.liebherr-card-copy span{font-size:10px;opacity:.38}
.liebherr-card-copy h4{font-family:var(--logo-font);font-size:25px;font-weight:500;margin:18px 0 11px}
.liebherr-card-copy p{font-size:13px;line-height:1.58;opacity:.58;min-height:62px;margin:0 0 18px}
.liebherr-card-copy b{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:400}

/* FRD requested visual */
.frd-visual>img{object-fit:cover;object-position:center;filter:grayscale(.12) saturate(.9) contrast(1.08) brightness(.84)}

/* Machine Afrik support photo */
.support-visual-grid>img{object-fit:cover;background:#0a1318;padding:0;filter:grayscale(.08) saturate(.82) contrast(1.04);object-position:center}

/* Contact channels */
.contact>div:first-child{display:flex;flex-direction:column;align-items:flex-start}
.contact-details{display:grid;gap:11px;margin-top:38px;padding-top:26px;border-top:1px solid var(--line);width:min(100%,540px)}
.contact-details a{font-size:14px;letter-spacing:.06em;opacity:.72;transition:.2s}
.contact-details a:first-child{font-size:17px;opacity:.95}
.contact-details a:hover{opacity:1;transform:translateX(4px)}

@media(max-width:1100px){
  .technology-story{grid-template-columns:1fr}
  .technology-story-media,.technology-story.reverse .technology-story-media{order:1;border-right:0;border-left:0;border-bottom:1px solid var(--line);min-height:470px}
  .technology-story-copy,.technology-story.reverse .technology-story-copy{order:2;padding:45px 35px 55px}
  .liebherr-category-grid{grid-template-columns:repeat(2,1fr)}
  .brand-title-logo img{height:54px}.brand-title-logo .liebherr-title-logo{height:52px}.brand-title-logo .frd-title-logo{height:62px}
  .oem-logo{height:52px}
}
@media(max-width:700px){
  .technologies-page{padding:75px 20px 85px}
  .technologies-heading{grid-template-columns:1fr;gap:0;margin-bottom:42px}
  .technologies-heading h2{font-size:48px}
  .technology-story-media,.technology-story.reverse .technology-story-media{min-height:330px}
  .technology-story-copy,.technology-story.reverse .technology-story-copy{padding:34px 20px 42px}
  .technology-story-copy h3{font-size:36px}
  .technology-story-copy>p:not(.eyebrow){font-size:14px}
  .industry-photo-wrap{height:245px}
  .liebherr-category-grid{grid-template-columns:1fr}
  .liebherr-card-photo{height:200px}
  .brand-title-logo img{height:45px}.brand-title-logo .liebherr-title-logo{height:43px}.brand-title-logo .frd-title-logo{height:52px}
  .oem-logo{height:45px;max-width:96%}
  .contact-details{margin-top:26px}
}
.technology-story,.liebherr-category-card{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease,background .25s ease}
.technology-story.in-view,.liebherr-category-card.in-view{opacity:1;transform:none}


/* V7 — final publishing refinements */
.landing-wg-replace{
  position:absolute;
  z-index:4;
  left:73.8%;
  top:81.0%;
  width:11.0%;
  height:7.1%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#e4e5e6;
  padding:.35% .45%;
  pointer-events:none;
}
.landing-wg-replace img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
}
.hs-down{left:47.2%;top:50.5%;width:5.5%;height:6.2%;border-radius:50%;cursor:pointer}
.hs-down:hover{background:rgba(255,255,255,.035)}
.frd-visual>img{object-position:center 58%}
@media(max-width:900px){
  .landing-wg-replace{min-width:84px}
}

.frd-visual>img{object-fit:contain!important;object-position:center!important;background:#071015;padding:8px}


/* V7 final FRD image polish */
.frd-feature{grid-template-columns:.9fr 1.1fr}
.frd-visual>img{object-fit:cover!important;object-position:center 48%!important;background:#071015;padding:0!important}
.industry-photo-wrap img[src*="industry-rock-drilling-photo04"]{object-fit:cover;object-position:center 48%;filter:saturate(.92) contrast(1.04)}
@media(max-width:1000px){.frd-feature{grid-template-columns:1fr}.frd-visual{min-height:285px}}


/* V8 multilingual language switcher */
.language-switcher{position:relative;z-index:30;display:inline-flex;align-items:center}
.language-button{appearance:none;border:0;background:transparent;color:inherit;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;padding:10px 18px 10px 10px;position:relative;min-width:48px}
.language-button::after{content:"⌄";position:absolute;right:3px;top:50%;transform:translateY(-55%);font-size:.8em;opacity:.75}
.language-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:170px;background:#07131a;border:1px solid rgba(255,255,255,.18);box-shadow:0 16px 40px rgba(0,0,0,.35);padding:6px;z-index:60}
.language-menu a{display:block;padding:10px 12px;color:#eef2f3;text-decoration:none;white-space:nowrap;font-size:12px;letter-spacing:.04em}
.language-menu a:hover,.language-menu a.is-current{background:rgba(255,255,255,.08)}
.header-language{margin-left:auto;margin-right:10px;color:#eef2f3;font-size:11px}
.landing-language{position:absolute;left:82.1%;top:1.75%;z-index:18;color:#eef2f3;font-size:10px;line-height:1}
.landing-language .language-button{background:#0a151c;padding:7px 20px 7px 8px;min-width:48px}
.landing-language .language-menu{top:calc(100% + 5px)}
@media(max-width:900px){.header-language{display:none}.landing-language{left:82%;min-width:44px}}

/* Arabic page */
html[dir="rtl"] body{font-family:Arial,"Noto Sans Arabic",sans-serif}
html[dir="rtl"] .landing-exact{direction:ltr}
html[dir="rtl"] .secondary-header,html[dir="rtl"] .desktop-nav,html[dir="rtl"] .mobile-nav{direction:rtl}
html[dir="rtl"] .manifesto-copy,html[dir="rtl"] .technologies-heading,html[dir="rtl"] .technology-story-copy,html[dir="rtl"] .industries,html[dir="rtl"] .brand-group,html[dir="rtl"] .support-copy,html[dir="rtl"] .insights,html[dir="rtl"] .africa-copy,html[dir="rtl"] .contact-copy,html[dir="rtl"] .contact-form{text-align:right}
html[dir="rtl"] .technology-links,html[dir="rtl"] .contact-details{direction:rtl}
html[dir="rtl"] .language-menu{right:auto;left:0;text-align:right}


/* V9 — language control integrated into the approved landing artwork */
.landing-language{
  width:4.3%;
  height:3.5%;
  min-width:42px;
  min-height:24px;
}
.landing-language .language-button{
  width:100%;
  height:100%;
  min-width:0;
  padding:0;
  background:transparent!important;
  color:transparent!important;
  font-size:0!important;
  border:0;
  opacity:0;
}
.landing-language .language-button::after{display:none!important}
.landing-language .language-menu{
  top:100%;
  margin-top:4px;
  right:0;
}
@media(max-width:900px){
  .landing-language{left:82.1%;width:4.5%;height:3.8%;min-width:38px}
}

/* Arabic typography — visually aligned with the English interface without bundling fonts */
html[dir="rtl"]{
  --logo-font:"Segoe UI",Tahoma,Arial,sans-serif;
  --body-font:"Segoe UI",Tahoma,Arial,sans-serif;
}
html[dir="rtl"] body{font-family:var(--body-font)}
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] .brand-group-title h3,
html[dir="rtl"] .product-brand h4,
html[dir="rtl"] .liebherr-category-grid h4,
html[dir="rtl"] .liebherr-card-copy h4,
html[dir="rtl"] .technology-story-copy h3,
html[dir="rtl"] .technologies-heading h2{
  font-family:var(--logo-font);
  font-weight:600;
  letter-spacing:0;
}


/* V10 — mobile landing + navigation repair.
   Desktop landing composition is intentionally unchanged. */
.mobile-nav[hidden]{display:none!important}

@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}

  /* Use the real responsive header on mobile from the first pixel. */
  .secondary-header{
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
    position:fixed;
    z-index:100;
    min-height:68px;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:8px;
    padding:14px 16px!important;
  }
  .secondary-header .brand img{width:150px;max-width:48vw}
  .secondary-header .menu-btn{
    display:block;
    position:relative;
    z-index:102;
    min-height:40px;
    padding:9px 12px;
    cursor:pointer;
  }
  .secondary-header .header-language{
    display:inline-flex!important;
    margin:0;
    position:relative;
    z-index:102;
  }
  .secondary-header .header-language .language-button{
    min-width:42px;
    padding:9px 17px 9px 7px;
  }

  /* Dropdown becomes a proper fixed mobile panel. */
  .mobile-nav{
    position:fixed!important;
    top:68px!important;
    left:0!important;
    right:0!important;
    z-index:99!important;
    background:rgba(5,13,17,.985)!important;
    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);
    padding:8px 18px 18px!important;
    max-height:calc(100dvh - 68px);
    overflow-y:auto;
    box-shadow:0 18px 38px rgba(0,0,0,.34);
  }
  .mobile-nav:not([hidden]){display:block!important}
  .mobile-nav a{
    display:block;
    padding:14px 2px!important;
    font-size:13px;
    letter-spacing:.09em;
    text-transform:uppercase;
  }

  /* The desktop artwork now scales to the phone instead of forcing
     a 760px-wide canvas and horizontal scrolling. */
  .landing-exact{
    overflow:hidden!important;
    padding-top:68px;
    width:100%;
  }
  .landing-art{
    display:block;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
  }
  .landing-hotspots{
    min-width:0!important;
    width:100%!important;
  }

  /* The real responsive header handles navigation/language on phones,
     so disable tiny desktop-artwork hit areas that can interfere with taps. */
  .landing-hotspots,
  .landing-language{
    display:none!important;
  }

  .landing-wg-replace{
    min-width:0!important;
  }

  /* Ensure first real section begins cleanly after the scaled artwork. */
  #company{scroll-margin-top:72px}
}

@media(max-width:520px){
  .secondary-header{
    grid-template-columns:minmax(0,1fr) auto auto;
    padding-left:14px!important;
    padding-right:12px!important;
  }
  .secondary-header .brand img{width:138px}
  .secondary-header .menu-btn{
    font-size:11px;
    letter-spacing:.05em;
    padding:9px 10px;
  }
  .secondary-header .header-language .language-button{
    font-size:10px;
    min-width:38px;
  }
}

/* V11 — mobile menu tap-layer hardening.
   IMPORTANT: all rules are mobile-only; desktop presentation is unchanged. */
@media (max-width:900px){
  /* Keep artwork in a lower stacking layer so it can never intercept the header. */
  .landing-exact{
    position:relative!important;
    z-index:1!important;
    isolation:isolate;
  }
  .landing-art,
  .landing-wg-replace{
    pointer-events:none!important;
  }

  /* The mobile header must always own the top interaction layer. */
  .secondary-header{
    z-index:10000!important;
    pointer-events:auto!important;
    touch-action:manipulation;
  }
  .secondary-header .brand,
  .secondary-header .menu-btn,
  .secondary-header .header-language,
  .secondary-header .language-button{
    position:relative;
    z-index:10002!important;
    pointer-events:auto!important;
    touch-action:manipulation;
  }
  .secondary-header .menu-btn{
    -webkit-tap-highlight-color:rgba(255,255,255,.12);
    user-select:none;
    -webkit-user-select:none;
  }

  /* Open navigation panel sits above every landing-page visual. */
  .mobile-nav{
    z-index:9999!important;
    pointer-events:auto!important;
    touch-action:pan-y;
  }
  .mobile-nav:not([hidden]),
  .mobile-nav:not([hidden]) *{
    pointer-events:auto!important;
  }
  body.mobile-menu-open{
    overflow:hidden;
  }
}

/* V12 — mobile artwork header removal + consistent desktop header action placement.
   The approved desktop landing artwork is unchanged. */
@media (min-width:901px){
  /* Header has four visible desktop items: logo, nav, language, CTA. */
  .site-header{
    grid-template-columns:260px minmax(0,1fr) auto 150px!important;
    column-gap:18px;
  }
  .site-header .brand{grid-column:1;grid-row:1}
  .site-header .desktop-nav{grid-column:2;grid-row:1}
  .site-header .header-language{
    grid-column:3;grid-row:1;
    justify-self:end;
    margin-left:0!important;
    margin-right:0!important;
  }
  .site-header .outline-btn{
    grid-column:4;grid-row:1;
    justify-self:end;
    white-space:nowrap;
  }
}

@media (max-width:900px){
  /* On phones use a crop of the approved artwork that excludes the desktop
     logo/navigation strip baked into the image. The real mobile header remains above it. */
  .landing-picture{display:block;width:100%;line-height:0}
  .landing-picture .landing-art{
    display:block;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
  }
  /* Vertical adjustment because the mobile source begins 96px lower than the desktop artwork. */
  .landing-wg-replace{
    top:77.45%!important;
    height:7.95%!important;
  }
}


/* V13 final technology structure, paragraph alignment and mobile partner-logo cleanup */
.technology-platforms{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:-24px 0 64px}
.technology-platform{padding:26px 28px 30px;min-height:150px}
.technology-platform+.technology-platform{border-left:1px solid var(--line)}
.technology-platform>span{font-size:10px;letter-spacing:.14em;opacity:.5}
.technology-platform h4{font-family:var(--logo-font);font-weight:500;font-size:22px;margin:14px 0 10px}
.technology-platform p{font-size:13px;line-height:1.55;opacity:.6;margin:0;text-align:justify;text-justify:inter-word}
.technology-story-copy>p:not(.eyebrow){text-align:justify;text-justify:inter-word;hyphens:auto}
html[dir="rtl"] .technology-story-copy>p:not(.eyebrow),html[dir="rtl"] .technology-platform p{text-align:justify;text-justify:inter-word}
@media(max-width:900px){.technology-platforms{grid-template-columns:1fr;margin-top:-12px;margin-bottom:42px}.technology-platform+.technology-platform{border-left:0;border-top:1px solid var(--line)}.technology-platform{min-height:0;padding:22px 20px}}

/* V15 mobile technology-partner alignment fix.
   Desktop landing artwork is intentionally unchanged. */
@media (max-width:900px){
  .landing-wg-replace{
    left:73.9%!important;
    top:80.0%!important;
    width:12.0%!important;
    height:3.6%!important;
    min-width:0!important;
    background:transparent!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .landing-wg-replace img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center!important;
  }
}


/* V16 final mobile partner artwork fix.
   The Wirtgen Group endorsement is baked directly into the mobile landing artwork
   so it scales and aligns with Liebherr exactly as one composition. Desktop unchanged. */
@media (max-width:900px){
  .landing-wg-replace{display:none!important;}
}


/* V17 mobile-only landing artwork interaction layer.
   Desktop composition is untouched. The mobile artwork stays visually identical;
   transparent hit areas make the calls to action in the artwork functional. */
@media (max-width:900px){
  .landing-hotspots{
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:68px!important;
    bottom:0!important;
    width:100%!important;
    min-width:0!important;
    z-index:8!important;
    pointer-events:none!important;
  }
  .landing-hotspots .hotspot{display:none!important}
  .landing-hotspots .hs-discover,
  .landing-hotspots .hs-down,
  .landing-hotspots .hs-road,
  .landing-hotspots .hs-earth,
  .landing-hotspots .hs-mining,
  .landing-hotspots .hs-product-support,
  .landing-hotspots .hs-locations,
  .landing-hotspots .hs-process,
  .landing-hotspots .hs-view-brands,
  .landing-hotspots .hs-bottom-talk{
    display:block!important;
    pointer-events:auto!important;
    touch-action:manipulation;
    -webkit-tap-highlight-color:rgba(255,255,255,.08);
  }

  /* Coordinates below are mapped to the approved 1536 x 928 mobile artwork,
     which is the desktop composition cropped by 96px at the top. */
  .hs-discover{left:6.1%!important;top:37.32%!important;width:13.5%!important;height:4.63%!important}
  .hs-down{left:47.2%!important;top:45.38%!important;width:5.5%!important;height:6.84%!important}
  .hs-road{left:2.3%!important;top:53.10%!important;width:16.5%!important;height:20.19%!important}
  .hs-earth{left:18.8%!important;top:53.10%!important;width:16.3%!important;height:20.19%!important}
  .hs-mining{left:35.1%!important;top:53.10%!important;width:16.3%!important;height:20.19%!important}
  .hs-product-support{left:51.5%!important;top:53.10%!important;width:16.1%!important;height:20.19%!important}
  .hs-locations{left:66.9%!important;top:52.77%!important;width:31%!important;height:20.52%!important}
  .hs-process{left:2.3%!important;top:75.72%!important;width:13.3%!important;height:13.35%!important}
  .hs-view-brands{left:73.4%!important;top:75.72%!important;width:24.5%!important;height:13.35%!important}
  .hs-bottom-talk{left:73.4%!important;top:91.17%!important;width:24.5%!important;height:7.72%!important}
}