/* V9: original, restrained atmospheres. The photography remains the focal point. */
#atmosphere-canvas{position:fixed;inset:0;z-index:9;width:100vw;height:100vh;pointer-events:none;opacity:1;mix-blend-mode:screen;mask-image:radial-gradient(ellipse 67% 75% at 50% 46%,#0005 10%,#000c 61%,#000 100%)}
.experience-hero .hero-image{filter:saturate(.92) brightness(.72)}
.experience-hero .hero-shade{background:linear-gradient(180deg,#030d1be9 0%,#061423a8 22%,#06142313 45%,#0614238a 82%,#061423fa 100%),linear-gradient(90deg,#0614238a,transparent 28%,transparent 72%,#0614238a)}
.experience-hero .studio-panel{transition:transform .32s cubic-bezier(.18,.72,.18,1),box-shadow .32s,border-color .32s}
.experience-hero .panel-icon{transform:translate3d(var(--icon-x,0px),var(--icon-y,0px),0) rotateZ(var(--icon-spin,0deg));transition:transform .23s cubic-bezier(.17,.7,.23,1),box-shadow .23s}
.experience-hero .studio-panel:hover .panel-icon,.experience-hero .studio-panel:focus-visible .panel-icon{box-shadow:0 0 28px #80eaffcc,inset 0 0 10px #d5faff66}
.experience-hero .studio-panel:hover .panel-art,.experience-hero .studio-panel:focus-visible .panel-art{transform:scale(1.075) translate3d(var(--photo-x,0px),var(--photo-y,0px),0)}
.atmo-switch{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #8adae27c;border-radius:999px;background:#061b2bd9;box-shadow:inset 0 0 16px #4bd4e816,0 0 16px #4bd4e81a;white-space:nowrap}
.atmo-switch .atmo-label{padding:0 7px;color:#bce9f4;font-size:9px;letter-spacing:.13em;font-weight:800}
.atmo-switch button{border:1px solid transparent;border-radius:999px;background:transparent;color:#c9e8ed;font-size:10px;line-height:1;padding:8px 9px;cursor:pointer}
.atmo-switch button[aria-pressed="true"]{background:#b4f1f9;color:#061726;border-color:#e7ffff;box-shadow:0 0 15px #5de5f5a6}
.atmo-switch button:focus-visible{outline:2px solid #ffe0a3;outline-offset:2px}
.experience-hero .hero-bottom{flex-wrap:wrap;justify-content:center}
.experience-hero .hero-bottom>span{flex:1 1 250px}
.atmo-switch{flex:0 0 auto}
.experience-hero .motion-toggle{flex:0 0 auto}
@media(max-width:850px){.experience-hero .hero-bottom>span{flex-basis:100%;text-align:center}.atmo-switch{max-width:100%;overflow-x:auto}}
@media(max-width:540px){#atmosphere-canvas{opacity:.95}.atmo-switch{justify-content:center}.experience-hero .hero-bottom .btn{width:100%}}
body.motion-off #atmosphere-canvas{opacity:.8}
@media(prefers-reduced-motion:reduce){body.motion-off .experience-hero .studio-panel:hover .panel-art,body.motion-off .experience-hero .studio-panel:focus-visible .panel-art{transform:none}body.motion-off .experience-hero .panel-icon{transition:none}}