/* Device adaptation; retain approved artwork and depth navigation. */
.hero-stage{contain:paint}.hero-identity,.portal-constellation{will-change:auto}
.graphics-fallback .hero-stage:after{content:'';position:absolute;left:7%;top:40%;width:clamp(50px,10vw,130px);aspect-ratio:1;border:12px solid #ad7a98;border-radius:50%;box-shadow:inset 4px 3px 8px #fff8,6px 8px 20px #e6007e35;transform:rotate(-25deg) scaleY(.6);pointer-events:none;z-index:1}
.diagnostic-export{position:fixed;right:10px;top:10px;z-index:9999;border:1px solid #f57bc3;background:#1a101c;color:white;border-radius:15px;min-height:44px;padding:10px}
.fx-awake{outline-color:#fa58c1;box-shadow:inset 0 0 22px #e6007e28,0 0 20px #e6007e35!important}
@media(max-width:700px){
 .hero-stage{min-height:0;height:calc(100svh - 72px)}
 .projects.depth-stage{height:100svh;min-height:0}
 .projects.depth-stage .project.depth-card{height:calc(100svh - 105px);min-height:0;max-height:680px;top:44%;grid-template-rows:minmax(90px,45%) minmax(0,55%)}
 .projects.depth-stage .project-info{padding:12px 16px;overflow-y:auto;overscroll-behavior-y:auto;justify-content:flex-start}
 .projects.depth-stage .project-info h3{font-size:clamp(21px,6vw,28px)}
 .projects.depth-stage .project-info .depth-description{font-size:13px;line-height:1.45;margin-top:9px}
 .projects.depth-stage .project-info>div>p{font-size:10px}
 .depth-open,.depth-hud button,.filters button,#clipSwitches button,#closeDialog{min-height:44px}
 .depth-hud{bottom:10px;flex-wrap:wrap;gap:6px;letter-spacing:0}
 .depth-hud button{padding:8px 12px}.depth-number{margin-bottom:6px}
 body.depth-list .projects.depth-stage .project.depth-card,body.motion-off .projects.depth-stage .project.depth-card{height:auto;min-height:0;grid-template-rows:300px auto}
 .audio-controls,.fx-sound,.motion-pause{position:relative;left:auto;bottom:auto;margin:10px;display:inline-flex;vertical-align:middle;min-height:44px;max-width:calc(100% - 20px)}
 .audio-controls button{min-height:44px;font-size:12px}.audio-controls input{height:44px}.fx-sound{font-size:12px}
 .editor-button{bottom:8px;right:8px;min-height:44px}
 .swimming-fish{filter:none}.project.depth-card{box-shadow:0 12px 35px #0008!important}
 .hero-side p{font-size:12px}.hero-title .eyebrow{font-size:9px}
}
@media(max-height:500px){
 .hero-stage{min-height:0;height:100svh}.hero-title h1{font-size:clamp(40px,9vh,80px);margin-top:8px}
 .hero-side{display:none}.hero-end h2{font-size:32px}
 .projects.depth-stage{min-height:0;height:100svh}
 .projects.depth-stage .project.depth-card{grid-template-columns:40% 60%;grid-template-rows:1fr;height:calc(100svh - 72px);min-height:0;top:43%}
 .projects.depth-stage .project-info{overflow:auto;padding:12px}.depth-number{display:none}
}
@supports not (height:100svh){.hero-stage{height:100vh}.depth-track{height:770vh}.projects.depth-stage{height:100vh}.projects.depth-stage .project.depth-card{height:80vh}}