:root{--night:#06121f;--navy:#0a1f33;--deep:#0f2e47;--blue:#22a3e7;--ice:#eaf5fb;--white:#fff;--ink:#102737;--muted:#617783;--line:#dbe5ea}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#f7fafb;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:Manrope,Arial,sans-serif}
section[id]{scroll-margin-top:80px}
.container{width:min(100% - 96px,1440px);margin-inline:auto}
.skip-link{position:absolute;z-index:101;left:18px;top:-75px;padding:12px 20px;background:#fff;color:var(--night)}
.skip-link:focus{top:16px}
:focus-visible{outline:3px solid #51bdf3;outline-offset:4px}
.site-header{position:absolute;z-index:40;top:0;left:0;right:0;padding:23px 32px}
.nav-shell{max-width:1520px;height:76px;margin:auto;padding:0 27px;display:flex;align-items:center;gap:30px;border:1px solid rgba(255,255,255,.19);background:rgba(5,22,39,.48);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:8px;box-shadow:0 14px 40px rgba(0,0,0,.10)}
.brand{display:flex;align-items:center;min-width:205px;line-height:1}
.brand img{width:205px;height:auto;filter:brightness(0) invert(1)}
.desktop-nav{display:flex;align-items:center;gap:39px;margin-left:auto}
.desktop-nav a{position:relative;color:#d8e6ef;font-size:.82rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;height:1px;bottom:-9px;background:#6dccf8;transition:right .24s}
.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}
.desktop-nav a.active{color:#fff}
.nav-cta{margin-left:22px;padding:12px 0 12px 24px;border-left:1px solid rgba(255,255,255,.3);font-size:.76rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;white-space:nowrap}
.nav-cta span{font-size:1rem;color:#64cbfa;padding-left:12px}
.menu-toggle,.mobile-nav{display:none}
.page-hero{height:min(900px,100svh);min-height:650px;position:relative;overflow:hidden;background:#0b2136;color:#fff}
.hero-background,.hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hero-background{object-fit:cover;object-position:center;animation:hero-zoom 18s ease-out both}
.hero-home .hero-background{object-position:center 54%}
.hero-equipment .hero-background{object-position:center 55%}
.hero-about .hero-background{object-position:center}
.hero-shade{background:linear-gradient(90deg,rgba(2,15,29,.78) 0%,rgba(3,17,30,.47) 38%,rgba(3,17,31,.08) 75%,rgba(3,17,31,.02) 100%),linear-gradient(0deg,rgba(2,14,26,.38),transparent 31%)}
.hero-equipment .hero-shade{background:linear-gradient(90deg,rgba(2,12,25,.9),rgba(2,12,25,.57) 38%,rgba(2,12,25,.13) 78%),linear-gradient(0deg,rgba(2,12,25,.48),transparent 30%)}
.hero-about .hero-shade{background:linear-gradient(90deg,rgba(3,15,29,.85),rgba(3,15,29,.55) 45%,rgba(3,15,29,.14) 80%),linear-gradient(0deg,rgba(3,15,29,.5),transparent 30%)}
.hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center}
.hero-copy{max-width:860px;margin-top:50px}
.eyebrow,.section-kicker{font-size:.73rem;line-height:1.4;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#8bd5fb}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.eyebrow-dash{display:block;width:28px;height:1px;background:#56bdf3}
.page-hero h1{font-size:clamp(4.3rem,7vw,8.9rem);line-height:1.05;letter-spacing:-.077em;font-weight:800;margin:0 0 32px}
.hero-home h1{font-size:clamp(4.1rem,6.5vw,7.5rem)}
.hero-home h1 em{display:block;white-space:nowrap}
.hero-equipment h1{font-size:clamp(4.1rem,6.2vw,7.3rem)}
.hero-equipment h1 em{display:block;white-space:nowrap}
.page-hero h1 em,.statement-content h2 em,.portable-layout h2 em,.vision-content h2 em,.end-cap h2 em{font-style:normal;color:#6ac6f4}
.hero-description{max-width:570px;color:#e2edf3;font-size:1.18rem;line-height:1.7;margin-bottom:33px}
.hero-actions{display:flex;align-items:center;gap:34px}
.pill-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid transparent;border-radius:40px;padding:16px 22px 16px 25px;min-height:58px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;transition:transform .25s,background .25s}
.pill-button:hover{transform:translateY(-3px)}
.pill-button span{font-size:1.1rem;font-weight:500}
.pill-button.light{background:#fff;color:#102a3d}
.pill-button.light:hover{background:#dff3ff}
.pill-button.outline{border-color:rgba(255,255,255,.6);color:#fff;background:rgba(255,255,255,.06)}
.pill-button.outline:hover{background:rgba(255,255,255,.15)}
.ghost-link{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:7px}
.ghost-link span{margin-left:13px;color:#91d9fa}
.hero-bottom{position:absolute;z-index:3;left:50%;bottom:32px;transform:translateX(-50%);display:flex;justify-content:space-between;gap:20px;font-size:.65rem;letter-spacing:.16em;font-weight:700;color:#bdd9e8}
.hero-bottom b{font-size:1.2rem;font-weight:400;color:#8bd5fb;margin-left:12px}
.section-dark{background:var(--night);color:#fff}
.intro-band{padding:125px 0 140px}
.intro-band-grid{display:grid;grid-template-columns:180px 1fr 300px;gap:38px;align-items:start}
.section-marker{display:flex;align-items:center;gap:17px;color:#66a9ca;font-size:.69rem;font-weight:800;letter-spacing:.15em;white-space:nowrap;padding-top:8px}
.section-marker i{display:block;width:38px;border-top:1px solid #438bb1}
.intro-band h2,.section-heading h2,.manifesto-grid h2,.origin-grid h2,.principles-section h2{font-size:clamp(3.4rem,5.1vw,6.7rem);line-height:1.08;letter-spacing:-.066em;font-weight:800;margin:16px 0 0}
.intro-band h2 em,.product-copy h2 em,.origin-grid h2 em{font-style:normal;color:var(--blue)}
.intro-side{color:#a6bfd0;line-height:1.85;padding-top:34px;margin:0}
.section-kicker{color:#88cceb}
.section-kicker.dark{color:#2979a4}
.range-section{background:#eef4f7;padding:125px 0 150px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:58px}
.section-heading h2{margin-top:20px;color:#071f34}
.blue-period{color:var(--blue)}
.underlined-link{display:inline-flex;align-items:center;gap:32px;border-bottom:1px solid #7899ab;padding-bottom:9px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.underlined-link span{font-size:1.06rem;color:#2096d2}
.range-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.range-card{height:530px;position:relative;overflow:hidden;background:#173146;color:#fff;transition:transform .3s}
.range-card:hover{transform:translateY(-7px)}
.range-card img,.range-card-shade{position:absolute;inset:0;width:100%;height:100%}
.range-card img{object-fit:cover;transition:transform .7s}
.range-card:hover img{transform:scale(1.055)}
.card-cable img{object-position:52% center}
.card-portable img{object-position:76% center}
.card-accessories img{object-position:68% center}
.range-card-shade{background:linear-gradient(0deg,rgba(2,13,27,.85) 0%,rgba(2,13,27,.27) 47%,rgba(2,13,27,.23) 100%)}
.range-card-top,.range-card-bottom{position:absolute;z-index:2;left:32px;right:32px}
.range-card-top{top:28px;display:flex;justify-content:space-between;align-items:center;font-size:.65rem;font-weight:800;letter-spacing:.17em}
.range-card-top span:last-child{font-size:1.3rem;font-weight:400}
.range-card-bottom{bottom:27px}
.range-card-bottom h3{font-size:clamp(2.1rem,2.75vw,3.5rem);line-height:1.08;letter-spacing:-.06em;margin:0 0 12px}
.range-card-bottom p{font-size:.91rem;color:#d4e6ee;margin:0}
.statement-section{position:relative;min-height:710px;display:flex;align-items:center;background:var(--night);color:#fff;overflow:hidden}
.statement-image,.statement-shade{position:absolute;inset:0}
.statement-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.statement-shade{background:linear-gradient(90deg,rgba(2,12,24,.72),rgba(2,12,24,.31) 52%,rgba(2,12,24,.06)),linear-gradient(0deg,rgba(2,12,24,.18),transparent)}
.statement-content{position:relative;z-index:2;padding:110px 0}
.statement-content h2,.vision-content h2{font-size:clamp(3.8rem,6.6vw,8.2rem);letter-spacing:-.07em;line-height:1.04;margin:18px 0 26px}
.statement-content p:not(.section-kicker),.vision-content p:not(.section-kicker){max-width:540px;color:#dceaf0;font-size:1.12rem;line-height:1.7;margin-bottom:34px}
.manifesto-section{position:relative;padding:120px 0 140px;background:linear-gradient(90deg,rgba(246,251,255,.96),rgba(246,251,255,.83) 38%,rgba(246,251,255,.42) 72%,rgba(246,251,255,.08)),url('/assets/skyline-bg.png') center 58%/cover no-repeat}
.manifesto-grid{display:grid;grid-template-columns:210px 1fr 340px;gap:30px;align-items:start}
.manifesto-grid h2{margin:0;color:#169fe4}
.manifesto-grid h2 span{color:#072b46}
.manifesto-grid>div{align-self:start;padding:23px 25px;background:rgba(247,251,254,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.52)}
.manifesto-grid>div p{color:#294a60;line-height:1.85;margin-bottom:30px}
.footer{background:#06121f;color:#fff;padding:75px 0 28px}
.footer-main{display:flex;justify-content:space-between;gap:45px;padding-bottom:90px}
.footer-main img{width:245px;filter:brightness(0) invert(1)}
.footer-main p{margin:16px 0 0;color:#8facc0;font-size:.87rem}
.footer-links{display:flex;gap:40px;align-items:flex-start;font-size:.88rem;font-weight:700}
.footer-links a:hover{color:#75cef7}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #244256;padding-top:24px;color:#7795a8;font-size:.72rem}
.collection-nav{position:relative;background:#082034;color:#fff}
.collection-nav .container{display:grid;grid-template-columns:repeat(3,1fr)}
.collection-nav a{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:30px 25px;border-right:1px solid #24445a;font-size:.86rem;font-weight:800;transition:background .2s}
.collection-nav a:first-child{border-left:1px solid #24445a}
.collection-nav a:hover{background:#123a58}
.collection-nav span{color:#53b9ee;font-size:.7rem}
.product-feature{padding:135px 0;background:#f5f9fb}
.product-grid{display:grid;grid-template-columns:49% 51%;align-items:center;gap:25px}
.product-copy h2,.portable-layout h2,.accessories-section h2,.origin-grid h2{font-size:clamp(3.5rem,5.2vw,6.8rem);line-height:1.06;letter-spacing:-.07em;margin:23px 0 28px}
.product-copy>p:not(.section-kicker){max-width:480px;color:#5a7280;line-height:1.85;margin-bottom:35px}
.spec-list{display:grid;grid-template-columns:repeat(3,1fr);max-width:590px;border-top:1px solid #c6d8e3;border-bottom:1px solid #c6d8e3;padding:23px 0;margin-bottom:15px}
.spec-list>div{display:flex;flex-direction:column;padding-right:18px}
.spec-list>div:not(:first-child){padding-left:18px;border-left:1px solid #c6d8e3}
.spec-list strong{font:800 1.35rem Manrope,Arial,sans-serif;color:#0b314b}
.spec-list span,.product-copy small{color:#698391;font-size:.71rem}
.product-visual{position:relative;background:linear-gradient(130deg,#d5e8f4,#eef7fb);min-height:620px;display:grid;place-items:center;overflow:hidden}
.product-visual img{width:148%;max-width:none;mix-blend-mode:multiply}
.product-visual span{position:absolute;left:30px;bottom:23px;font-size:.66rem;color:#4d839f;letter-spacing:.17em;font-weight:800}
.portable-section{position:relative;min-height:660px;color:#fff;display:flex;align-items:center;background:#091d30;overflow:hidden}
.portable-bg,.portable-bg img{position:absolute;inset:0;width:100%;height:100%}
.portable-bg img{object-fit:cover;object-position:center}
.portable-section:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,17,31,.94),rgba(3,17,31,.76) 41%,rgba(3,17,31,.2) 100%)}
.portable-layout{position:relative;z-index:2;padding:105px 0}
.portable-layout>div{max-width:540px}
.portable-layout h2{margin:15px 0 27px}
.portable-layout p:not(.section-kicker){font-size:1.07rem;color:#d4e3ec;line-height:1.8}
.availability-label{display:inline-block;margin-top:22px;padding:9px 14px;border:1px solid #76b8db;color:#bde7fa;font-size:.63rem;font-weight:800;letter-spacing:.17em}
.accessories-section{padding:130px 0 145px;background:#fff}
.accessories-section .section-heading>p{max-width:355px;color:#5e7582;line-height:1.8;margin-bottom:6px}
.accessory-photo{height:510px;overflow:hidden;background:#e8f3fa}
.accessory-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.accessory-list{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.accessory-list>div{padding:26px 25px 26px 0;display:flex;align-items:center;gap:20px}
.accessory-list>div:not(:first-child){border-left:1px solid var(--line);padding-left:25px}
.accessory-list span{color:var(--blue);font-size:.71rem;font-weight:800}
.accessory-list strong{font:800 .93rem Manrope,Arial,sans-serif}
.end-cap{padding:120px 0 135px;color:#fff;background:linear-gradient(115deg,#0c2e49,#071725)}
.end-cap h2{font-size:clamp(3.4rem,5.8vw,7.1rem);line-height:1.06;letter-spacing:-.07em;margin:22px 0 35px}
.origin-section{background:#f5f9fb;padding:140px 0}
.origin-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px}
.origin-grid h2{margin-top:23px}
.origin-grid>div:last-child{padding-top:59px;color:#5e7482;line-height:1.85}
.origin-lead{font:600 1.46rem/1.55 Manrope,Arial,sans-serif;letter-spacing:-.03em;color:#16384e;margin-bottom:27px}
.principles-section{background:#071d30;color:#fff;padding:135px 0}
.principles-section .section-heading h2{color:#fff}
.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #29506a;margin-top:75px}
.principles-grid article{padding:35px 40px 8px 0}
.principles-grid article:not(:first-child){border-left:1px solid #29506a;padding-left:40px}
.principles-grid article>span{color:#60bce9;font-size:.69rem;letter-spacing:.18em;font-weight:800}
.principles-grid h3{font-size:1.55rem;letter-spacing:-.04em;margin:72px 0 15px}
.principles-grid p{color:#aac2d1;line-height:1.8;max-width:330px}
.about-vision{min-height:680px;display:flex;align-items:center;position:relative;color:#fff;background:#071f31;overflow:hidden}
.vision-bg,.vision-bg img,.vision-shade{position:absolute;inset:0;width:100%;height:100%}
.vision-bg img{object-fit:cover;object-position:center}
.vision-shade{background:linear-gradient(90deg,rgba(2,15,29,.87),rgba(2,15,29,.52) 50%,rgba(2,15,29,.12)),linear-gradient(0deg,rgba(2,15,29,.45),transparent)}
.vision-content{position:relative;z-index:2;padding:105px 0}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .75s ease,transform .75s ease}
.reveal.is-visible{opacity:1;transform:none}
@keyframes hero-zoom{from{transform:scale(1.045)}to{transform:scale(1)}}
@media(max-width:1100px){.container{width:min(100% - 64px,1440px)}.desktop-nav{gap:23px}.nav-cta{margin-left:0}.intro-band-grid{grid-template-columns:150px 1fr;gap:30px}.intro-side{grid-column:2;padding-top:0;max-width:550px}.manifesto-grid{grid-template-columns:1fr 1.5fr}.manifesto-grid>div{grid-column:2;padding-top:0}.range-card{height:460px}.range-card-top,.range-card-bottom{left:24px;right:24px}.product-visual{min-height:500px}.product-visual img{width:170%}}
@media(max-width:780px){.container{width:min(100% - 42px,1440px)}.site-header{padding:15px 16px}.nav-shell{height:66px;padding:0 18px}.brand{min-width:0}.brand img{width:150px}.brand span{font-size:.39rem}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:38px;height:42px;margin-left:auto;padding:5px;border:0;background:transparent;cursor:pointer}.menu-toggle span{width:24px;height:2px;background:#fff}.mobile-nav:not([hidden]){display:flex;flex-direction:column;margin:6px 0 0;background:rgba(5,22,39,.96);border:1px solid rgba(255,255,255,.2);padding:13px 22px 20px;border-radius:8px;color:#fff}.mobile-nav a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.15);font-weight:700}.page-hero{min-height:690px;height:92svh}.hero-home .hero-background{object-position:65% center}.hero-equipment .hero-background{object-position:65% center}.hero-about .hero-background{object-position:64% center}.hero-shade,.hero-equipment .hero-shade,.hero-about .hero-shade{background:linear-gradient(90deg,rgba(2,15,29,.83),rgba(2,15,29,.52) 65%,rgba(2,15,29,.24)),linear-gradient(0deg,rgba(2,15,29,.63),transparent 40%)}.hero-copy{margin-top:55px}.page-hero h1{font-size:clamp(3.8rem,11vw,6.6rem)}.hero-description{max-width:490px;font-size:1.03rem}.hero-bottom{font-size:.54rem}.intro-band{padding:86px 0}.intro-band-grid{grid-template-columns:1fr;gap:24px}.intro-side{grid-column:auto}.intro-band h2,.section-heading h2,.manifesto-grid h2,.origin-grid h2,.principles-section h2{font-size:clamp(3.1rem,8vw,5rem)}.range-section{padding:87px 0 95px}.section-heading{align-items:start;flex-direction:column;gap:26px;margin-bottom:35px}.range-grid{grid-template-columns:1fr 1fr}.range-card{height:390px}.range-card:last-child{grid-column:1/-1}.card-accessories img{object-position:center 62%}.statement-section{min-height:590px}.statement-content h2,.vision-content h2{font-size:clamp(3.7rem,9vw,6rem)}.manifesto-section{padding:90px 0}.manifesto-grid{grid-template-columns:1fr;gap:15px}.manifesto-grid>div{grid-column:auto}.collection-nav .container{width:100%;padding-inline:18px}.collection-nav a{padding:22px 12px;font-size:.7rem}.product-feature{padding:90px 0}.product-grid{grid-template-columns:1fr;gap:40px}.product-visual{min-height:440px}.product-visual img{width:120%}.portable-section{min-height:580px}.accessories-section{padding:90px 0}.accessory-photo{height:370px}.origin-section{padding:95px 0}.origin-grid{grid-template-columns:1fr;gap:20px}.origin-grid>div:last-child{padding-top:0}.principles-section{padding:92px 0}.principles-grid article{padding-right:20px}.principles-grid article:not(:first-child){padding-left:20px}.principles-grid h3{font-size:1.2rem;margin-top:35px}.about-vision{min-height:580px}}
@media(max-width:520px){.container{width:min(100% - 36px,1440px)}.page-hero{min-height:650px;height:93svh}.hero-copy{margin-top:64px}.page-hero h1{font-size:clamp(3.55rem,14.2vw,5.25rem);line-height:1.04;margin-bottom:22px}.page-about h1{font-size:clamp(3.05rem,12.4vw,4.7rem)}.eyebrow,.section-kicker{font-size:.62rem}.hero-description{font-size:.99rem;line-height:1.62}.hero-actions{align-items:flex-start;flex-direction:column;gap:21px}.pill-button{min-height:52px;padding:12px 18px;font-size:.72rem}.hero-bottom{bottom:24px}.hero-bottom span:last-child{display:none}.intro-band h2,.section-heading h2,.manifesto-grid h2,.origin-grid h2,.principles-section h2{font-size:clamp(2.8rem,11vw,4.2rem)}.range-grid{grid-template-columns:1fr}.range-card{height:420px}.range-card:last-child{grid-column:auto}.range-card-bottom h3{font-size:2.7rem}.statement-section{min-height:620px}.statement-content h2,.vision-content h2{font-size:clamp(3.2rem,11vw,4.5rem)}.statement-content p:not(.section-kicker),.vision-content p:not(.section-kicker){font-size:1rem}.footer{padding:60px 0 25px}.footer-main{display:block;padding-bottom:65px}.footer-main img{width:185px}.footer-links{gap:27px;margin-top:42px;font-size:.78rem}.footer-bottom{display:block;line-height:2}.collection-nav .container{display:flex;overflow:auto;scrollbar-width:none}.collection-nav a{flex:none;width:46%;font-size:.68rem}.collection-nav a:first-child{border-left:0}.product-copy h2,.portable-layout h2,.accessories-section h2,.origin-grid h2{font-size:clamp(2.95rem,11vw,4.4rem)}.spec-list strong{font-size:1rem}.spec-list span{font-size:.61rem}.product-visual{min-height:310px}.product-visual img{width:140%}.portable-section{min-height:620px}.portable-bg img{object-position:70% center}.accessory-photo{height:290px}.accessory-photo img{object-position:65% center}.accessory-list{grid-template-columns:1fr}.accessory-list>div,.accessory-list>div:not(:first-child){padding:17px 0;border-left:0;border-bottom:1px solid var(--line)}.principles-grid{grid-template-columns:1fr;margin-top:40px}.principles-grid article,.principles-grid article:not(:first-child){padding:28px 0;border-left:0;border-bottom:1px solid #29506a}.principles-grid h3{margin:17px 0 8px}.end-cap{padding:90px 0}.end-cap h2{font-size:clamp(3rem,11vw,4.5rem)}}
@media(max-width:780px){.brand img{width:185px}.hero-home h1{font-size:clamp(3.4rem,9vw,5.7rem)}.hero-home .hero-shade{background:linear-gradient(90deg,rgba(2,15,29,.79),rgba(2,15,29,.46) 65%,rgba(2,15,29,.12)),linear-gradient(0deg,rgba(2,15,29,.43),transparent 40%)}.manifesto-section{background-position:62% center}.manifesto-grid>div{padding:22px;margin-top:10px}}
@media(max-width:520px){.brand img{width:165px}.hero-home h1{font-size:clamp(2.75rem,11vw,4.3rem)}.hero-home h1 em{white-space:normal}.manifesto-section{background:linear-gradient(90deg,rgba(246,251,255,.92),rgba(246,251,255,.71)),url('/assets/skyline-bg.png') 56% center/cover no-repeat}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-background{animation:none}.reveal{opacity:1;transform:none;transition:none}.range-card,.range-card img,.pill-button{transition:none}}
@media(max-width:780px){.hero-equipment h1{font-size:clamp(3rem,8.8vw,5.4rem)}}
@media(max-width:520px){.hero-equipment h1{font-size:clamp(2.5rem,9.5vw,3.6rem)}}

/* Expanded EVONEER editorial pages */
.desktop-nav{gap:clamp(16px,2vw,32px)}
.nav-cta{margin-left:4px}
.footer-main{align-items:start}
.footer-brand{max-width:390px}
.footer-columns{display:flex;gap:clamp(55px,7vw,125px)}
.footer-columns>div{display:flex;flex-direction:column;gap:12px}
.footer-columns span{font-size:.66rem;color:#6cb8df;letter-spacing:.18em;font-weight:800;margin-bottom:11px}
.footer-columns a{font-size:.88rem;font-weight:600;color:#d3e3ec}
.footer-columns a:hover{color:#78d0f5}
.mobile-email{color:#87cdec!important}
.pill-button.dark{background:#092d47;color:#fff}
.pill-button.dark:hover{background:#135476}
.section-aside{max-width:360px;color:#607989;line-height:1.8;margin:0 0 4px}
.evidence-note{font-size:.8rem;color:#647e8d;line-height:1.65;margin:23px 0 0;max-width:1000px}
.underlined-link.light{color:#dff2fb;border-color:#7baecb}

.home-quality{background:#fff;padding:130px 0 145px}
.home-quality-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:10%;align-items:start}
.home-quality h2,.home-proof h2,.engineering-intro h2,.construction-section h2,.standards-section h2,.safety-section h2,.cable-detail h2,.environment-preview h2,.about-approach h2,.contact-lead h2,.contact-faq h2{font-size:clamp(3.2rem,5.2vw,6.6rem);line-height:1.07;letter-spacing:-.065em;margin:19px 0 26px;color:#09263d}
.home-quality-layout>div:first-child>p:not(.section-kicker){max-width:545px;color:#577181;line-height:1.85;font-size:1.07rem;margin-bottom:37px}
.home-quality-list{border-top:1px solid #ccdae3}
.home-quality-list>div{display:grid;grid-template-columns:45px 1fr;column-gap:18px;padding:27px 0;border-bottom:1px solid #ccdae3}
.home-quality-list span{grid-row:span 2;color:#289bd3;font-size:.7rem;font-weight:800;letter-spacing:.11em}
.home-quality-list strong{font:800 1.25rem Manrope,Arial,sans-serif;letter-spacing:-.03em}
.home-quality-list p{grid-column:2;color:#617b89;margin:6px 0 0;line-height:1.75}
.home-proof{background:#edf5f9;padding:128px 0 145px}
.home-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.home-proof-grid article{min-height:290px;background:#fff;border:1px solid #dce8ee;padding:30px 30px 40px;display:flex;flex-direction:column}
.home-proof-grid span,.cable-detail-grid span,.about-approach-grid span{font-size:.68rem;font-weight:800;letter-spacing:.16em;color:#2689b8}
.home-proof-grid h3,.cable-detail-grid h3,.about-approach-grid h3{font-size:clamp(1.45rem,2vw,2rem);letter-spacing:-.045em;line-height:1.25;margin:45px 0 13px;color:#0b2b44}
.home-proof-grid p,.cable-detail-grid p,.about-approach-grid p{color:#607b8a;line-height:1.78;margin:0}

.cable-detail{background:#eaf3f8;padding:130px 0 140px}
.cable-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cable-detail-grid article{padding:28px 30px 37px;background:#fff;min-height:285px;border-top:3px solid #209ad7}
.cable-detail-grid h3{margin-top:46px}
.product-data{display:grid;grid-template-columns:repeat(5,1fr);margin-top:42px;border-top:1px solid #abc6d4;border-bottom:1px solid #abc6d4}
.product-data>div{padding:23px 16px 25px 0;display:flex;flex-direction:column;gap:9px}
.product-data>div:not(:first-child){border-left:1px solid #abc6d4;padding-left:18px}
.product-data span{font-size:.63rem;font-weight:800;letter-spacing:.15em;color:#51849e}
.product-data strong{font:800 1rem Manrope,Arial,sans-serif;color:#0b2e46}
.cable-detail>.container>.underlined-link{margin-top:31px}
.portable-protection{background:#071c2d;color:#fff;padding:100px 0}
.portable-protection-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:center}
.portable-protection h2{font-size:clamp(2.8rem,4.7vw,5.7rem);line-height:1.08;letter-spacing:-.065em;margin:19px 0 24px}
.portable-protection p:not(.section-kicker){max-width:625px;color:#b1cbd9;font-size:1.06rem;line-height:1.8}
.planned-protections{border:1px solid #386079;padding:30px 36px;background:linear-gradient(145deg,rgba(18,67,98,.66),rgba(4,27,46,.3))}
.planned-protections>span{font-size:.67rem;color:#73c4ed;letter-spacing:.17em;font-weight:800;text-transform:uppercase}
.planned-protections ul{list-style:none;margin:23px 0;padding:0}
.planned-protections li{border-top:1px solid #3a657e;padding:11px 0;font-weight:700}
.planned-protections small{color:#a5c7d8;font-size:.75rem}
.environment-preview{background:#f4f9fb;padding:120px 0 130px}
.environment-layout{display:grid;grid-template-columns:1fr .9fr;gap:12%;align-items:center}
.environment-layout>div:first-child>p:not(.section-kicker){font-size:1.06rem;line-height:1.85;color:#607988;max-width:560px;margin-bottom:35px}
.environment-terms{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.environment-terms span{background:#fff;border:1px solid #d4e4ed;padding:20px 22px;font:800 1.12rem Manrope,Arial,sans-serif;color:#0a344f;min-height:85px;display:flex;align-items:center}
.environment-terms p{grid-column:1/-1;font-size:.78rem;color:#6a8594;line-height:1.7;margin:10px 0 0}
.about-approach{background:#f2f7fa;padding:120px 0 135px}
.about-approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:43px}
.about-approach-grid article{padding:28px 0 10px;border-top:1px solid #bdd2df}
.about-approach-grid h3{margin-top:40px}

.hero-engineering{color:#08283e;background:#dcebf3}
.hero-engineering .hero-background{object-position:center 53%}
.hero-engineering .hero-shade{background:linear-gradient(90deg,rgba(244,250,254,.96),rgba(244,250,254,.85) 34%,rgba(244,250,254,.19) 66%,rgba(244,250,254,0) 100%)}
.hero-engineering .eyebrow{color:#136a9b}
.hero-engineering .eyebrow-dash{background:#148fcd}
.hero-engineering h1{font-size:clamp(3.9rem,6.1vw,7.3rem)}
.hero-engineering h1 em{display:block;color:#0f93d4;white-space:nowrap}
.hero-engineering .hero-description{color:#426176}
.hero-engineering .hero-bottom{color:#416b83}
.hero-engineering .hero-bottom b{color:#178ec8}
.engineering-intro{background:#fff;padding:130px 0 140px}
.editorial-intro{display:grid;grid-template-columns:170px minmax(0,1fr) minmax(310px,.75fr);gap:5%;align-items:start}
.editorial-intro h2{margin-top:0}
.editorial-intro>div{padding-top:7px}
.editorial-intro p:not(.section-kicker){color:#56717f;line-height:1.85;margin-bottom:20px}
.construction-section{padding:125px 0 145px;background:#f0f6f9}
.construction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.construction-grid article{background:#fff;border:1px solid #d9e8ef;padding:27px 25px 35px;min-height:300px}
.feature-index{display:inline-block;border-bottom:2px solid #2da6df;padding-bottom:13px;color:#2086ba;font-size:.68rem;font-weight:800;letter-spacing:.12em}
.construction-grid h3{font-size:1.35rem;letter-spacing:-.045em;line-height:1.25;margin:52px 0 12px;color:#0b2c43}
.construction-grid p{font-size:.94rem;color:#607987;line-height:1.75;margin:0}
.endurance-section{padding:145px 0;background:#071e31;color:#fff}
.endurance-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:11%;align-items:start}
.endurance-layout h2,.weather-content h2{font-size:clamp(3.4rem,5.8vw,7.3rem);line-height:1.07;letter-spacing:-.07em;margin:20px 0 27px}
.endurance-layout h2 em,.weather-content h2 em{font-style:normal;color:#6ac6f4}
.endurance-layout>div:first-child>p:not(.section-kicker){max-width:580px;color:#acc7d6;line-height:1.85;font-size:1.07rem;margin-bottom:40px}
.endurance-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.endurance-stats>div{border-top:1px solid #346079;padding:24px 10px 15px 0}
.endurance-stats>div:first-child{grid-column:1/-1}
.endurance-stats strong{display:block;font:800 clamp(2.2rem,3.4vw,4.2rem)/1.1 Manrope,Arial,sans-serif;letter-spacing:-.07em;color:#fff}
.endurance-stats span{display:block;color:#66c4f3;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:10px 0}
.endurance-stats p{font-size:.84rem;color:#9ebbcf;line-height:1.65;margin:0}
.weather-story{position:relative;min-height:690px;background:#092239;display:flex;align-items:center;color:#fff;overflow:hidden}
.weather-story>img,.weather-shade{position:absolute;inset:0;width:100%;height:100%}
.weather-story>img{object-fit:cover;object-position:center}
.weather-shade{background:linear-gradient(90deg,rgba(2,17,31,.92),rgba(2,17,31,.7) 38%,rgba(2,17,31,.06) 80%)}
.weather-content{position:relative;z-index:1;padding:110px 0}
.weather-content h2{max-width:780px}
.weather-content p:not(.section-kicker){max-width:520px;font-size:1.09rem;color:#d3e7f0;line-height:1.78}
.conditions-section{padding:90px 0 105px;background:#fff}
.condition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #c5d9e4}
.condition-grid article{padding:24px 28px 13px 0}
.condition-grid article:not(:first-child){border-left:1px solid #c5d9e4;padding-left:28px}
.condition-grid span{font-size:.66rem;color:#208fca;font-weight:800;letter-spacing:.14em}
.condition-grid h3{font-size:1.4rem;letter-spacing:-.035em;margin:38px 0 12px}
.condition-grid p{color:#667f8d;font-size:.95rem;line-height:1.75}
.safety-section{padding:130px 0 145px;background:#edf4f8}
.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.safety-grid article{background:#fff;border:1px solid #d5e5ed;padding:43px 45px 44px;display:flex;flex-direction:column;min-height:410px}
.safety-label{color:#238fbc;font-size:.68rem;font-weight:800;letter-spacing:.14em;margin-bottom:43px}
.safety-grid h3{font-size:clamp(1.8rem,2.4vw,2.7rem);letter-spacing:-.05em;line-height:1.2;margin-bottom:15px}
.safety-grid article>p:not(.safety-label){color:#5d7787;line-height:1.8}
.safety-grid a{color:#0d709e;border-bottom:1px solid #63abd1;align-self:flex-start;font-size:.77rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-top:auto;padding-bottom:8px}
.standards-section{padding:130px 0 145px;background:#fff}
.standards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.standards-grid article{border:1px solid #d3e4eb;background:#f4f9fb;padding:29px 34px 39px;min-height:235px}
.standards-grid article>span{font-size:.66rem;color:#238ec5;font-weight:800;letter-spacing:.16em}
.standards-grid h3{font-size:clamp(1.4rem,2vw,2rem);line-height:1.2;letter-spacing:-.04em;margin:38px 0 13px}
.standards-grid p{color:#587485;line-height:1.78;margin:0}
.document-panel{margin-top:33px;background:#0d3550;color:#fff;padding:44px 50px;display:flex;align-items:center;justify-content:space-between;gap:45px}
.document-panel>div{max-width:690px}
.document-panel h3{font-size:2rem;letter-spacing:-.045em;margin:10px 0 9px}
.document-panel p:not(.section-kicker){color:#bcd7e6;line-height:1.75;margin:0}

.hero-contact .hero-background{object-position:center}
.hero-contact .hero-shade{background:linear-gradient(90deg,rgba(2,16,32,.85),rgba(2,16,32,.57) 38%,rgba(2,16,32,.04) 80%),linear-gradient(0deg,rgba(2,16,32,.32),transparent 35%)}
.hero-contact h1{font-size:clamp(4rem,6.3vw,7.6rem)}
.hero-contact h1 em{display:block;white-space:nowrap}
.contact-lead{background:#fff;padding:140px 0}
.contact-lead-grid{display:grid;grid-template-columns:1fr .82fr;gap:11%}
.contact-lead-grid>div:last-child{padding-top:53px}
.contact-lead-grid>div:last-child>p:first-child{font-size:1.2rem;line-height:1.75;color:#4c687b;max-width:590px;margin-bottom:30px}
.contact-email{display:inline-flex;align-items:baseline;gap:17px;border-bottom:2px solid #179bd7;padding-bottom:9px;color:#0a547a;font:800 clamp(1.15rem,2vw,2rem) Manrope,Arial,sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere}
.contact-email span{font-size:1.05rem}
.contact-hint{font-size:.88rem;color:#7c919b;line-height:1.75;margin-top:24px;max-width:575px}
.contact-paths{background:#081f33;color:#fff;padding:126px 0 145px}
.contact-paths h2{font-size:clamp(3.3rem,5.3vw,6.5rem);line-height:1.08;letter-spacing:-.065em;margin:19px 0 58px}
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.contact-cards article{background:#10334c;border:1px solid #285471;padding:32px 31px 38px;display:flex;flex-direction:column;min-height:340px}
.contact-cards article>span{font-size:.67rem;color:#7acbf1;font-weight:800;letter-spacing:.15em}
.contact-cards h3{font-size:clamp(1.5rem,2vw,2.2rem);line-height:1.2;letter-spacing:-.045em;margin:50px 0 12px}
.contact-cards p{color:#b3cddb;line-height:1.75;margin-bottom:28px}
.contact-cards a{margin-top:auto;align-self:flex-start;border-bottom:1px solid #71bbde;padding-bottom:6px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.contact-cards a span{margin-left:12px;color:#7fd3f4}
.contact-faq{padding:130px 0;background:#f4f9fb}
.contact-faq-grid{display:grid;grid-template-columns:.85fr 1fr;gap:11%}
.faq-list{border-top:1px solid #bed2dd}
.faq-list details{border-bottom:1px solid #bed2dd;padding:24px 0}
.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:30px;font:800 1.12rem Manrope,Arial,sans-serif;color:#0b314a}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';font-size:1.35rem;line-height:1;color:#168ac4;flex:none}
.faq-list details[open] summary:after{content:'−'}
.faq-list p{color:#5e7886;line-height:1.8;margin:18px 40px 0 0}
.contact-close{background:linear-gradient(120deg,#103b59,#061825);color:#fff;padding:125px 0 135px}
.contact-close h2{font-size:clamp(3.4rem,5.5vw,6.8rem);line-height:1.07;letter-spacing:-.065em;margin:20px 0 35px}
.contact-close a{font:800 clamp(1.25rem,2.2vw,2rem) Manrope,Arial,sans-serif;border-bottom:2px solid #6fc6ef;padding-bottom:10px;overflow-wrap:anywhere}
.contact-close a span{font-size:1rem;color:#73c7ed}

@media(max-width:1100px){
 .desktop-nav{gap:16px}.desktop-nav a{font-size:.76rem}.nav-cta{font-size:.69rem}
 .editorial-intro{grid-template-columns:1fr 1.5fr}.editorial-intro>div{grid-column:2}
 .construction-grid{grid-template-columns:repeat(2,1fr)}
 .condition-grid{grid-template-columns:repeat(2,1fr);row-gap:18px}.condition-grid article:nth-child(3){border-left:0;padding-left:0}
}
@media(max-width:1050px){.desktop-nav,.nav-cta{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:38px;height:42px;margin-left:auto;padding:5px;border:0;background:transparent;cursor:pointer}.menu-toggle span{width:24px;height:2px;background:#fff}.mobile-nav:not([hidden]){display:flex;flex-direction:column;margin:6px 0 0;background:rgba(5,22,39,.96);border:1px solid rgba(255,255,255,.2);padding:13px 22px 20px;border-radius:8px;color:#fff}.mobile-nav a{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.15);font-weight:700}}
@media(max-width:780px){
 .footer-main{display:block;padding-bottom:60px}.footer-columns{margin-top:44px;gap:55px}
 .home-quality,.home-proof,.engineering-intro,.construction-section,.endurance-section,.conditions-section,.safety-section,.standards-section,.contact-lead,.contact-paths,.contact-faq,.contact-close,.cable-detail,.environment-preview,.about-approach{padding-top:88px;padding-bottom:95px}
 .home-quality-layout,.environment-layout,.contact-lead-grid,.contact-faq-grid,.endurance-layout,.portable-protection-layout{grid-template-columns:1fr;gap:35px}
 .home-quality-list{margin-top:12px}.home-proof-grid,.cable-detail-grid,.about-approach-grid,.contact-cards{grid-template-columns:1fr 1fr}
 .home-proof-grid article:last-child,.cable-detail-grid article:last-child,.about-approach-grid article:last-child,.contact-cards article:last-child{grid-column:1/-1}
 .product-data{grid-template-columns:repeat(3,1fr)}.product-data>div:nth-child(4){border-left:0;padding-left:0;border-top:1px solid #abc6d4}.product-data>div:nth-child(5){border-top:1px solid #abc6d4}
 .editorial-intro{grid-template-columns:1fr;gap:18px}.editorial-intro>div{grid-column:auto}
 .weather-story{min-height:600px}.weather-story>img{object-position:60% center}
 .document-panel{display:block}.document-panel .pill-button{margin-top:30px}
 .contact-lead-grid>div:last-child{padding-top:0}
 .hero-engineering .hero-shade{background:linear-gradient(90deg,rgba(247,251,253,.93),rgba(247,251,253,.78) 55%,rgba(247,251,253,.25))}
 .hero-contact .hero-shade{background:linear-gradient(90deg,rgba(2,16,32,.88),rgba(2,16,32,.56) 70%,rgba(2,16,32,.2))}
}
@media(max-width:520px){
 .footer-columns{flex-direction:column;gap:34px}
 .home-quality h2,.home-proof h2,.engineering-intro h2,.construction-section h2,.standards-section h2,.safety-section h2,.cable-detail h2,.environment-preview h2,.about-approach h2,.contact-lead h2,.contact-faq h2{font-size:clamp(2.75rem,11vw,4.1rem)}
 .home-proof-grid,.cable-detail-grid,.about-approach-grid,.contact-cards,.construction-grid,.standards-grid,.safety-grid,.condition-grid{grid-template-columns:1fr}
 .home-proof-grid article:last-child,.cable-detail-grid article:last-child,.about-approach-grid article:last-child,.contact-cards article:last-child{grid-column:auto}
 .condition-grid article,.condition-grid article:not(:first-child){border-left:0;border-bottom:1px solid #c5d9e4;padding:20px 0}
 .condition-grid h3{margin-top:18px}
 .product-data{grid-template-columns:1fr 1fr}.product-data>div,.product-data>div:not(:first-child){border-left:0;border-top:1px solid #abc6d4;padding:15px 10px 17px 0}.product-data>div:nth-child(even){padding-left:12px;border-left:1px solid #abc6d4}
 .portable-protection{padding:78px 0}.planned-protections{padding:24px}
 .endurance-stats{grid-template-columns:1fr}.endurance-stats>div:first-child{grid-column:auto}
 .hero-engineering h1{font-size:clamp(2.8rem,10.3vw,4.3rem)}.hero-engineering h1 em{white-space:normal}
 .hero-contact h1{font-size:clamp(2.75rem,10.5vw,4.3rem)}.hero-contact h1 em{white-space:normal}
 .hero-engineering .hero-background{object-position:65% center}.hero-contact .hero-background{object-position:60% center}
 .weather-content h2,.endurance-layout h2,.contact-paths h2,.contact-close h2{font-size:clamp(2.8rem,11vw,4.5rem)}
 .document-panel{padding:29px 25px}.document-panel .pill-button{white-space:normal;text-align:left}
 .safety-grid article{padding:30px 26px;min-height:auto}.safety-label{margin-bottom:27px}.safety-grid a{margin-top:25px}
 .contact-cards article{min-height:auto}.contact-cards h3{margin-top:30px}.contact-email{font-size:1.3rem}
}
.condition-grid article{padding-top:18px;padding-right:17px}
.condition-grid article:not(:first-child){padding-left:17px}
.condition-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;margin-bottom:23px}
.condition-grid h3{margin-top:24px}
@media(max-width:1100px){.condition-grid article:nth-child(3){padding-left:0}}
@media(max-width:520px){.condition-grid article,.condition-grid article:not(:first-child){padding:18px 0}.condition-grid img{aspect-ratio:1.35/1}}
.documentation-guide{margin-top:35px;border-top:1px solid #c8dbe5;border-bottom:1px solid #c8dbe5;padding:31px 0 37px;display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}
.documentation-guide h3{font-size:clamp(1.65rem,2.4vw,2.7rem);letter-spacing:-.05em;line-height:1.2;margin:12px 0 0}
.documentation-guide ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.documentation-guide li{display:flex;flex-direction:column;gap:7px;padding-left:19px;border-left:2px solid #2c9fd5}
.documentation-guide li strong{font:800 .96rem Manrope,Arial,sans-serif;color:#11334a}
.documentation-guide li span{font-size:.87rem;color:#647e8c;line-height:1.65}
.standards-reference{display:flex;flex-wrap:wrap;gap:15px 25px;align-items:center;padding:25px 0 0;font-size:.77rem}
.standards-reference>span{font-size:.66rem;font-weight:800;letter-spacing:.15em;color:#638396;margin-right:12px}
.standards-reference a{font-weight:800;color:#0b719f;border-bottom:1px solid #a1c8da;padding-bottom:3px}
@media(max-width:780px){.documentation-guide{grid-template-columns:1fr;gap:25px}}
@media(max-width:520px){.documentation-guide ol{grid-template-columns:1fr}.standards-reference{display:flex;flex-direction:column;align-items:flex-start}}