.ah-hero{--horizon:57%;background:var(--color-night)}@media (max-width:960px){.ah-hero{--horizon:44%}}.ah-scene{pointer-events:none;position:absolute;inset:0;overflow:hidden}.ah-sky{background:radial-gradient(ellipse 80% 22% at 62% var(--horizon), color-mix(in oklab, var(--color-flame) 16%, transparent), transparent 70%), radial-gradient(ellipse 120% 30% at 50% var(--horizon), color-mix(in oklab, var(--color-night-2) 70%, var(--color-on-night-2)), transparent 75%), linear-gradient(180deg, var(--color-night) 0%, color-mix(in oklab, var(--color-night) 55%, var(--color-night-2)) 30%, var(--color-night-2) var(--horizon));position:absolute;inset:0}.ah-star{left:var(--x);top:var(--y);background:var(--color-on-night);width:2px;height:2px;opacity:var(--o);animation:ah-twinkle var(--d) ease-in-out var(--delay) infinite alternate;border-radius:50%;position:absolute}@keyframes ah-twinkle{to{opacity:calc(var(--o) * .35)}}.ah-trees{width:100%;left:0;bottom:calc(100% - var(--horizon) - 1px);position:absolute}.ah-trees-far{height:64px;fill:color-mix(in oklab, var(--color-night-2) 40%, var(--color-night-3))}.ah-trees-near{height:104px;bottom:calc(100% - var(--horizon) - 2px);fill:var(--color-night-3)}.ah-mist{left:-10%;right:-10%;top:calc(var(--horizon) - 34px);background:radial-gradient(ellipse 50% 50% at 60% 50%, color-mix(in oklab, var(--color-flame) 14%, transparent), transparent 75%);filter:blur(8px);height:64px;position:absolute}.ah-ground{inset:var(--horizon) 0 0 0;background:radial-gradient(ellipse 70% 60% at 60% 100%, color-mix(in oklab, var(--color-flame-deep) 9%, transparent), transparent 70%), linear-gradient(180deg, var(--color-night-3), color-mix(in oklab, var(--color-night-3) 70%, var(--color-black)));position:absolute}.ah-light{left:var(--x);top:var(--y);width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);--c:var(--color-flame);transition:transform .4s,filter .4s;position:absolute}.ah-light:before{content:"";width:calc(var(--s) * 5);height:calc(var(--s) * 1.4);background:radial-gradient(closest-side, color-mix(in oklab, var(--c) 22%, transparent), transparent);border-radius:50%;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.ah-red{--c:var(--color-flame-deep)}.ah-near{filter:blur(1.5px)}.ah-flicker{background:radial-gradient(circle, var(--color-flame-core) 0 26%, var(--c) 48%, transparent 74%);width:100%;height:100%;box-shadow:0 0 calc(var(--s) * 2) calc(var(--s) * .5) color-mix(in oklab, var(--c) 30%, transparent);opacity:var(--o);animation:ah-flicker var(--d) ease-in-out var(--delay) infinite alternate;border-radius:50%;display:block}@keyframes ah-flicker{0%{opacity:var(--o);transform:scale(1)}35%{opacity:calc(var(--o) * .78);transform:scale(.93)}65%{opacity:calc(var(--o) * .96);transform:scale(1.04)}to{opacity:calc(var(--o) * .86);transform:scale(.97)}}.ah-active{z-index:1;transform:scale(2.4)}.ah-active .ah-flicker{--o:1}.ah-lit{animation:2.6s cubic-bezier(.2,.7,.2,1) both ah-ignite}.ah-lit:after{content:"";background:radial-gradient(closest-side, transparent 45%, color-mix(in oklab, var(--color-flame) 35%, transparent) 70%, transparent);border-radius:50%;animation:2.8s ease-out .15s both ah-ripple;position:absolute;inset:0}@keyframes ah-ignite{0%{filter:brightness();transform:scale(0)}25%{filter:brightness(1.8);transform:scale(3)}to{filter:brightness();transform:scale(1)}}@keyframes ah-ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(12)}}.ah-shade{background:linear-gradient(100deg, color-mix(in oklab, var(--color-night) 82%, transparent) 0%, color-mix(in oklab, var(--color-night) 45%, transparent) 42%, transparent 66%);position:absolute;inset:0}@media (max-width:960px){.ah-shade{background:linear-gradient(180deg, color-mix(in oklab, var(--color-night) 50%, transparent) 0%, transparent 40%)}}.ah-panel{background:color-mix(in oklab, var(--color-night) 58%, transparent);border:1px solid color-mix(in oklab, var(--color-on-night) 12%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2)}.ah-feed{-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.ah-greeting{grid-template-rows:1fr;display:grid}.ah-enter{animation:1.1s cubic-bezier(.2,.7,.2,1) both ah-enter}@keyframes ah-enter{0%{opacity:0;grid-template-rows:0fr}45%{opacity:0}to{opacity:1;grid-template-rows:1fr}}.ah-leave{animation:.7s ease-in both ah-leave}@keyframes ah-leave{0%{opacity:1;grid-template-rows:1fr}to{opacity:0;grid-template-rows:0fr}}
