.em-air{--em-ready:1;background:linear-gradient(200deg, color-mix(in oklab, var(--room-p2) 9%, var(--room-p1)) 0%, var(--room-p1) 48%, color-mix(in oklab, #000 14%, var(--room-p1)) 100%);position:absolute;inset:0;overflow:clip}.room-grade.em-grade{background:var(--room-p1)}.em-haze,.em-floor,.em-grain,.em-pigment{pointer-events:none;position:absolute}.em-haze{background:radial-gradient(closest-side, color-mix(in oklab, var(--room-p2) 20%, transparent), color-mix(in oklab, var(--room-p2) 7%, transparent) 50%, transparent);width:max(92vw,720px);height:104vh;top:-34vh;right:-26vw}.em-floor{--u:1vw;background:linear-gradient(#0000,oklab(0% none none/.16) 62%,oklab(0% none none/.26));height:40vh;bottom:0;left:0;right:0}.em-sway{position:absolute;inset:0}.em-sway--back{animation:em-sway-back 15.6s var(--ease-museum) -4.63s infinite}.em-sway--front{animation:em-sway-front 15.6s var(--ease-museum) -2.03s infinite}.em-smoke{will-change:transform;background-position:0 100%;background-repeat:repeat-x;width:128vw;position:absolute;left:-14vw}.em-smoke--back{opacity:.4;height:36vh;animation:em-drift-back 26s var(--ease-museum) -.3s infinite, em-dim-back 20.8s var(--ease-museum) -1.17s infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='460' viewBox='0 0 1600 460' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0021 .0085' numOctaves='3' seed='7' stitchTiles='stitch' result='n'/%3E%3CfeColorMatrix in='n' values='0 0 0 0 .769 0 0 0 0 .627 0 0 0 0 .478 3.4 0 0 0 -1.85' result='h'/%3E%3CfeColorMatrix in='n' values='0 0 0 0 .07 0 0 0 0 .04 0 0 0 0 .02 -3.4 0 0 0 1.5' result='s'/%3E%3CfeMerge%3E%3CfeMergeNode in='s'/%3E%3CfeMergeNode in='h'/%3E%3C/feMerge%3E%3C/filter%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.4' stop-color='%23fff' stop-opacity='.55'/%3E%3Cstop offset='.78' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.7'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='1600' height='460' fill='url(%23g)'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='1600' height='460' filter='url(%23f)' mask='url(%23m)'/%3E%3C/svg%3E");background-size:1600px 100%;bottom:-2vh}.em-smoke--mid{opacity:.34;height:44vh;animation:em-drift-mid 33s var(--ease-museum) -19s infinite alternate;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1100' height='380' viewBox='0 0 1100 380' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0034 .0135' numOctaves='3' seed='19' stitchTiles='stitch' result='n'/%3E%3CfeColorMatrix in='n' values='0 0 0 0 .769 0 0 0 0 .627 0 0 0 0 .478 3.4 0 0 0 -1.9' result='h'/%3E%3CfeColorMatrix in='n' values='0 0 0 0 .07 0 0 0 0 .04 0 0 0 0 .02 -3.2 0 0 0 1.4' result='s'/%3E%3CfeMerge%3E%3CfeMergeNode in='s'/%3E%3CfeMergeNode in='h'/%3E%3C/feMerge%3E%3C/filter%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.4' stop-color='%23fff' stop-opacity='.55'/%3E%3Cstop offset='.78' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.7'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='1100' height='380' fill='url(%23g)'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='1100' height='380' filter='url(%23f)' mask='url(%23m)'/%3E%3C/svg%3E");background-size:1100px 100%;display:none;bottom:-3vh}.em-smoke--front{opacity:.2;height:24vh;animation:em-drift-front 20.8s var(--ease-museum) -8.1s infinite, em-dim-front 20.8s var(--ease-museum) -14.17s infinite;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='300' viewBox='0 0 900 300' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='f' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0048 .019' numOctaves='2' seed='31' stitchTiles='stitch' result='n'/%3E%3CfeColorMatrix in='n' values='0 0 0 0 .953 0 0 0 0 .902 0 0 0 0 .847 3.6 0 0 0 -2.15' result='h'/%3E%3CfeColorMatrix in='n' values='0 0 0 0 .07 0 0 0 0 .04 0 0 0 0 .02 0 0 0 0 0' result='s'/%3E%3CfeMerge%3E%3CfeMergeNode in='s'/%3E%3CfeMergeNode in='h'/%3E%3C/feMerge%3E%3C/filter%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.4' stop-color='%23fff' stop-opacity='.55'/%3E%3Cstop offset='.78' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.7'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='900' height='300' fill='url(%23g)'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='900' height='300' filter='url(%23f)' mask='url(%23m)'/%3E%3C/svg%3E");background-size:900px 100%;bottom:-4vh}@keyframes em-sway-back{0%,to{transform:translate(0)}33.333%{transform:translate3d(calc(2 * var(--u)), 1.2vh, 0)}66.667%{transform:translate3d(calc(-2 * var(--u)), .5vh, 0)}}@keyframes em-sway-front{0%,to{transform:translateY(.4vh)}33.333%{transform:translate3d(calc(-2 * var(--u)), 1.2vh, 0)}66.667%{transform:translate3d(calc(2 * var(--u)), 0, 0)}}@keyframes em-drift-back{0%,to{transform:translate3d(calc(-4 * var(--u)), 0, 0)}20%{transform:translate3d(calc(1 * var(--u)), -1.2vh, 0)}40%{transform:translate3d(calc(6 * var(--u)), -.4vh, 0)}60%{transform:translate3d(calc(11 * var(--u)), .4vh, 0)}80%{transform:translate3d(calc(4 * var(--u)), -1vh, 0)}}@keyframes em-dim-back{0%,50%,to{opacity:.4}25%{opacity:.28}75%{opacity:.32}}@keyframes em-drift-mid{0%{transform:translate(8vw)}45%{transform:translate(-1vw,-1vh)}to{transform:translate(-10vw,.6vh)}}@keyframes em-drift-front{0%,to{transform:translate3d(calc(-6 * var(--u)), .8vh, 0)}25%{transform:translate3d(calc(1 * var(--u)), 0, 0)}50%{transform:translate3d(calc(8 * var(--u)), -.6vh, 0)}75%{transform:translate3d(calc(1 * var(--u)), .4vh, 0)}}@keyframes em-dim-front{0%,50%,to{opacity:.2}25%{opacity:.11}75%{opacity:.14}}.em-grain{opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.3' numOctaves='1' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .77 0 0 0 0 .63 0 0 0 0 .48 0 0 0 1.5 -.68'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:220px 220px;inset:0}.em-pigment{inset:0;container-type:size}.em-bloom,.em-stain{background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:0;left:0}.em-bloom{width:240px;height:240px;opacity:min(.42, calc(var(--f-in,0) * .12 + var(--f-energy,0) * 1.5 + var(--f-tap,0) * .62));transform:translate3d(calc(var(--fx,.5) * 100cqw), calc(var(--fy,.5) * 100cqh), 0) scale(calc(.46 + min(.62, var(--f-energy,0) * 1.7) + var(--f-tap,0) * .6));will-change:transform, opacity;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3CradialGradient id='p'%3E%3Cstop offset='0' stop-color='%23B76E79' stop-opacity='.55'/%3E%3Cstop offset='.5' stop-color='%23B76E79' stop-opacity='.3'/%3E%3Cstop offset='.8' stop-color='%23B76E79' stop-opacity='.5'/%3E%3Cstop offset='.9' stop-color='%23C4A07A' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23C4A07A' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cfilter id='d' x='-15%25' y='-15%25' width='130%25' height='130%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.017' numOctaves='3' seed='4'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='40' xChannelSelector='R' yChannelSelector='G'/%3E%3CfeGaussianBlur stdDeviation='2.5'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='200' cy='200' r='146' fill='url(%23p)' filter='url(%23d)'/%3E%3C/svg%3E");margin:-120px 0 0 -120px}.em-stain{width:320px;height:320px;opacity:min(.26, calc(var(--f-energy,0) * 1.1 + var(--f-tap,0) * .5));transform:translate3d(calc(var(--fx-lag,.5) * 100cqw), calc(var(--fy-lag,.5) * 100cqh + (1 - min(1, var(--f-energy,0) * 2.5)) * 34px), 0) scale(calc(1.3 - min(.36, var(--f-energy,0) * 1.2) - var(--f-tap,0) * .2));will-change:transform, opacity;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3CradialGradient id='p'%3E%3Cstop offset='0' stop-color='%23B76E79' stop-opacity='.55'/%3E%3Cstop offset='.5' stop-color='%23B76E79' stop-opacity='.3'/%3E%3Cstop offset='.8' stop-color='%23B76E79' stop-opacity='.5'/%3E%3Cstop offset='.9' stop-color='%23C4A07A' stop-opacity='.2'/%3E%3Cstop offset='1' stop-color='%23C4A07A' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cfilter id='d' x='-15%25' y='-15%25' width='130%25' height='130%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.017' numOctaves='3' seed='4'/%3E%3CfeDisplacementMap in='SourceGraphic' scale='40' xChannelSelector='R' yChannelSelector='G'/%3E%3CfeGaussianBlur stdDeviation='2.5'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='200' cy='200' r='146' fill='url(%23p)' filter='url(%23d)'/%3E%3C/svg%3E");margin:-160px 0 0 -160px}@media (width<=640px){.em-floor{--u:2.8vw}.em-smoke{width:180vw;left:-40vw}.em-smoke--back{background-size:1200px 100%;height:34vh}.em-haze{width:150vw;animation:em-haze-drift 13s var(--ease-museum) -1.43s infinite;right:-60vw}.em-bloom{width:220px;height:220px;margin:-110px 0 0 -110px}.em-stain{width:300px;height:300px;margin:-150px 0 0 -150px}}@media (prefers-reduced-motion:reduce){.em-smoke,.em-sway{will-change:auto;animation:none!important}.em-pigment{display:none}.em-haze{animation:em-rm-breath 7s var(--ease-museum) infinite!important}}@keyframes em-haze-drift{0%,to{transform:translate(0)scale(1)}20%{transform:translate(8vmax,-3vmax)scale(.94)}40%{transform:translate(3vmax,-5vmax)scale(.9)}60%{transform:translate(10vmax,-2vmax)scale(.96)}80%{transform:translate(4vmax,-1vmax)scale(.92)}}@keyframes em-rm-breath{0%,to{opacity:1}50%{opacity:.96}}
