.ec-scene{--ec-ready:1;--ec-h:70cqh;--ec-sx:55cqw;--ec-r:max(4.6cqw, 40px);--ec-lx:-16cqw;--ec-ly:116cqh;--ec-glow:color-mix(in oklab, var(--room-p2) 24%, var(--room-p3));--ec-ember:color-mix(in oklab, var(--room-p2) 46%, var(--room-p3));position:absolute;inset:0;overflow:clip;container-type:size}.room-grade.ec-grade{background:var(--room-p3)}.ec-dusk,.ec-air,.ec-water,.ec-light{pointer-events:none;position:absolute;inset:0}.ec-air{height:var(--ec-h);background:radial-gradient(44cqw 20cqh at var(--ec-sx) 100%, color-mix(in oklab, var(--room-p2) 27%, var(--room-p3)) 0%, transparent 100%), linear-gradient(180deg, var(--room-p3) 0%, color-mix(in oklab, var(--room-p2) 7%, var(--room-p3)) 36%, color-mix(in oklab, var(--room-p2) 14%, var(--room-p3)) 62%, color-mix(in oklab, var(--room-p2) 20%, var(--room-p3)) 86%, var(--ec-glow) 100%);bottom:auto}.ec-water{top:var(--ec-h);background:radial-gradient(36cqw 16cqh at var(--ec-sx) 0%, color-mix(in oklab, var(--room-p2) 18%, var(--room-p3)) 0%, transparent 100%), linear-gradient(180deg, color-mix(in oklab, var(--room-p2) 13%, var(--room-p3)) 0%, color-mix(in oklab, var(--room-p2) 6%, var(--room-p3)) 34%, var(--room-p3) 100%)}.ec-sun{top:calc(var(--ec-h) - var(--ec-r));left:calc(var(--ec-sx) - var(--ec-r) - 4px);width:calc(2 * var(--ec-r) + 8px);height:var(--ec-r);position:absolute}.ec-slice{top:calc(var(--i) * var(--ec-r) / var(--n));height:calc(var(--ec-r) / var(--n) + .5px);position:absolute;left:0;right:0;overflow:clip}.ec-slice--whole{height:var(--ec-r);top:0}.ec-disc{top:calc(var(--i,0) * var(--ec-r) / var(--n,1) * -1);width:calc(2 * var(--ec-r));height:calc(2 * var(--ec-r));background:radial-gradient(circle at 50% 66%, var(--ec-ember) 0%, color-mix(in oklab, var(--room-p2) 38%, var(--room-p3)) 100%);border-radius:50%;position:absolute;left:4px}.ec-sun--shimmer .ec-disc{animation:ec-shimmer var(--dur,1.6s) var(--ease-museum) var(--delay,0s) infinite alternate;will-change:transform}@keyframes ec-shimmer{0%{transform:translate3d(calc(var(--amp) * -1), 0, 0)}to{transform:translate3d(var(--amp), 0, 0)}}.ec-glints{top:var(--ec-h);bottom:0;left:calc(var(--ec-sx) - 26cqw);pointer-events:none;width:52cqw;position:absolute}.ec-glint{width:100%;height:100%;fill:var(--room-p1);will-change:transform, opacity;display:block;position:absolute;inset:0}.ec-glint--a{animation:ec-glint-a 2.6s var(--ease-museum) infinite alternate}.ec-glint--b{animation:ec-glint-b 3.4s var(--ease-museum) -1.2s infinite alternate}@keyframes ec-glint-a{0%{opacity:1;transform:translate(-3px)}to{opacity:.2;transform:translate(2px)}}@keyframes ec-glint-b{0%{opacity:.2;transform:translate(2px)}to{opacity:1;transform:translate(-3px)}}.ec-smoke{opacity:.75;will-change:transform;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='640' height='320' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='v' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='.34' stop-color='%23fff'/%3E%3Cstop offset='.64' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cmask id='m'%3E%3Crect width='100%25' height='100%25' fill='url(%23v)'/%3E%3C/mask%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0047 .016' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .478 0 0 0 0 .18 0 0 0 0 .07 1.5 0 0 0 -.42'/%3E%3C/filter%3E%3Cfilter id='b' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0062 .021' numOctaves='3' seed='23' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .788 0 0 0 0 .639 0 0 0 0 .42 1.2 0 0 0 -.5'/%3E%3C/filter%3E%3C/defs%3E%3Cg mask='url(%23m)'%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.36'/%3E%3Crect width='100%25' height='100%25' filter='url(%23b)' opacity='.08'/%3E%3C/g%3E%3C/svg%3E") 0 0/640px 100% repeat-x;height:46cqh;animation:12s cubic-bezier(.45,0,.55,1) -4s infinite alternate ec-smoke-drift;position:absolute;top:38cqh;left:-10cqw;right:-10cqw}@keyframes ec-smoke-drift{0%{transform:translate(-7cqw)}to{transform:translate(7cqw)}}.ec-wisp{top:calc(var(--ec-h) - 8.5cqh);left:calc(var(--ec-sx) - 24cqw);opacity:.6;will-change:transform;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 160' preserveAspectRatio='none'%3E%3Cdefs%3E%3CradialGradient id='f' cx='.5' cy='.5' r='.5'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='.55' stop-color='%23fff' stop-opacity='.75'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cmask id='m'%3E%3Crect width='800' height='160' fill='url(%23f)'/%3E%3C/mask%3E%3Cfilter id='t' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0055 .045' numOctaves='3' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 .106 0 0 0 0 .141 0 0 0 0 .212 2 0 0 0 -.62'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='800' height='160' filter='url(%23t)' mask='url(%23m)'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;width:48cqw;height:10cqh;animation:46s cubic-bezier(.45,0,.55,1) infinite alternate ec-wisp;position:absolute}@keyframes ec-wisp{0%{transform:translate(-14%)}to{transform:translate(14%,.6cqh)}}.ec-light{--ec-aim:max(var(--f-in,0), var(--ec-hold,0))}.ec-beam{--ec-tx:calc((.55 + var(--ec-aim) * (var(--fx,.55) - .55)) * 100cqw);--ec-ty:calc((.7 + var(--ec-aim) * (var(--fy,.7) - .7)) * 100cqh);top:calc(var(--ec-ly) - 8vmax);left:var(--ec-lx);width:115vmax;height:16vmax;opacity:calc(.06 + .025 * var(--ec-aim));transform-origin:0;will-change:transform, opacity;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 100' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='0'%3E%3Cstop offset='0' stop-color='%23C9A36B' stop-opacity='0'/%3E%3Cstop offset='.1' stop-color='%23C9A36B' stop-opacity='.66'/%3E%3Cstop offset='.6' stop-color='%23C9A36B' stop-opacity='.6'/%3E%3Cstop offset='1' stop-color='%23C9A36B' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='r' x1='0' x2='1' y1='0' y2='0'%3E%3Cstop offset='0' stop-color='%23C9A36B' stop-opacity='0'/%3E%3Cstop offset='.2' stop-color='%23C9A36B' stop-opacity='.8'/%3E%3Cstop offset='.8' stop-color='%23C9A36B' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='b' x='-5%25' y='-20%25' width='110%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='4 3.2'/%3E%3C/filter%3E%3Cfilter id='s' x='-5%25' y='-20%25' width='110%25' height='140%25'%3E%3CfeGaussianBlur stdDeviation='1.5 1'/%3E%3C/filter%3E%3C/defs%3E%3Cpolygon points='0,47 400,6 400,94 0,53' fill='url(%23g)' filter='url(%23b)'/%3E%3Cg fill='url(%23r)' filter='url(%23s)' opacity='.4'%3E%3Cpolygon points='0,49 400,30 400,36 0,49.6'/%3E%3Cpolygon points='0,50.4 400,62 400,67 0,51'/%3E%3C/g%3E%3C/svg%3E") 0 0/100% 100% no-repeat;animation:9s cubic-bezier(.45,0,.55,1) -2s infinite alternate ec-sweep;position:absolute;transform:rotate(-20deg)}@keyframes ec-sweep{0%{rotate:-5deg}to{rotate:5deg}}@supports not (rotate:atan2(1, 1)){@media (width<=640px){.ec-beam{transform:rotate(-44deg)}}}@supports (rotate:atan2(1, 1)){.ec-beam{transform:rotate(atan2(calc(var(--ec-ty) - var(--ec-ly)), calc(var(--ec-tx) - var(--ec-lx))))}}.ec-pocket{width:72px;height:72px;opacity:var(--ec-aim);transform:translate3d(calc(var(--fx,.5) * 100cqw), calc(var(--fy,.5) * 100cqh), 0);will-change:transform, opacity;border-radius:50%;margin:-36px 0 0 -36px;position:absolute;top:0;left:0;overflow:clip;-webkit-mask-image:radial-gradient(closest-side,#000 44%,#0000 100%);mask-image:radial-gradient(closest-side,#000 44%,#0000 100%)}.ec-pocket-air{width:100cqw;height:100cqh;transform:translate3d(calc(36px - var(--fx,.5) * 100cqw), calc(36px - var(--fy,.5) * 100cqh), 0);position:absolute;top:0;left:0}@media (width<=640px){.ec-scene{--ec-h:86cqh;--ec-sx:62cqw;--ec-lx:-30cqw;--ec-ly:112cqh}.ec-glints{left:calc(var(--ec-sx) - 40cqw);width:80cqw}}@media (width<=480px){.ec-scene{--ec-h:300px;--ec-sx:70cqw}.ec-smoke{top:calc(var(--ec-h) - 200px);opacity:1;background-size:320px 100%;height:300px;animation-name:ec-smoke-drift-phone}.ec-wisp{top:calc(var(--ec-h) - 130px);opacity:1;width:140cqw;height:150px;animation-name:ec-wisp-phone;animation-duration:12s;animation-delay:-10s;left:-20cqw}.ec-beam{--ec-tx:calc(var(--ec-sx) + var(--ec-aim) * (var(--fx,.7) * 100cqw - var(--ec-sx)));--ec-ty:calc(var(--ec-h) + var(--ec-aim) * (var(--fy,.36) * 100cqh - var(--ec-h)))}}@keyframes ec-smoke-drift-phone{0%{transform:translate(-100px)}to{transform:translate(100px)}}@keyframes ec-wisp-phone{0%{transform:translate(-80px,10px)}to{transform:translate(80px,-10px)}}@media (prefers-reduced-motion:reduce){.ec-disc,.ec-glint,.ec-wisp,.ec-smoke,.ec-beam{will-change:auto;animation:none!important}.ec-glint--b{opacity:.5}.ec-pocket{display:none}.ec-scene>.ec-dusk{animation:ec-rm-breath 7s var(--ease-museum) infinite!important}}@keyframes ec-rm-breath{0%,to{opacity:1}50%{opacity:.96}}