.lounge-hero{min-height:clamp(690px,92svh,980px);background:#21140e}
.lounge-world{position:absolute;inset:0;z-index:-1;pointer-events:none}
.lounge-world::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#100d0aee 0%,#130d09cb 24%,#140e0990 37%,#140e0915 53%,transparent 72%),linear-gradient(0deg,#130f0be0,transparent 21%,transparent 74%,#0d0b0a52)}
.lounge-art{display:block;width:100%;height:100%;overflow:hidden}
.lounge-layout{width:min(100%,1720px);margin:auto;padding:175px 5.7% 110px}
.lounge-layout .resort-copy{max-width:min(38vw,530px)}
.lounge-layout .resort-copy h1{font-size:clamp(57px,6.1vw,106px)}
.lounge-layout .resort-display{font-size:clamp(27px,2.8vw,43px)}
.lounge-layout .resort-lede{max-width:43ch;color:#f0e9d9}
.lounge-layout .resort-actions{gap:clamp(12px,1.55vw,25px)}
.lounge-layout .button{gap:clamp(14px,2vw,35px)}
.lounge-layout .resort-motion{z-index:4;right:5.7%;left:auto;bottom:24px;background:#1b140fce}
.lounge-layout .resort-motion[aria-pressed=true]{background:#644024}
.toast-cloud{animation:toast-drift 32s ease-in-out infinite alternate}
.toast-water{animation:toast-ripple 5.6s ease-in-out infinite alternate}
.toast-glow{mix-blend-mode:screen;animation:toast-glow 3.4s ease-in-out infinite alternate}
.toast-firelight{transform-box:fill-box;transform-origin:center 80%;animation:toast-flicker 2.4s ease-in-out infinite alternate}
.toast-firelight-side{animation-duration:1.73s;animation-delay:-.85s}
.toast-ember{opacity:0;animation:toast-ember 5.7s linear infinite}
.toast-ember:nth-child(2){animation-delay:-1.8s;animation-duration:6.5s}
.toast-ember:nth-child(3){animation-delay:-4.1s;animation-duration:7.1s}
.toast-bubble{opacity:0;animation:toast-bubble 1.95s linear infinite}
.toast-bubble:nth-child(2n){animation-duration:2.45s;animation-delay:-1s}
.toast-bubble:nth-child(3n){animation-duration:2.12s;animation-delay:-1.7s}
.toast-bubble:nth-child(5){animation-delay:-.43s}
.toast-glint{opacity:0;transform-origin:center;transform-box:fill-box;animation:toast-glint 8.8s ease-in-out infinite}
.toast-glint-second{animation-duration:11.1s;animation-delay:-5.2s}
@keyframes toast-drift{from{transform:translateX(-22px);opacity:.38}to{transform:translateX(32px);opacity:.85}}
@keyframes toast-ripple{from{transform:translateX(-2px);opacity:.13}to{transform:translateX(5px);opacity:.45}}
@keyframes toast-glow{0%{opacity:.19}46%{opacity:.25}72%{opacity:.21}100%{opacity:.29}}
@keyframes toast-flicker{0%{transform:translate(-.7px,1px) scale(.95,.88);opacity:.12}36%{opacity:.31}69%{transform:translate(.5px,-1px) scale(1,1.06);opacity:.2}100%{transform:translate(0,-.5px) scale(.98,1.03);opacity:.37}}
@keyframes toast-ember{0%,60%,100%{opacity:0}64%{opacity:.72;transform:translate(0,1px)}76%{opacity:.48;transform:translate(-1px,-9px)}91%{opacity:0;transform:translate(2px,-25px)}}
@keyframes toast-bubble{0%{opacity:0;transform:translate(0,1px)}23%{opacity:.76}75%{opacity:.56}100%{opacity:0;transform:translate(.65px,-7px)}}
@keyframes toast-glint{0%,63%,85%,100%{opacity:0;transform:scale(.45)}71%{opacity:.8;transform:scale(1)}76%{opacity:.34;transform:scale(.76)}}
:is(.resort-paused,.is-offscreen) :is(.toast-cloud,.toast-water,.toast-glow,.toast-firelight,.toast-ember,.toast-bubble,.toast-glint){animation-play-state:paused}
@media(max-width:880px){
.lounge-hero{min-height:auto}
.lounge-layout{padding:145px 6% clamp(355px,75vw,590px)}
.lounge-layout .resort-copy{max-width:520px}
.lounge-layout .resort-copy h1{font-size:clamp(52px,9vw,82px)}
.lounge-world{top:auto;height:clamp(430px,91vw,740px)}
.lounge-world::after{background:linear-gradient(180deg,#21140e 0%,#21140ee8 9%,#21140e60 24%,transparent 42%,transparent 81%,#17100be0 100%)}
}
@media(max-width:520px){
.lounge-layout{padding-bottom:clamp(275px,85vw,420px)}
.lounge-world{height:clamp(320px,96vw,474px)}
.lounge-layout .resort-motion{bottom:12px}
}
@media(prefers-reduced-motion:reduce){.toast-glow{opacity:.24}.toast-water{opacity:.18}.toast-firelight{opacity:.15}.toast-ember,.toast-bubble,.toast-glint{opacity:0}}
@media(min-width:881px){.lounge-layout .resort-copy{max-width:min(33vw,500px)}}
@media(max-width:880px){
.lounge-world{top:0;height:auto;--scene-height:clamp(430px,91vw,740px)}
.lounge-world::before{content:"";position:absolute;inset:0;background:linear-gradient(#120d09bf,#21140ee8 66%,#21140e),url('/assets/resort-lounge-toast.webp') left top/auto 100% no-repeat}
.lounge-art,.lounge-world::after{position:absolute;inset:auto 0 0;width:100%;height:var(--scene-height)}
.lounge-world::after{background:linear-gradient(180deg,#21140e 0%,#21140ee8 9%,#21140e60 24%,transparent 42%,transparent 81%,#17100be0 100%)}
}
@media(max-width:520px){.lounge-world{--scene-height:clamp(320px,96vw,474px)}}