/* Five independently painted planes per scene. UI has no camera transform. */
.hero-media{inset:0;transform:none!important;will-change:auto;overflow:hidden}
.depth-scene{position:absolute;inset:-8%;opacity:1;transition:opacity 2.8s ease;pointer-events:none}
.portal-scene{opacity:0}
.hero-media.second .ring-scene{opacity:0}
.hero-media.second .portal-scene{opacity:1}
.depth-layer{position:absolute;inset:0;--depth:4;transform:translate3d(calc(var(--camera-x)*var(--depth)*-1px),calc(var(--camera-y)*var(--depth)*-.6px + var(--travel)*var(--depth)*1px),0);will-change:transform}
.depth-layer img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% 65%;pointer-events:none}
.depth-2{--depth:10}
.depth-3{--depth:18}
.depth-4{--depth:28}
.depth-5{--depth:40}
.ring-scene .depth-5 img{scale:.76;transform-origin:76% 96%}
.portal-scene .depth-2 img{scale:.73;transform-origin:65% 78%}
.portal-scene .depth-5 img{scale:.58;transform-origin:65% 92%}
.hero-copy,.world-caption{translate:none!important;transform:none!important}
.resonating .enter,.resonating .eyebrow{animation:none}
.resonance-band,.second .resonance-band{background:none;backdrop-filter:hue-rotate(15deg);border-top:1px solid #bd85e512}
.veil{background:linear-gradient(90deg,#060d10d9 0%,#080d1080 35%,#070c1000 66%),linear-gradient(0deg,#090d0e,transparent 18%,#05090c22)}
@media(max-width:700px),(pointer:coarse){
.depth-scene{inset:-4%}
.depth-layer{transform:none!important;will-change:auto}
.depth-layer img{object-position:65% 65%}
}
body.reduced .depth-layer{transform:none!important;will-change:auto}
@media(prefers-reduced-motion:reduce){.depth-layer{transform:none!important;will-change:auto}}