:root{--ink:#050608;--ink-2:#0a0c0f;--bone:#e3dac7;--bone-2:#b9b09d;--dim:#6f6a60;--ember:#ff5a1f;--ember-2:#ffa25a;--moon:#9fb3c8;--rule:#e3dac724;--fell:"IM Fell English", "Iowan Old Style", Georgia, serif;--fell-sc:"IM Fell English SC", "IM Fell English", Georgia, serif;--text:"Spectral", Georgia, serif;--mono:"Cutive Mono", ui-monospace, monospace;--mx:50vw;--my:50vh;--gut:clamp(16px, 5vw, 72px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--ink);-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:#2a2622 var(--ink)}body{background:var(--ink);color:var(--bone);font-family:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:clamp(17px,1.15vw + 10px,21px);font-weight:300;line-height:1.6;overflow-x:hidden}@media (hover:hover) and (pointer:fine){body,a,button{cursor:none}}::selection{background:var(--ember);color:var(--ink)}a{color:inherit}em{font-style:italic}.defs{position:absolute}.grain{z-index:60;pointer-events:none;opacity:.07;will-change:transform;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 -0.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.9s steps(6,end) infinite grain;position:fixed;inset:-6%}@keyframes grain{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)}}.lamp{z-index:0;pointer-events:none;will-change:transform;background:radial-gradient(circle closest-side,#ffc48c0e,#0000);width:1040px;height:1040px;position:fixed;top:0;left:0}.flash{z-index:55;pointer-events:none;opacity:0;will-change:opacity;background:radial-gradient(at 50% 20%,#c9d7ff8c,#6a7ea833 60%,#0000);position:fixed;inset:0}.cursor{z-index:80;pointer-events:none;opacity:0;will-change:transform;border:1px solid #e3dac759;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;transition:width .35s,height .35s,margin .35s,border-color .35s,opacity .3s;position:fixed;top:0;left:0}.cursor i{background:var(--ember-2);border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%;box-shadow:0 0 10px 2px #ff6e28cc}.cursor.on{opacity:1}.cursor.hot{border-color:#ff5a1fb3;width:64px;height:64px;margin:-32px 0 0 -32px}@media not ((hover:hover) and (pointer:fine)){.cursor{display:none}}.bar{z-index:50;padding:22px var(--gut);pointer-events:none;text-shadow:0 0 12px #000000e6;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.bar>*{pointer-events:auto}.bar:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#050608d9,#05060866 60%,#0000);position:absolute;inset:0 0 -30px}.mark{font-family:var(--fell-sc);letter-spacing:.08em;color:var(--bone);font-size:1.15rem;text-decoration:none}.mark em{font-family:var(--fell);text-transform:lowercase;letter-spacing:0}.bar nav{align-items:center;gap:clamp(14px,3vw,36px);display:flex}.sound,.play-link{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bone);background:0 0;border:0;border-bottom:1px solid #0000;padding:6px 0;font-size:.8rem;text-decoration:none;transition:border-color .3s}.sound:hover,.play-link:hover{border-bottom-color:currentColor}.sound span{text-align:left;opacity:.6;min-width:2.2em;display:inline-block}.hero{height:260vh;height:260svh;position:relative}.stage{height:100vh;background:radial-gradient(ellipse at 50% 40%, #0d1117, var(--ink) 70%);height:100svh;position:sticky;top:0;overflow:hidden}#wraith{opacity:0;width:100%;height:100%;transition:opacity 2.4s;display:block;position:absolute;inset:0}.ready #wraith{opacity:1}.haunt{text-align:center;font-family:var(--fell);letter-spacing:-.012em;color:var(--bone);filter:url(#ink);text-shadow:0 0 40px #000000e6,0 0 2px #0009;pointer-events:none;will-change:transform, opacity;margin:0;font-size:clamp(3.4rem,9.4vw,10.5rem);font-style:italic;font-weight:400;line-height:.92;position:absolute;top:clamp(64px,9vh,110px);left:0;right:0}.haunt .line{white-space:nowrap}.haunt .ch{opacity:0;filter:blur(14px);display:inline-block;transform:translateY(.12em)scale(1.04)}.ready:not(.gl) .haunt .ch{animation:2.6s cubic-bezier(.2,.7,.1,1) forwards rise,7s linear infinite gutter;animation-delay:var(--d), calc(var(--d) + 3s + var(--g))}@keyframes rise{60%{filter:blur()}to{opacity:1;filter:blur();transform:none}}@keyframes gutter{0%,91%,to{opacity:1}92%{opacity:.35}93%{opacity:.9}95%{opacity:.2}97%{opacity:1}}.haunt .for{color:var(--ember);text-shadow:0 0 30px #ff461459,0 0 2px #0009}@media (max-width:760px){.haunt .line{display:block}.haunt{font-size:clamp(3.2rem,17vw,6rem);top:78px}}.whisper{text-align:center;width:min(90vw,780px);font-family:var(--fell);color:var(--bone);opacity:0;text-shadow:0 0 24px #000,0 0 60px #000;pointer-events:none;will-change:opacity, transform;margin:0;font-size:clamp(1.4rem,2.6vw,2.4rem);font-style:italic;line-height:1.2;position:absolute;bottom:13vh;left:50%;transform:translate(-50%)}.cue{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--dim);opacity:0;flex-direction:column;align-items:center;gap:10px;font-size:.72rem;transition:opacity 1.5s 4s;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.ready .cue{opacity:1}.cue i{background:linear-gradient(var(--dim), transparent);transform-origin:top;width:1px;height:46px;animation:2.4s ease-in-out infinite drip}@keyframes drip{0%{opacity:1;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.loader{font-family:var(--fell);color:var(--dim);place-items:center;font-size:1.15rem;font-style:italic;transition:opacity 1.2s;display:grid;position:absolute;inset:0}.loader span{animation:2.2s ease-in-out infinite breathe}.ready .loader{opacity:0;pointer-events:none}@keyframes breathe{50%{opacity:.3}}.nogl .loader span:after{content:" — but it went out. Your browser can’t draw him."}.whisper.last{bottom:calc(13vh + 96px)}.summon{width:max-content;font-family:var(--fell-sc);letter-spacing:.14em;color:var(--ink);background:var(--ember);clip-path:polygon(0 12%,4% 0,96% 0,100% 12%,100% 88%,96% 100%,4% 100%,0 88%);opacity:0;visibility:hidden;will-change:opacity, transform;margin:0 auto;padding:22px 52px;font-size:clamp(1.15rem,1.6vw,1.45rem);text-decoration:none;transition:background .4s,box-shadow .4s,translate .4s;position:absolute;bottom:10vh;left:0;right:0;box-shadow:0 0 0 1px #ff5a1f80,0 0 60px #ff5a1f40}.summon:hover,.summon:focus-visible{background:var(--ember-2);outline:none;translate:0 -2px}.foot{padding:32px var(--gut) 40px;border-top:1px solid var(--rule);color:var(--dim);z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 32px;font-size:.82rem;display:flex;position:relative}.foot .mark{color:var(--bone-2);font-size:1rem}.foot a{color:var(--bone-2);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:3px}.foot a:hover{color:var(--ember);text-decoration-color:currentColor}:focus-visible{outline:1px solid var(--ember);outline-offset:4px}@media (prefers-reduced-motion:reduce){.grain,.ready .haunt .ch,.cue i{animation:none!important}.ready .haunt .ch{opacity:1;filter:none;transform:none}}.gl .haunt{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden}
