:root{--ink:#1c1b19;--muted:#7a756b;--rule:#d9d4c8;--paper:#f7f4ee}*{box-sizing:border-box;margin:0}html,body{color:var(--ink);background:#fff}body{-webkit-font-smoothing:antialiased;background:#fff url(/paper.webp) 50%/cover fixed;font-family:Newsreader,Georgia,serif;font-weight:300}.mono{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:11px}.canvas{z-index:0;pointer-events:none;position:fixed;inset:0}.canvas canvas{display:block}.loader{z-index:10;pointer-events:none;background:var(--paper);place-items:center;font-size:2rem;font-style:italic;transition:opacity .8s .2s,visibility 0s 1s;display:grid;position:fixed;inset:0}.loader.gone{opacity:0;visibility:hidden}header{z-index:2;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);pointer-events:none;justify-content:space-between;padding:22px clamp(20px,4vw,48px);font:11px IBM Plex Mono,monospace;display:flex;position:fixed;inset:0 0 auto}main{z-index:1;position:relative}.sec{align-items:center;height:100svh;padding:0 clamp(24px,7vw,120px);display:flex}.end{text-align:center;justify-content:center}.card{max-width:440px}h1,h2{letter-spacing:-.02em;margin:12px 0 28px;font-weight:300;line-height:.95}h1{font-size:clamp(3.4rem,8vw,6.5rem);font-style:italic}h2{font-size:clamp(2.6rem,5.5vw,4.6rem)}.lede{color:#3d3a34;margin-top:24px;font-size:1.15rem;line-height:1.5}.hint{margin-top:40px}.row{border-top:1px solid var(--rule);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.row:last-child{border-bottom:1px solid var(--rule)}dd{text-align:right;font-size:1.05rem}dt{padding-top:5px}.rise{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(16px)}.on .rise{opacity:1;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(.45s + var(--i) * .12s);transform:none}@media (width<=800px){.sec{align-items:flex-end;padding-bottom:4svh}.hero{align-items:flex-end}h2{margin:6px 0 12px;font-size:2.2rem}.row{padding:4px 0}dd{font-size:.9rem}.lede{margin-top:12px;font-size:.9rem;line-height:1.4}.card{max-width:none}}@media (prefers-reduced-motion:reduce){.rise,.on .rise{transition:none;transform:none}}body.drag{-webkit-user-select:none;user-select:none;cursor:grabbing}body.overgem{cursor:grab}.swatches{gap:10px;margin:-8px 0 22px;display:flex}.swatches button{cursor:pointer;border:1px solid #00000026;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .2s;box-shadow:inset 0 -3px 6px #0000002e,inset 0 2px 3px #ffffff73}.swatches button:hover{transform:scale(1.2)}.swatches button.on{outline:1px solid var(--ink);outline-offset:3px}@media (width<=800px){.swatches{margin:0 0 12px}}