:root{--bg:#07080a;--fg:#e4e7ea;--mute:#8d949b;--glow:#e9a84c;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;background:var(--bg);color:var(--fg);font:400 1rem/1.6 Hanken Grotesk,system-ui,sans-serif}#stage{position:relative;height:1700vh}#sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07080a8c,#07080a00 30%,#07080a00 55%,#07080acc)}nav{position:fixed;left:0;right:0;top:0;z-index:5;display:flex;justify-content:space-between;padding:calc(1.1rem + env(safe-area-inset-top,0px)) clamp(1.2rem,4vw,3rem) 1rem;font-size:.95rem}nav a{color:var(--fg);text-decoration:none;margin-left:1.6rem;opacity:.8}nav a:hover,nav a:focus-visible{opacity:1;color:var(--glow);outline:none}nav .n{font-family:"Instrument Serif",Georgia,serif;font-size:1.35rem;margin:0;opacity:1}.cap{position:absolute;left:clamp(1.2rem,4vw,3rem);right:clamp(1.2rem,4vw,3rem);bottom:clamp(2.5rem,9vh,6rem);max-width:46rem;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s;pointer-events:none}.cap.on{opacity:1;transform:none;pointer-events:auto}.cap h1,.cap h2{font:400 clamp(2.6rem,8vw,6.5rem)/.98 "Instrument Serif",Georgia,serif;margin:0 0 1rem;letter-spacing:-.01em}.cap h2{font-size:clamp(2.1rem,5.6vw,4.4rem)}.cap p{margin:0;max-width:34rem;color:#c3c8cd}.cap a{color:var(--glow);text-decoration:none;border-bottom:1px solid currentColor;margin-right:1.4rem}.cap a:focus-visible{outline:2px solid var(--glow);outline-offset:3px}#bar{position:fixed;left:0;top:0;height:2px;width:100%;background:var(--glow);transform-origin:0 0;transform:scaleX(0);z-index:6}#load{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;background:var(--bg);display:grid;place-items:center;transition:opacity .6s}#load span{font:italic 1.6rem "Instrument Serif",Georgia,serif;color:var(--mute)}#hint{position:absolute;left:50%;bottom:1.4rem;transform:translate(-50%);font-size:.85rem;color:var(--mute);transition:opacity .4s}.cap{z-index:2}#blk{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;z-index:1;pointer-events:none}#hc{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;visibility:hidden}#hveil{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none;z-index:4;opacity:0}#panel{position:absolute;top:50%;z-index:5;width:min(26rem,42vw);padding:1.6rem;border:1px solid rgba(56,232,255,.45);background:#020e109e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:translateY(-46%);transition:opacity .5s,transform .5s}#panel.on{opacity:1;transform:translateY(-50%)}#panel.l{left:clamp(1rem,4vw,3rem)}#panel.r{right:clamp(1rem,4vw,3rem)}#panel h2{font:400 clamp(1.9rem,3.4vw,2.8rem)/1.05 "Instrument Serif",Georgia,serif;margin:0 0 .7rem}#panel p{margin:0 0 1rem;color:#b5cac9}#tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.1rem}#tags span{border:1px solid rgba(56,232,255,.4);padding:.1rem .6rem;font-size:.82rem;color:#38e8ff}#panel a{color:#38e8ff;text-decoration:none;border-bottom:1px solid currentColor}#panel a:focus-visible{outline:2px solid #38e8ff;outline-offset:3px}@media (max-width:700px){#panel{top:auto;bottom:calc(1rem + env(safe-area-inset-bottom,0px));width:auto;left:1rem!important;right:1rem!important;transform:translateY(10px)}#panel.on{transform:none}}