*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:#0b0a09;color:#e8e2d6;font-family:Cormorant Garamond,serif;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;justify-content:center;padding:18px 20px 0;pointer-events:none;background:linear-gradient(to bottom,#0b0a09 30%,transparent)}header h1{font-family:UnifrakturMaguntia,serif;font-weight:400;font-size:clamp(1.4rem,3.5vw,2.1rem);line-height:1}header h1 .half{color:#a41f1f}.note{height:100dvh;display:flex;align-items:center;justify-content:center;text-align:center;font-family:IBM Plex Mono,monospace;font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#9a927f;line-height:2.4;padding:20px}.note code{color:#e8e2d6;border:1px solid #2a2723;padding:.2em .6em}#rail{position:fixed;right:clamp(14px,3vw,44px);top:50%;transform:translateY(-50%);z-index:40;text-align:right;pointer-events:none}#railYear{font-family:UnifrakturMaguntia,serif;font-size:clamp(1.6rem,4vw,2.8rem);color:#a41f1f;transition:opacity .3s}#railPos{margin-top:.7em;font-family:IBM Plex Mono,monospace;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:#9a927f}#railBar{margin:1em 0 0 auto;width:1px;height:26vh;background:#2a2723;position:relative}#railFill{position:absolute;top:0;left:0;width:100%;height:0%;background:#a41f1f;transition:height .25s}#hint{position:fixed;bottom:3.5vh;left:50%;transform:translate(-50%);z-index:40;font-family:IBM Plex Mono,monospace;font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;color:#9a927f;pointer-events:none;animation:sink 2.2s ease-in-out infinite}@keyframes sink{0%,to{transform:translate(-50%);opacity:.9}50%{transform:translate(-50%,7px);opacity:.35}}#toast{position:fixed;top:70px;left:50%;transform:translate(-50%,-200%);z-index:50;background:#a41f1f;color:#fff;border:none;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.68rem;letter-spacing:.3em;text-transform:uppercase;font-weight:500;padding:.8em 1.6em;transition:transform .5s cubic-bezier(.2,.8,.2,1)}#toast.show{transform:translate(-50%)}@media (max-width: 600px){#rail{top:auto;bottom:9vh;right:16px}#railBar{height:14vh}}#feed{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}#feed::-webkit-scrollbar{display:none}.card{min-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9vh 20px 7vh;content-visibility:auto;contain-intrinsic-size:100vh;position:relative}.card .frame{position:relative;width:min(52vh,82vw);opacity:0;transform:translateY(34px) scale(.97);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.card .frame img{display:block;width:100%;border:1px solid #2a2723;filter:grayscale(.2) contrast(1.05);transition:filter .5s}.card .frame:hover img{filter:grayscale(0) contrast(1.08)}.card .frame:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:1px solid #2a2723;pointer-events:none}.card .fresh{position:absolute;top:14px;left:50%;transform:translate(-50%);background:#a41f1f;color:#fff;z-index:2;font-family:IBM Plex Mono,monospace;font-size:.66rem;letter-spacing:.35em;text-transform:uppercase;font-weight:500;padding:.55em 1.3em .55em 1.65em;white-space:nowrap;animation:throb 1.6s ease-in-out infinite}.card .name{margin-top:3vh;text-align:center;font-style:italic;font-weight:600;font-size:clamp(2rem,5.5vw,3.8rem);line-height:1;opacity:0;transform:translateY(22px);transition:opacity .7s .08s cubic-bezier(.2,.8,.2,1),transform .7s .08s cubic-bezier(.2,.8,.2,1)}.card .name .dead{color:#a41f1f}.card .when{margin-top:1.2vh;font-family:IBM Plex Mono,monospace;font-size:.68rem;letter-spacing:.35em;text-transform:uppercase;color:#9a927f;opacity:0;transition:opacity .7s .16s}.card .cross{position:absolute;bottom:2.2vh;left:50%;transform:translate(-50%);color:#2a2723;font-size:.9rem}.card.vis .frame,.card.vis .name{opacity:1;transform:none}.card.vis .when{opacity:1}@keyframes throb{0%,to{opacity:1}50%{opacity:.55}}#watch{min-height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12vh 20px 10vh;position:relative}#watch h2{font-family:UnifrakturMaguntia,serif;font-weight:400;font-size:clamp(1.6rem,4.5vw,2.6rem);color:#b9cbd8;text-shadow:0 0 26px rgba(185,203,216,.45)}#watch .sub{margin-top:1.2vh;font-family:IBM Plex Mono,monospace;font-size:.64rem;letter-spacing:.4em;text-transform:uppercase;color:#9a927f}#watch .descend{position:absolute;bottom:3vh;left:50%;transform:translate(-50%);font-family:IBM Plex Mono,monospace;font-size:.6rem;letter-spacing:.4em;text-transform:uppercase;color:#9a927f}#ghosts{margin-top:5vh;display:grid;gap:clamp(18px,3vw,36px);grid-template-columns:repeat(auto-fit,minmax(130px,160px));justify-content:center;max-width:900px;width:100%}.ghost{text-align:center}.ghost .gframe{position:relative;overflow:hidden;animation:hover 5s ease-in-out infinite}.ghost:nth-child(2n) .gframe{animation-delay:-2.5s}.ghost:nth-child(3n) .gframe{animation-duration:6.5s}.ghost img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) brightness(1.12);opacity:.8;border:1px solid rgba(185,203,216,.25);box-shadow:0 0 22px #b9cbd847,0 0 60px #b9cbd81f;animation:seance 3.4s ease-in-out infinite}.ghost:nth-child(2n) img{animation-delay:-1.7s}.ghost img.xxx{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;clip-path:inset(0 50% 0 0);border:none;box-shadow:none;opacity:0;animation:manifest 9s ease-in-out infinite}.ghost:nth-child(2n) img.xxx{animation-delay:-3s}.ghost:nth-child(3n) img.xxx{animation-delay:-6s}.ghost .gname{margin-top:1em;font-style:italic;font-weight:600;font-size:1.05rem;color:#b9cbd8;line-height:1.15}.ghost .soon{margin-top:.5em;font-family:IBM Plex Mono,monospace;font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;color:#9a927f;animation:throb 2.8s ease-in-out infinite}@keyframes hover{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes seance{0%,to{box-shadow:0 0 22px #b9cbd847,0 0 60px #b9cbd81f}50%{box-shadow:0 0 34px #b9cbd880,0 0 90px #b9cbd838}}@keyframes manifest{0%,42%{opacity:0}58%,74%{opacity:.85}90%,to{opacity:0}}