/* Progressive motion: the complete static layout remains the fallback. */
.poster-camera-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
.motion-enabled .poster-stage{isolation:isolate}
.motion-enabled .poster-stage:before{content:'';position:absolute;inset:4% -8% -2%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 62% 65%,#00000012,transparent 62%)}
.motion-enabled .poster-stage h1{translate:var(--type-x,0px) var(--type-y,0px)}
.motion-enabled .poster-camera-layer{translate:var(--camera-x,0px) var(--camera-y,0px);transform:perspective(1400px) rotateX(var(--camera-rx,0deg)) rotateY(var(--camera-ry,0deg));transform-origin:58% 58%}
.motion-enabled .poster-camera{filter:drop-shadow(12px 25px 15px #0004)}
.motion-enabled .depth-image{translate:0 var(--photo-y,0px);scale:1.08}
.motion-enabled .depth-active{will-change:translate}
.motion-enabled .poster-stage.depth-active .poster-camera-layer{will-change:transform,translate}
.motion-enabled .kit-stage{box-shadow:0 18px 36px -28px #14151288}
.motion-enabled .kit-stage-image{translate:var(--kit-x,0px) var(--kit-y,0px);transition:translate .6s cubic-bezier(.22,1,.36,1)}
.motion-enabled .button{transition:translate .35s cubic-bezier(.22,1,.36,1),box-shadow .35s,background .2s,color .2s}
.motion-enabled .kit-option{transition:background .25s,padding .4s cubic-bezier(.22,1,.36,1)}
@media(hover:hover) and (pointer:fine){
 .motion-enabled .button:hover{translate:0 -3px;box-shadow:0 10px 18px -12px #0008}
 .motion-enabled .button:active{translate:0 0}
 .motion-enabled .news-image img{transition:transform .65s cubic-bezier(.22,1,.36,1)}
 .motion-enabled .news-card:hover .news-image img{transform:scale(1.04)}
}
@media(max-width:580px){
 .motion-enabled .poster-camera{filter:drop-shadow(6px 13px 8px #0003)}
 .motion-enabled .depth-image{scale:1.04}
}
@media(prefers-reduced-motion:reduce){
 .motion-enabled .poster-stage h1,.motion-enabled .poster-camera-layer,.motion-enabled .depth-image,.motion-enabled .kit-stage-image,.motion-enabled .button{translate:none!important}
 .motion-enabled .poster-camera-layer{transform:none!important}
 .motion-enabled .depth-image{scale:1!important}
 .motion-enabled .depth-active,.motion-enabled .poster-stage.depth-active .poster-camera-layer{will-change:auto}
}