/* Keep the map, hex cells and their interaction coordinates uniformly scaled. */
.terrain::before{right:-180vh;background-size:180vh 100%;animation-name:terrain-uniform-drift}
@keyframes terrain-uniform-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-180vh,0,0)}}
/* Larger displays keep the same composition, with readable content at viewing distance. */
@media(min-width:1600px) and (min-height:900px){
 .brand-lockup{width:clamp(180px,8.6vw,240px)}
 .contact{font-size:clamp(15px,.8vw,21px)}
 .scroll-story h1{font-size:clamp(94px,5.3vw,144px);max-width:1800px}
 .scroll-story .hero-content p{font-size:clamp(20px,1.05vw,28px);max-width:850px}
 .quick-copy h2{font-size:clamp(80px,4.7vw,124px)}
 html.ocean-sequence-active .sequence-copy h2{max-width:1500px}
 main .quick-copy p{font-size:clamp(21px,1.08vw,28px);max-width:980px}
 .section-number,.scroll-cue{font-size:clamp(10px,.53vw,14px)}
 .text-link,.back-cue{font-size:clamp(14px,.78vw,20px)}
 #endurance .auv-display{width:min(1840px,88vw);height:min(940px,calc(100svh - 240px))}
 #endurance .quick-copy{padding:40px 22px 40px 52px}
 #endurance .quick-copy h2{font-size:clamp(56px,3.25vw,86px)}
 #endurance .quick-copy p{font-size:clamp(18px,.98vw,25px)}
 .auv-display-label,.auv-display figcaption{padding:22px 32px;font-size:12px}
 .auv-display-name{font-size:16px}
 .company-main{width:min(1740px,88vw);max-width:1740px!important}
 .company-main h1{font-size:clamp(70px,4.1vw,108px)}
 .company-main .company-lead{font-size:clamp(20px,1.05vw,27px);max-width:760px}
 .company-intro{gap:64px}
 .company-main h2{font-size:clamp(40px,2.8vw,72px)}
 .company-main .detail-rows h3{font-size:clamp(24px,1.3vw,34px)}
 .company-main .detail-rows p{font-size:clamp(18px,.95vw,25px)}
 .company-main .system-intro .company-copy{max-width:1200px}
}