/* One persistent header slot and identical media geometry through every phase. */
@media(max-width:700px){
 body{--mobile-header-height:calc(76px + env(safe-area-inset-top));--mobile-scene-height:min(100vw,calc(100svh - 300px))}
 .project-header-slot{position:relative;height:var(--mobile-header-height);background:var(--paper);flex:none}
 body .project-header-slot .project-nav{position:absolute;inset:0;min-height:0;height:100%;box-sizing:border-box;padding:calc(12px + env(safe-area-inset-top)) 22px 12px;background:var(--paper);color:var(--text);transition:none}
 body .project-header-slot .project-nav .wordmark{font-size:29px}
 body .project-header-slot .mobile-viewer-header{position:absolute;inset:0;height:100%;min-height:0;box-sizing:border-box;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;transition:none}
 body.finder-active .project-header-slot .project-nav{opacity:0;visibility:hidden;pointer-events:none;transition:none}
 body.finder-active .project-header-slot .mobile-viewer-header{display:grid!important}
 body .explorer .scene,body:not(.finder-active) .explorer .scene,body.finder-active .explorer .scene{height:var(--mobile-scene-height);min-height:0;aspect-ratio:auto}
 body:not(.finder-active) .explorer .project-hero{box-sizing:border-box;min-height:calc(100svh - var(--mobile-header-height) - var(--mobile-scene-height));display:flex;flex-direction:column;padding-bottom:calc(18px + env(safe-area-inset-bottom))}
 body:not(.finder-active) .project-hero .discover-project{align-self:center;justify-content:center;gap:16px;margin-top:auto;padding:24px 0 0;min-height:44px;font-size:13px;text-align:center}
}