/* Plain dark controls, matching the Rituel primary action. */
#official-top .languages,#official-top .menu-toggle{background:#272622eb;border:1px solid #777164;border-radius:0;box-shadow:none;filter:none;text-shadow:none;color:#e4e0d7}
#official-top .languages::before,#official-top .menu-toggle::before{display:none;border:0;border-image:none}
#official-top .languages:hover,#official-top .menu-toggle:hover{filter:none;background:#272622}
#official-top .languages{padding:0 8px;gap:5px}
#official-top .languages button{min-width:32px;min-height:42px;padding:8px 0;color:#e4e0d7;font:inherit}
#official-top .languages span{color:#bfbbae}
#official-top .languages button[aria-pressed=true]{border-bottom-color:#e4e0d7}
#official-top .menu-toggle{width:44px;height:44px;padding:12px;gap:5px}
#official-top .menu-toggle span{background:#e4e0d7;box-shadow:none}
/* Avoid nested mask/clip compositing when Safari restores the back-forward cache.
   Both image windows use ordinary overflow and normal image layout instead. */
.hero-room-art{inset:auto;top:0;left:0;width:100%;height:92.5cqw;overflow:hidden;clip-path:none}
#p3-lower{clip-path:none}
#p3-lower .room-art{inset:auto;left:0;right:0;top:81.5cqw;bottom:0;overflow:hidden;mask:none;-webkit-mask:none}
#p3-lower .room-art img{margin-top:-81.5cqw}
/* Only a 3cqw decorative seam fades, never the frame/desk/floor image. */
.room-join{position:absolute;left:0;right:0;top:78.5cqw;height:3cqw;background:url('./assets/scene-closed.webp') 0 -78.5cqw/100% auto no-repeat;mask-image:linear-gradient(transparent,#000);-webkit-mask-image:linear-gradient(transparent,#000);pointer-events:none}
@media(max-width:700px){.room-join{background-image:url('./assets/scene-closed-mobile.webp')}}
/* Same frame material with a wider mobile strip and invisible taller hit areas. */
@media(max-width:700px){
 #official-top .languages{font-size:10px;gap:3px;padding:0 5px}
 #official-top .languages button{min-width:26px;min-height:42px}
 #official-top .menu-toggle{width:44px;height:44px}
 #official-top .carousel-controls button{position:relative}
 #official-top .carousel-controls button::before{content:'';position:absolute;left:50%;top:50%;width:max(100%,24px);height:44px;transform:translate(-50%,-50%);background:transparent}
 #official-top .dots button{min-width:24px}
 #official-top .carousel-controls{left:9%;width:82%;}
 footer a{display:flex;align-items:center;min-height:44px;width:fit-content;max-width:100%;padding-block:8px}
 footer .instagram{min-height:44px}
}