:root{--navy:#071a2c;--navy2:#0b263f;--gold:#c6a86a;--paper:#f2f0ea;--white:#fff;--ink:#132333;--muted:#607181;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;background:var(--paper);color:var(--ink);overflow-x:hidden}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;background:white;padding:.8rem}.skip:focus{top:1rem}.progress{position:fixed;z-index:99;top:0;left:0;width:100%;height:3px;background:transparent}.progress span{display:block;width:0;height:100%;background:var(--gold)}.header{position:fixed;z-index:90;top:0;left:0;right:0;height:84px;padding:0 clamp(20px,5vw,84px);display:flex;align-items:center;justify-content:space-between;color:white;background:linear-gradient(#071a2ccc,transparent);transition:.4s}.header.scrolled{height:68px;background:#071a2cf2;backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit;font-weight:700;letter-spacing:.16em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--gold);color:var(--navy);clip-path:polygon(0 0,100% 0,80% 100%,20% 100%)}nav{display:flex;gap:28px}nav a,footer a{color:inherit;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.menu-button{display:none;background:none;border:1px solid #ffffff55;color:#fff;border-radius:999px;padding:10px 16px}.hero{min-height:100svh;position:relative;display:grid;align-items:end;overflow:hidden;background:var(--navy)}.hero-media,.hero-media img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-media img{object-fit:cover;transform:scale(1.08);animation:heroDrift 14s var(--ease) both}.hero-shade{background:linear-gradient(90deg,#04111ee8 0%,#071a2c7a 46%,#071a2c22),linear-gradient(0deg,#071a2ca8,transparent 55%)}.hero-copy{position:relative;z-index:2;color:#fff;padding:0 clamp(24px,8vw,130px) 11vh;max-width:930px}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;color:var(--gold)}h1{font-size:clamp(66px,11vw,170px);line-height:.78;letter-spacing:-.075em;margin:24px 0 38px;font-weight:700}h1 span{color:transparent;-webkit-text-stroke:1px #fff}h1+p{font-size:clamp(17px,2vw,26px);max-width:520px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;margin-top:26px;padding:16px 21px;border:1px solid var(--gold);color:inherit;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.12em;background:transparent;cursor:pointer;transition:.35s}.cta:hover{background:var(--gold);color:var(--navy)}.scroll-cue{position:absolute;right:5vw;bottom:10vh;z-index:2;color:white;font-size:10px;text-transform:uppercase;letter-spacing:.14em;writing-mode:vertical-rl}.scroll-cue span{display:block;width:1px;height:58px;background:var(--gold);margin:0 auto 14px}.section{padding:clamp(80px,12vw,170px) clamp(22px,7vw,110px)}.section-label{margin-bottom:56px}.split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);gap:clamp(40px,8vw,130px);align-items:start}h2{font-size:clamp(38px,6vw,90px);line-height:.95;letter-spacing:-.06em;margin:0;font-weight:700}h2 em{font-style:normal;color:var(--gold)}.copy{font-size:clamp(15px,1.4vw,19px);line-height:1.75}.copy p{margin:0 0 20px}.wide-image{position:relative;margin-top:100px;height:min(68vw,720px);overflow:hidden}.wide-image img{width:100%;height:115%;object-fit:cover;transform:translateY(-7%)}.wide-image p{position:absolute;left:0;bottom:0;margin:0;padding:20px 24px;background:var(--navy);color:white;font-size:12px}.dark{background:var(--navy);color:white}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff25;padding-top:0;padding-bottom:0}.metric{background:var(--navy);padding:70px 38px;text-align:center;display:flex;min-height:360px;flex-direction:column;align-items:center;justify-content:center}.metric img{width:85px;height:85px;object-fit:contain;margin-bottom:22px}.metric strong{font-size:clamp(25px,3vw,42px)}.metric span:last-child{margin-top:10px;max-width:280px;font-size:11px;line-height:1.5;letter-spacing:.1em}.serpa-mark{display:grid;place-items:center;width:82px;height:82px;border:1px solid var(--gold);font-size:40px;color:var(--gold);margin-bottom:22px}.feature-strip,.specs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:100px;border-top:1px solid #18324733}.feature-strip article,.specs article{padding:38px 28px;border-right:1px solid #18324733}.feature-strip span,.specs span{color:var(--gold);font-size:11px}.feature-strip h3,.specs h3{font-size:20px;margin:45px 0 18px}.feature-strip p,.specs p{font-size:14px;line-height:1.7;color:var(--muted)}.distance-panel{margin-top:100px;background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;padding:clamp(35px,6vw,80px)}.distance-panel>div{display:flex;gap:24px;align-items:end}.distance-panel strong{font-size:clamp(58px,9vw,132px);line-height:.8;color:var(--gold)}.distance-panel span{font-size:13px;letter-spacing:.1em}.distance-panel ul{list-style:none;margin:0;padding:0}.distance-panel li{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #ffffff22;font-size:13px}.map-stage{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.map-card{margin:0;position:relative;overflow:hidden;min-height:420px}.map-card img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}.map-card:hover img{transform:scale(1.05)}.map-card figcaption{position:absolute;left:16px;right:16px;bottom:16px;padding:16px;background:#071a2cdd;color:white;font-size:11px}.specs{grid-template-columns:repeat(3,1fr);border-color:#ffffff22}.specs article{border-color:#ffffff22}.specs p{color:#c3ccd3}.module-track{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:90px}.module-track article{background:white;padding:44px 32px;border-top:3px solid var(--gold)}.module-track article:nth-child(3){background:var(--navy);color:white}.module-track span{font-size:11px;letter-spacing:.16em}.module-track strong{display:block;font-size:clamp(32px,4vw,58px);margin-top:55px;color:var(--gold)}.mini-metrics{display:grid;gap:20px;margin-top:40px}.mini-metrics b{font-size:28px;color:var(--gold)}.mini-metrics small{display:block;color:#fff;font-size:9px;letter-spacing:.12em;margin-top:6px}.moving-gallery{overflow:hidden;margin:100px calc(-1 * clamp(22px,7vw,110px)) -40px}.gallery-track{display:flex;gap:18px;width:max-content;animation:marquee 32s linear infinite;padding-left:7vw}.gallery-track:hover{animation-play-state:paused}.gallery-track figure{width:min(62vw,780px);margin:0;position:relative;overflow:hidden}.gallery-track img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 1s var(--ease)}.gallery-track figure:hover img{transform:scale(1.035)}.gallery-track figcaption{position:absolute;left:24px;bottom:24px;color:white;font-size:12px;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 2px 20px #000}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact label{display:grid;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.contact input,.contact textarea{width:100%;border:0;border-bottom:1px solid #23384a;background:transparent;padding:12px 0;font:inherit;color:inherit}.contact textarea{border:1px solid #23384a;padding:12px}.contact .full{grid-column:1/-1}.consent{display:flex!important;grid-template-columns:auto 1fr!important;text-transform:none!important;letter-spacing:0!important;line-height:1.4}.consent input{width:auto}.form-status{min-height:24px;font-size:13px;color:#587063}footer{background:#03101c;color:white;padding:65px clamp(22px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}footer p{margin:0;color:#9babb7;font-size:12px}footer div:last-child{display:flex;gap:18px;justify-content:flex-end}.whatsapp{position:fixed;right:24px;bottom:24px;z-index:80;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--gold);color:var(--navy);font-weight:800;text-decoration:none;box-shadow:0 14px 35px #0004}.reveal{opacity:0;transform:translateY(42px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.reveal.visible{opacity:1;transform:none}.skeleton{background:linear-gradient(100deg,#dcd9d2 20%,#eeece7 40%,#dcd9d2 60%);background-size:200% 100%;animation:skeleton 1.5s infinite}.skeleton.loaded{background:none;animation:none}@keyframes skeleton{to{background-position:-200% 0}}@keyframes heroDrift{from{transform:scale(1.12) translate3d(0,1.5%,0)}to{transform:scale(1.04) translate3d(0,-1%,0)}}@keyframes marquee{to{transform:translateX(calc(-50% - 9px))}}
@media(max-width:800px){.header{height:70px}.menu-button{display:block}nav{position:absolute;left:0;right:0;top:70px;background:var(--navy);padding:24px;display:none;flex-direction:column}nav.open{display:flex}.hero-copy{padding-bottom:15vh}.scroll-cue{display:none}.split,.distance-panel,footer{grid-template-columns:1fr}.metrics,.feature-strip,.specs,.module-track,.map-stage{grid-template-columns:1fr}.metric{min-height:270px}.map-card{min-height:360px}.feature-strip article,.specs article{border-right:0;border-bottom:1px solid #18324733}.distance-panel{gap:50px}.contact form{grid-template-columns:1fr}.gallery-track figure{width:84vw}footer div:last-child{justify-content:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}.gallery-track{flex-wrap:wrap;width:auto}.gallery-track figure{width:min(100%,700px)}}

/* Original Holser/HLOG brand assets */
.brand{gap:0;letter-spacing:0}.brand img{display:block;width:150px;height:auto;max-height:56px;object-fit:contain;object-position:left center}.hero-shade{background:linear-gradient(0deg,#071a2c66,transparent 42%)}.hero-action{position:absolute;z-index:3;left:clamp(24px,8vw,130px);bottom:8vh;color:#fff;background:#071a2c99;backdrop-filter:blur(8px)}.original-feature{margin:80px 0 0;overflow:hidden}.original-feature img{display:block;width:100%;height:auto}.gallery-section{background:#e9e6df}.official-gallery{margin-bottom:0}.official-gallery .gallery-track{animation-duration:72s}.official-gallery .gallery-track figure{width:min(72vw,980px)}.official-gallery .gallery-track img{aspect-ratio:16/9}footer .brand img{width:185px}
@media(max-width:800px){.brand img{width:120px}.hero-action{left:22px;bottom:8vh}.official-gallery .gallery-track figure{width:88vw}}

.poles-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:clamp(30px,6vw,90px);align-items:center;margin-top:90px}.poles-block figure{margin:0;overflow:hidden}.poles-block img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.poles-block h3{font-size:clamp(26px,3.2vw,48px);line-height:1.08;margin:0 0 34px}.poles-block p{font-size:14px;line-height:1.65;color:var(--muted)}.poles-block b{color:var(--ink)}.distance-panel{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(90deg,#071a2cef,#071a2c72),url('assets/original/1920x1080-6aa16d492e5cd.webp');background-size:cover;background-position:center}.route-map{margin:18px 0 0;overflow:hidden}.route-map img{display:block;width:100%;height:auto}.section-visual{margin:80px 0 0;overflow:hidden}.section-visual img{display:block;width:100%;height:auto}.support-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:65px}.support-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.contact-visual{margin-bottom:-80px}
@media(max-width:800px){.poles-block,.support-gallery{grid-template-columns:1fr}.distance-panel{background-position:60% center}.section-visual{margin-top:50px}}

/* Infrastructure topic cards: each original image remains paired with its theme. */
.specs{gap:1px;background:#ffffff22}
.specs article{padding:0 0 34px;overflow:hidden;background:var(--navy)}
.spec-image{margin:0 0 28px;aspect-ratio:4/3;overflow:hidden}
.spec-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.specs article:hover .spec-image img{transform:scale(1.045)}
.spec-copy{padding:0 28px}
.spec-copy h3{margin-top:38px}
@media(max-width:800px){.specs{gap:0}.specs article{padding-bottom:34px}.spec-image{margin-bottom:24px}.spec-copy{padding:0 22px}}
.brand-logo-alt{display:none!important}

/* Full-screen contact banner with an overlaid form. */
.contact{position:relative;isolation:isolate;display:flex;align-items:center;min-height:100svh;width:100%;padding:clamp(88px,10vh,130px) clamp(22px,7vw,110px);overflow:hidden;color:#fff}
.contact-visual{position:absolute;z-index:-3;inset:0;margin:0;width:100%;height:100%;overflow:hidden}
.contact-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.contact-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#04111ee8 0%,#071a2ca6 48%,#071a2c66 100%),linear-gradient(0deg,#03101cb8,transparent 55%)}
.contact-content{width:100%;margin:auto}
.contact .section-label{margin-bottom:clamp(28px,5vh,56px)}
.contact-layout{grid-template-columns:minmax(0,1fr) minmax(390px,560px);align-items:center;gap:clamp(45px,8vw,130px)}
.contact-panel{padding:clamp(26px,3vw,42px);background:#071a2cdb;border:1px solid #ffffff29;box-shadow:0 28px 80px #0007;backdrop-filter:blur(14px)}
.contact-panel>p{color:#d8e0e6}
.contact input,.contact textarea{color:#fff;border-color:#ffffff70}
.contact input:focus,.contact textarea:focus{outline:1px solid var(--gold);outline-offset:4px}
.contact input::placeholder,.contact textarea::placeholder{color:#ffffff99}
.contact .consent a{color:var(--gold)}
.contact .form-status{color:#fff}
@media(max-width:800px){.contact{min-height:100svh;padding-top:100px;padding-bottom:70px}.contact-layout{grid-template-columns:1fr;gap:34px}.contact h2{font-size:clamp(42px,13vw,66px)}.contact-panel{padding:24px 20px}.contact-visual img{object-position:62% center}.contact-shade{background:linear-gradient(0deg,#04111ef2 0%,#071a2cb5 65%,#071a2c80 100%)}}

/* Direction-aware navigation and layered entrances. */
.header{will-change:transform;transition:height .4s,background-color .4s,backdrop-filter .4s,transform .55s var(--ease)}
.header.header-hidden{transform:translateY(calc(-100% - 8px))}
.layer-group{isolation:isolate}
.layer-group>.layer-reveal{position:relative;opacity:0;transform:translate3d(-46px,62px,0) scale(.965);transition:opacity .9s var(--ease),transform 1.15s var(--ease);will-change:transform,opacity}
.layer-group>.layer-reveal:nth-child(1){z-index:4;transition-delay:0s}
.layer-group>.layer-reveal:nth-child(2){z-index:3;transition-delay:.12s}
.layer-group>.layer-reveal:nth-child(3){z-index:2;transition-delay:.24s}
.layer-group>.layer-reveal:nth-child(4){z-index:4;transition-delay:.06s}
.layer-group>.layer-reveal:nth-child(5){z-index:3;transition-delay:.18s}
.layer-group>.layer-reveal:nth-child(6){z-index:2;transition-delay:.3s}
.layer-group>.layer-reveal.visible{opacity:1;transform:translate3d(0,0,0) scale(1)}
@media(max-width:800px){.layer-group>.layer-reveal{transform:translate3d(0,54px,0) scale(.975)}.header.header-hidden nav.open{display:none}}
@media(prefers-reduced-motion:reduce){.header{transition:none}.layer-group>.layer-reveal{opacity:1;transform:none;transition:none}}
.modularity-visual img{aspect-ratio:2048/1265;object-fit:cover}
.hcenter-visual img{aspect-ratio:2048/1148;object-fit:cover}
.whatsapp svg{display:block;width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.whatsapp svg path:last-child{fill:currentColor;stroke:none}

/* Opening composition, animated scale figure and tighter technical sections. */
nav .home-link{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid #c6a86a99;color:var(--gold);border-radius:999px;transition:background .3s,color .3s}nav .home-link:hover{background:var(--gold);color:var(--navy)}
.hero-logo{position:absolute;z-index:3;top:14vh;left:50%;width:min(39vw,590px);transform:translateX(-50%);pointer-events:none;animation:heroLogoIn 1.35s .18s var(--ease) both}.hero-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 32px #0008)}
.hero-stat{position:absolute;z-index:3;left:50%;bottom:7vh;transform:translateX(-50%);display:grid;gap:9px;width:min(46vw,620px);text-align:center;color:#fff;text-shadow:0 3px 24px #000;animation:heroStatIn 1s .45s var(--ease) both}.hero-stat strong{font-size:clamp(38px,5vw,78px);line-height:.9;letter-spacing:-.055em}.hero-stat small{font-size:clamp(9px,.72vw,12px);font-weight:700;letter-spacing:.14em;line-height:1.5}
.infra,.modules{padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(72px,8vw,120px)}.infra .section-label,.modules .section-label{margin-bottom:38px}.infra .specs{margin-top:clamp(52px,5vw,74px)}.infra>.section-visual,.modules>.section-visual{margin-top:clamp(42px,5vw,66px)}.modules .module-track{margin-top:clamp(44px,5vw,68px)}
@keyframes heroLogoIn{from{opacity:0;transform:translate3d(-50%,28px,0) scale(.94)}to{opacity:1;transform:translate3d(-50%,0,0) scale(1)}}
@keyframes heroStatIn{from{opacity:0;transform:translate3d(-50%,30px,0)}to{opacity:1;transform:translate3d(-50%,0,0)}}
@media(max-width:1100px){nav{gap:17px}nav a{font-size:10px}nav .home-link{padding:8px 11px}}
@media(max-width:800px){nav .home-link{justify-content:center;width:fit-content}.hero-logo{top:17vh;width:min(76vw,470px)}.hero-stat{left:22px;bottom:15vh;transform:none;width:calc(100% - 44px);text-align:left}.hero-stat strong{font-size:clamp(42px,14vw,68px)}.hero-stat small{max-width:360px}.hero-action{bottom:5vh}.infra,.modules{padding-top:70px;padding-bottom:70px}.infra .section-label,.modules .section-label{margin-bottom:30px}.infra .specs,.modules .module-track{margin-top:44px}}
@media(prefers-reduced-motion:reduce){.hero-logo,.hero-stat{animation:none}.hero-logo{opacity:1}.hero-stat{opacity:1}}

/* Directed story sequence: copy leads, imagery follows, sections stack over the hero. */
.reveal.reveal-left{transform:translate3d(-76px,0,0)}.reveal.reveal-left.visible{transform:translate3d(0,0,0)}.reveal-delay-1{transition-delay:.16s}.reveal-delay-image{transition-delay:.38s}.reveal-delay-detail{transition-delay:.52s}
.reveal.image-reveal{opacity:0;clip-path:inset(0 100% 0 0);transform:scale(1.025);transition:opacity .8s var(--ease),clip-path 1.25s var(--ease),transform 1.25s var(--ease)}.reveal.image-reveal.visible{opacity:1;clip-path:inset(0 0 0 0);transform:scale(1)}
.infra .specs>.layer-reveal:nth-child(1){transition-delay:.38s}.infra .specs>.layer-reveal:nth-child(2){transition-delay:.5s}.infra .specs>.layer-reveal:nth-child(3){transition-delay:.62s}.infra .specs>.layer-reveal:nth-child(4){transition-delay:.44s}.infra .specs>.layer-reveal:nth-child(5){transition-delay:.56s}.infra .specs>.layer-reveal:nth-child(6){transition-delay:.68s}
.module-track .count-up{font:inherit;color:inherit}
@media(min-width:801px){.hero-intro-stack{position:relative}.hero-intro-stack .hero{position:sticky;top:0;z-index:0}.hero-intro-stack .intro{position:relative;z-index:1;background:var(--paper);box-shadow:0 -28px 80px #03101c55}main>section{position:relative;z-index:1}}
@media(max-width:800px){.reveal.reveal-left{transform:translate3d(-42px,0,0)}.reveal.reveal-left.visible{transform:none}.reveal-delay-image{transition-delay:.24s}.reveal-delay-detail{transition-delay:.32s}}
@media(prefers-reduced-motion:reduce){.reveal.reveal-left,.reveal.image-reveal{opacity:1;transform:none;clip-path:none;transition:none}}