:root{--night:#0a090c;--cream:#f4ede1;--muted:#f4ede180;--hz:58vh;--R:4000px;--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--night)}body{color:var(--cream);-webkit-font-smoothing:antialiased;font-family:Instrument Sans,system-ui,sans-serif;overflow-x:hidden}.stage{height:420vh;position:relative}.view{height:100svh;position:sticky;top:0;overflow:hidden}.spill{left:50%;top:var(--hz);opacity:0;pointer-events:none;background:radial-gradient(50% 50%,#ff68282b,#ff682800 70%);width:150vw;height:36vh;position:absolute;transform:translate(-50%,-50%)}.rim{opacity:0;background:#e9dfcd;position:absolute;inset:0}.rim:after{content:"";background:var(--grain);mix-blend-mode:multiply;opacity:.45;background-size:220px;position:absolute;inset:0}.window{clip-path:inset(50%);position:absolute;inset:0}.scene{transform-origin:50% var(--hz);will-change:transform;background:#050a17;position:absolute;inset:0}.sky{background:linear-gradient(180deg, #040a18 0, #0b1d3d calc(var(--hz)*.24), #1d467e calc(var(--hz)*.5), #4d7fbd calc(var(--hz)*.7), #8fb0d8 calc(var(--hz)*.84), #bdb6d0 calc(var(--hz)*.92), #e2a590 calc(var(--hz)*.975), #f58a52 var(--hz));position:absolute;inset:0}.glow{background:radial-gradient(ellipse 55% 20% at 50% var(--hz),#ff8c508c,#ff8c5000 70%);position:absolute;inset:0}.lift{opacity:0;mix-blend-mode:screen;background:radial-gradient(ellipse 80% 60% at 50% var(--hz),#ffc49652,#ffc49600 70%);position:absolute;inset:0}.sun{left:50%;top:var(--hz);background:radial-gradient(circle,#fffaf0 0,#fff1d8 45%,#ffdcaa00 72%);border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute}.earth{left:50%;top:var(--hz);width:calc(var(--R)*2);height:calc(var(--R)*2);margin-left:calc(var(--R)*-1);background:linear-gradient(#5c1f0c 0,#2c130b 14px,#160c09 80px,#0c0807 260px);border-radius:50%;position:absolute;box-shadow:0 -1px #ffa064f2,0 -3px 7px #ff5a1ed9,0 -16px 42px #ff6e3261}.bloom{left:50%;top:var(--hz);opacity:0;mix-blend-mode:screen;pointer-events:none;background:radial-gradient(circle,#fff4e4f2 0,#ffce968c 2.5%,#ff965033 12%,#ff8c4b0f 28%,#ff824600 50%);width:1100px;height:1100px;margin:-550px 0 0 -550px;position:absolute}.flare{left:50%;top:var(--hz);opacity:0;mix-blend-mode:screen;background:radial-gradient(50% 50%,#ffd6aab3,#ffa05a2e 40%,#ff8c4600 70%);width:160vw;height:60px;margin:-30px 0 0 -80vw;position:absolute}.limb{left:50%;top:var(--hz);opacity:0;mix-blend-mode:screen;background:radial-gradient(50% 50%,#ffecd2e6,#ffaa6459 35%,#ff8c4600 70%);width:420px;height:26px;margin:-13px 0 0 -210px;position:absolute}.night{background:linear-gradient(180deg,#050a15 0,#080c18 var(--hz),#0b0807 100%);transition:opacity 3.4s cubic-bezier(.45,0,.2,1) .5s;position:absolute;inset:0}.loaded .night{opacity:0}.scene:after{content:"";background:var(--grain);mix-blend-mode:overlay;opacity:.6;pointer-events:none;background-size:220px;position:absolute;inset:0}.mark,.tag,.below{left:50%;top:var(--hz);text-align:center;pointer-events:none;position:absolute}.mark{font-optical-sizing:auto;letter-spacing:-.025em;white-space:nowrap;opacity:0;font-family:Fraunces,Georgia,serif;font-size:clamp(64px,10.5vw,168px);font-weight:400;line-height:1;transform:translate(-50%,-56%)}.tag{letter-spacing:-.025em;opacity:0;width:min(92vw,1100px);transform:translate(-50%,calc(-100% - .7em + var(--rise,0px)));text-shadow:0 1px 30px #0a143240;font-family:Fraunces,Georgia,serif;font-size:clamp(33px,6vw,100px);font-weight:350;line-height:1.02}.below{flex-direction:column;align-items:center;gap:22px;width:min(88vw,640px);display:flex;transform:translate(-50%,34px)}.note{letter-spacing:-.005em;color:#f4ede1d1;text-wrap:balance;opacity:0;transform:translateY(var(--rise,0px));font-family:Fraunces,Georgia,serif;font-size:clamp(19px,1.9vw,27px);font-style:italic;font-weight:350;line-height:1.3}.hint{opacity:0;background:#f4ede129;width:1px;height:46px;margin-left:-.5px;position:absolute;bottom:26px;left:50%;overflow:hidden}.hint:after{content:"";background:linear-gradient(#f4ede100,#f4ede1d9);width:1px;height:50%;animation:2.2s cubic-bezier(.6,0,.3,1) infinite cue;position:absolute;top:-50%;left:0}@keyframes cue{to{top:100%}}.film{background:var(--grain);mix-blend-mode:overlay;opacity:.13;pointer-events:none;z-index:5;background-size:220px;animation:1s steps(6,end) infinite film;position:fixed;inset:-50%}@keyframes film{0%{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-4%)}60%{transform:translate(-4%,-1%)}80%{transform:translate(3%,3%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.film,.hint:after{animation:none}.night{transition:none}}