.mapping-wrap-experiment .kronos-intro{height:280svh}
.mapping-wrap-experiment .capability-camera{animation:none;transform:scale(1.015)}
.mapping-wrap-experiment .mapping-opening{z-index:0}
.mapping-wrap-experiment .mapping-sky{z-index:1;opacity:0;mask-image:radial-gradient(ellipse 24% 30% at 70% 20%,#000 70%,transparent 100%)}
.mapping-wrap-experiment .mapping-detail{z-index:2;opacity:0;mask-size:100% 100%;mask-repeat:no-repeat}
.mapping-transfer{position:absolute;inset:0;z-index:3;width:100%;height:100%;pointer-events:none}
.mapping-wrap-experiment .intro-copy{transition:opacity .25s ease,transform .35s ease;transform:translateY(7px)}
.mapping-wrap-experiment .intro-copy.is-active{transform:none}
/* Keep the entire copy stack below the drone's camera/landing gear in the
   fixed-aspect artwork, including intermediate desktop widths. */
@media(min-width:761px){
 .mapping-wrap-experiment .intro-copy-stack{top:calc(51svh - min(7.5vw,12.52665svh,125.4px) + 24px)}
}
@media(min-width:761px) and (max-height:760px){
 .mapping-wrap-experiment .intro-copy :is(h1,h2){font-size:clamp(27px,2.7vw,38px);line-height:1.2;margin:13px 0 16px}
 .mapping-wrap-experiment .intro-copy p{font-size:14px;line-height:1.65}
 .mapping-wrap-experiment .intro-actions{margin-top:20px}
}
@media(max-width:760px){.mapping-wrap-experiment .kronos-intro{height:270svh}.mapping-wrap-experiment .capability-camera{transform:scale(1.008)}.mapping-wrap-experiment .intro-sequence{justify-content:flex-start;gap:15px;padding-right:45px;flex-wrap:wrap;row-gap:12px}.mapping-wrap-experiment .intro-sequence button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.mapping-transfer,.mapping-sky,.mapping-detail{display:none!important}.mapping-wrap-experiment .intro-copy{transition:none}}