.atmo{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;contain:layout paint;opacity:0;transition:opacity 1.2s ease-out}html[data-lit] .atmo{opacity:1}html[data-lit=instant] .atmo{transition:none}.atmo-hazes{position:absolute;inset:0;z-index:0}.atmo[data-variant=menu] .atmo-hazes{opacity:.25}.atmo-haze{position:absolute;translate:-50% -50%;background-position:50%;background-size:contain;background-repeat:no-repeat}.atmo-haze-amber{width:70vw;height:70vw;left:22%;top:24%;background-image:url(/images/atmo/haze-amber-v1.webp)}.atmo-haze-ember{width:55vw;height:55vw;left:84%;top:86%;background-image:url(/images/atmo/haze-ember-v1.webp)}.atmo-haze-warm{width:90vw;height:90vw;left:50%;top:50%;background-image:url(/images/atmo/haze-warm-v1.webp)}.atmo[data-variant=menu] .atmo-haze-amber{left:26%;top:30%}.atmo[data-variant=menu] .atmo-haze-warm{left:64%;top:60%}.atmo[data-variant=page] .atmo-hazes{opacity:.2}.atmo[data-variant=page] .atmo-haze-amber{width:60vw;height:60vw;left:18%;top:45%}.atmo[data-variant=page] .atmo-haze-warm{left:72%;top:70%}.atmo-embers{position:absolute;inset:0;z-index:2}.atmo-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.atmo-bulb{position:absolute;top:0;left:var(--bulb-x);z-index:3;width:var(--bulb-size);height:calc(var(--bulb-cable) + var(--bulb-size));translate:-50% 0;transform-origin:50% 0}.atmo-bulb:before{content:"";position:absolute;top:0;left:calc(50% - .5px);width:1px;height:calc(var(--bulb-cable) + var(--bulb-size) / 2);background:rgba(242,235,224,.1)}.atmo-bulb:after{content:"";position:absolute;top:var(--bulb-cable);left:0;width:var(--bulb-size);height:var(--bulb-size);background:url(/images/atmo/bulb-64-v1.webp) 50%/contain no-repeat}.atmo-bulb-1{--bulb-x:18%;--bulb-cable:96px;--bulb-size:36px}.atmo-bulb-2{--bulb-x:41%;--bulb-cable:128px;--bulb-size:44px}.atmo-bulb-3{--bulb-x:63%;--bulb-cable:72px;--bulb-size:28px}.atmo-bulb-4{--bulb-x:84%;--bulb-cable:112px;--bulb-size:40px}.atmo[data-variant=menu] .atmo-bulb-1{--bulb-x:22%;--bulb-cable:64px;--bulb-size:32px}.atmo[data-variant=menu] .atmo-bulb-2{--bulb-x:52%;--bulb-cable:88px;--bulb-size:36px}.atmo[data-variant=menu] .atmo-bulb-3{--bulb-x:80%;--bulb-cable:56px;--bulb-size:28px}@keyframes drift-a{0%{transform:translateZ(0) scale(.96);opacity:.7}to{transform:translate3d(7vw,-5vh,0) scale(1.06);opacity:1}}@keyframes drift-b{0%{transform:translateZ(0) scale(1.06);opacity:1}to{transform:translate3d(-6vw,4vh,0) scale(.96);opacity:.7}}@keyframes drift-c{0%{transform:translateZ(0) scale(.98);opacity:.8}to{transform:translate3d(5vw,5vh,0) scale(1.04);opacity:1}}@keyframes sway{0%{transform:rotate(-1.6deg)}to{transform:rotate(1.6deg)}}@keyframes breathe{0%{opacity:.8}to{opacity:1}}html:is([data-atmo=phone],[data-atmo=desktop]) .atmo-haze{will-change:transform;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite;animation-fill-mode:both}html:is([data-atmo=phone],[data-atmo=desktop]) .atmo-haze-amber{animation-name:drift-a;animation-duration:47s;animation-delay:-13s}html:is([data-atmo=phone],[data-atmo=desktop]) .atmo-haze-ember{animation-name:drift-b;animation-duration:61s;animation-delay:-29s}html:is([data-atmo=phone],[data-atmo=desktop]) .atmo-haze-warm{animation-name:drift-c;animation-duration:83s;animation-delay:-47s}html:is([data-atmo=phone],[data-atmo=desktop]) .atmo-bulb{animation-name:sway;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}html:is([data-atmo=phone],[data-atmo=desktop]) .atmo-bulb-1{animation-duration:9s;animation-delay:-2s}html:is([data-atmo=phone],[data-atmo=desktop]) .atmo-bulb-2{animation-duration:11s;animation-delay:-6s}html:is([data-atmo=phone],[data-atmo=desktop]) .atmo-bulb-3{animation-duration:7s;animation-delay:-1s}html:is([data-atmo=phone],[data-atmo=desktop]) .atmo-bulb-4{animation-duration:10s;animation-delay:-4s}html:is([data-atmo=phone],[data-atmo=desktop]) .atmo-bulb:after{animation-name:breathe;animation-timing-function:ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}html:is([data-atmo=phone],[data-atmo=desktop]) .atmo-bulb-1:after{animation-duration:5s;animation-delay:-1s}html:is([data-atmo=phone],[data-atmo=desktop]) .atmo-bulb-2:after{animation-duration:7s;animation-delay:-3s}html:is([data-atmo=phone],[data-atmo=desktop]) .atmo-bulb-3:after{animation-duration:4s;animation-delay:-2s}html:is([data-atmo=phone],[data-atmo=desktop]) .atmo-bulb-4:after{animation-duration:6s;animation-delay:-4s}html[data-atmo-paused] .atmo *,html[data-atmo-paused] .atmo :after,html[data-atmo-paused] .atmo :before,html[data-sheet-open] .atmo *,html[data-sheet-open] .atmo :after,html[data-sheet-open] .atmo :before{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.atmo{transition:none}.atmo *,.atmo :after,.atmo :before{animation:none}.atmo-haze{will-change:auto}}