/* Stable viewport and stacking: especially important for Safari's moving address bar. */
#cosmos{z-index:0;height:100lvh}main,footer{position:relative;z-index:1}
.hero .world-gates{opacity:clamp(0,calc(1 - var(--travel)*3.4),1)}.hero .holo-stage{opacity:clamp(0,calc(1 - var(--travel)*3),1)}.hero .hero-foot{opacity:clamp(0,calc(1 - var(--travel)*3),1)}
@media(max-width:760px){
 .noise,.hero-floor{display:none}
 .web-world{height:auto}.web-world .world-sticky{position:relative;top:auto;height:auto;min-height:0;padding-bottom:95px;perspective:none}
 .web-world .web-stage{height:310px;min-height:0;flex:none;perspective:none;margin:25px 0 20px}
 .web-world .site-window{left:0;top:0;width:100%;height:100%;max-height:none;transform:none!important;will-change:auto;box-shadow:0 15px 35px #0004}
 .web-world .villa-site>img,.web-world .villa-copy{transform:none!important;will-change:auto}
 .web-world .site-second,.web-world .floating-detail,.web-world .scroll-cue{display:none}
 .web-world .world-heading p{font-size:11px;line-height:1.8;max-width:310px}
 .web-world .world-bottom button{font-size:11px}
 .assembly-grid,.assembly-circuit{display:none}
}