/* First-screen palette and motion only; other sections retain industrial.css. */
.hero-connected,.hero-header,.hero-scope{--hero-navy:#071521;--hero-steel:#31556f;--hero-silver:#c4d2df;--hero-ice:#a8d6f0;--hero-white:#f3f6f8}
.hero-header{background:var(--hero-navy)}
.hero-header .brand-emblem,.hero-signature .brand-emblem{filter:grayscale(1) brightness(1.5)}
.hero-connected{background:var(--hero-navy);min-height:690px;height:max(690px,calc(100svh - 166px));max-height:920px;color:var(--hero-white)}
.hero-visual{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.hero-map{position:absolute;width:100%;height:100%;inset:0;object-fit:fill}
.hero-routes{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.route-track{stroke:#92c9ed;stroke-width:1;opacity:.38}
.hero-network{position:absolute;inset:0}
.hero-orb{position:absolute;left:60.55%;top:33.2%;width:12px;height:12px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fff 0%,#f4fbff 28%,#b5e8ff 60%,#55baf1 100%);box-shadow:0 0 7px 3px #b4e8ff,0 0 20px 8px #69bded85;opacity:0;will-change:left,top}
.hero-new-emblem{width:88px;height:64px;object-fit:contain;flex-shrink:0}
.hero-connected .hero-description>span{display:block}
.hero-connected .hero-geography>.geo-item{display:inline-flex;align-items:center;gap:15px;color:var(--hero-silver);white-space:nowrap}
.geo-item>span{color:var(--hero-ice)}
.route-nodes{fill:#c3e3f7;stroke:#6fafd6;stroke-width:5;paint-order:stroke;opacity:.8}
.hero-parts{position:absolute;inset:0}
.hero-part{position:absolute;object-fit:contain;height:auto;filter:drop-shadow(0 18px 15px #020c1480)}
.part-aluminium{width:35%;left:45%;bottom:3%;z-index:2}
.part-steel{width:29%;left:69%;bottom:12%;z-index:1}
.part-plastics{width:28%;left:73%;bottom:-3%;z-index:3}
.hero-connected .hero-shade{background:linear-gradient(90deg,#071521f5 0%,#071521df 25%,#07152180 42%,#07152100 65%);z-index:-1}
.hero-connected .hero-content{position:relative;padding-block:60px 75px;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;animation:none;max-width:1380px}
.hero-signature{display:flex;align-items:center;gap:14px;font-size:clamp(2rem,3.2vw,3rem);font-weight:800;letter-spacing:-.06em;line-height:1;margin-bottom:27px}
.hero-signature>span>span{font-weight:400;letter-spacing:-.045em}
.hero-signature .brand-emblem{width:49px;height:64px}
.hero-connected h1{font-size:clamp(3.3rem,4.7vw,4.8rem);line-height:1.06;max-width:650px;margin:0 0 26px;letter-spacing:-.015em}
.hero-connected h1 span{color:var(--hero-silver)}
.hero-connected .eyebrow{font-size:.8rem;font-weight:500;letter-spacing:.14em;color:var(--hero-silver);max-width:490px;line-height:1.8}
.hero-connected .hero-description{font-size:1rem;color:#c9d5df;line-height:1.8;margin-top:21px}
.hero-connected .hero-geography{font-size:.75rem;color:var(--hero-silver);letter-spacing:.14em;gap:15px;margin-top:25px;flex-wrap:wrap}
.hero-connected .hero-geography>span{color:var(--hero-ice)}
.hero-connected .hero-actions{margin-top:31px;gap:12px}
.hero-connected .primary{background:var(--hero-silver);color:var(--hero-navy);border-color:var(--hero-silver)}
.hero-connected .primary:hover{background:var(--hero-white);border-color:var(--hero-white)}
.hero-connected .outline{border-color:#8fa5b8;background:#0c223366}
.hero-connected .outline:hover{background:#31556f80;border-color:var(--hero-white)}
.hero-motion-toggle{position:absolute;right:28px;bottom:17px;z-index:3;min-height:44px;padding:10px 15px;border:1px solid #a9bcc355;border-radius:2px;background:#071521cc;color:#c4d2df;font-size:.75rem;cursor:pointer}
.hero-motion-toggle:hover{background:#31556f;border-color:#c4d2df}
.hero-motion-toggle:focus-visible{outline:3px solid var(--hero-ice);outline-offset:4px}
.hero-scope{background:#102435;border-top:1px solid #809bad40;color:var(--hero-silver)}
.hero-scope>.wrap{min-height:78px;align-items:center;font-size:.8rem;letter-spacing:.035em}
.hero-scope span{padding-block:2px}
@media(prefers-reduced-motion:no-preference){
 .hero-connected.intro-loading [data-intro]{opacity:0}
 .hero-connected.is-ready .hero-actions{animation:hero-actions-in 1.1s .65s both}
 .hero-connected.motion-paused *{animation-play-state:paused!important}
 @keyframes hero-actions-in{from{opacity:0;filter:blur(8px);transform:translateY(9px)}to{opacity:1;filter:blur(0);transform:none}}
}
@media(min-width:1700px){.hero-connected h1{font-size:5rem}.hero-connected .hero-content{padding-top:70px}.hero-connected .hero-description{font-size:1.1rem}}
@media(max-width:1100px) and (min-width:761px){.hero-connected{min-height:650px}.hero-connected .hero-content{padding-block:45px 65px}.hero-connected h1{font-size:3.5rem}.hero-connected .eyebrow{font-size:.75rem}.hero-connected .hero-actions{max-width:400px}.part-aluminium{width:40%;left:43%;bottom:7%}.part-steel{width:32%;left:68%;bottom:23%}.part-plastics{width:32%;left:68%;bottom:0}.hero-connected .hero-shade{background:linear-gradient(90deg,#071521f5 0%,#071521e0 28%,#07152180 44%,transparent 78%)}}
@media(max-width:760px){
 .hero-connected{height:auto;min-height:0;max-height:none;padding-bottom:345px}
 .hero-connected .hero-content{height:auto;display:block;padding-block:35px 0;max-width:none}
 .hero-signature{font-size:2.15rem;margin-bottom:20px;gap:9px}
 .hero-signature .brand-emblem{transform:scale(.82);transform-origin:left center;margin-right:-8px}
 .hero-connected h1{font-size:clamp(2.65rem,8.8vw,4.2rem);line-height:1.04;margin-bottom:21px;max-width:none}
 .hero-connected .eyebrow{font-size:.75rem;line-height:1.7;max-width:100%}
 .hero-connected .hero-description{font-size:.9rem;margin-top:16px}
 .hero-connected .hero-geography{font-size:.75rem;letter-spacing:.05em;gap:10px;margin-top:20px}
 .hero-connected .hero-actions{margin-top:24px;gap:10px}
 .hero-connected .hero-actions .button{font-size:.8125rem;min-height:48px;padding:12px 15px}
 .hero-visual{inset:auto 0 0;height:420px;overflow:hidden}
 .hero-network{width:160%;left:-60%;height:100%}
 .hero-map,.hero-routes{width:100%;left:0;height:100%}
 .hero-connected .hero-geography>.geo-item{gap:10px}
 .hero-connected .hero-shade{background:linear-gradient(180deg,#07152100 35%,#07152100 100%);pointer-events:none}
 .hero-visual:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#071521 0%,#07152100 35%);pointer-events:none}
 .hero-parts{z-index:1}
 .part-aluminium{width:59%;left:2%;bottom:2%}
 .part-steel{width:49%;left:47%;bottom:20%}
 .part-plastics{width:46%;left:56%;bottom:-3%}
 .hero-motion-toggle{right:20px;bottom:12px;font-size:.75rem;background:#071521e6}
 .hero-scope>.wrap{font-size:.75rem;gap:16px;padding-block:21px}
}
@media(max-width:400px){.hero-connected .hero-actions .button{width:auto;flex:1 1 140px}.hero-connected{padding-bottom:320px}.hero-visual{height:365px}.hero-connected .hero-geography{gap:8px;letter-spacing:.02em}.hero-signature{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.hero-connected .hero-orb{display:none}.hero-connected *{animation:none!important;transform:none}.hero-connected [data-intro]{opacity:1!important;filter:none!important;clip-path:none!important}.hero-motion-toggle{display:none}}
@media(forced-colors:active){.hero-connected .hero-visual{display:none}.hero-connected .hero-shade{background:Canvas}.hero-connected,.hero-header,.hero-scope{background:Canvas;color:CanvasText}.hero-connected h1 span,.hero-connected .eyebrow,.hero-connected .hero-description,.hero-connected .hero-geography{color:CanvasText}}