/* Mobile compositor budget: bounded 2D depth, two cards maximum. */
.mobile-cinema .projects.depth-stage{perspective:none;transform-style:flat}
.mobile-cinema .projects.depth-stage .project.depth-card{transform:translate(-50%,-50%) translateY(var(--mobile-shift,0px)) scale(var(--mobile-scale,1))!important;will-change:auto;backface-visibility:visible;background:#15101d;box-shadow:none!important;filter:none!important}
.mobile-cinema.depth-list .projects.depth-stage .project.depth-card,.mobile-cinema.motion-off .projects.depth-stage .project.depth-card{transform:none!important;display:grid}
.mobile-cinema .projects.depth-stage:before{inset:0;filter:none;opacity:.25;background:radial-gradient(ellipse at 50% 45%,#70316655,transparent 65%),#09090d}
.mobile-cinema:before{display:none!important}
.mobile-cinema .depth-stage .poster,.mobile-cinema .depth-stage .poster img{filter:none!important;box-shadow:none!important}
.mobile-cinema .depth-stage .poster:after{backdrop-filter:none;filter:none}
@media(pointer:coarse){
 #sculpture{display:none}.swimming-fish{filter:none;will-change:auto}
 .hero-stage,.portal{filter:none!important}.hero-identity{filter:none!important}
 .dark,.audio-controls,.fx-sound,.editor-button,header nav,.hero-title .eyebrow{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .fx-reveal{animation:mobileReveal .22s ease-out both!important}
 @keyframes mobileReveal{from{opacity:.3}to{opacity:1}}
}