:root{--bg:#0e0e10;--bg-2:#17171b;--ink:#f4f1ea;--muted:#f4f1ea99;--line:#f4f1ea24;--brass:#d6a85c;--card:#efe6cf;--card-ink:#3b2f1e;--display:"Big Shoulders Display", "Arial Narrow", sans-serif;--sans:"IBM Plex Sans", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--edge:max(clamp(16px, 4vw, 48px), calc((100vw - 1200px) / 2));--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:radial-gradient(ellipse 60% 50% at 70% 35%, #24201a 0%, var(--bg) 70%) fixed, var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}a{color:inherit}.mono{font-family:var(--mono)}.sr-only{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.eyebrow{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin:0 0 12px;font-size:12px}.top{z-index:3;padding:22px var(--edge);justify-content:space-between;align-items:baseline;display:flex;position:absolute;inset:0 0 auto}.mark{font-family:var(--display);letter-spacing:.08em;text-transform:uppercase;font-size:24px;font-weight:800;text-decoration:none}.mark:before{content:"";background:repeating-linear-gradient(90deg, var(--brass) 0 3px, transparent 3px 6px), repeating-linear-gradient(0deg, var(--ink) 0 3px, transparent 3px 6px);border-radius:2px;width:12px;height:12px;margin-right:10px;display:inline-block}.top-note{font-family:var(--mono);color:var(--muted);font-size:12px}.stage{min-height:100svh;padding:90px var(--edge) 170px;grid-template-columns:minmax(320px,440px) 1fr;align-items:center;display:grid;position:relative}.loom{z-index:0;height:100svh;position:absolute;inset:0 0 auto}.loom canvas{width:100%;height:100%;display:block}.panel{z-index:2;max-width:440px;position:relative}h1{font-family:var(--display);letter-spacing:.005em;text-transform:uppercase;margin:0;font-size:clamp(64px,8.5vw,124px);font-weight:800;line-height:.86}.lead{color:var(--muted);margin:20px 0 0;font-size:17px}.form{border-bottom:1px solid var(--line);margin-top:28px;display:flex}.form input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;flex:1;padding:14px 0;font-size:22px}.form input::placeholder{color:var(--muted)}.form input:focus{outline:none}.form button{color:var(--brass);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0 4px 0 16px;font-size:15px;font-weight:700}.form:focus-within{border-color:var(--brass)}.binary{min-height:1.5em;font-family:var(--mono);color:var(--muted);overflow-wrap:anywhere;margin:10px 0 0;font-size:12px}.palettes{gap:10px;margin-top:22px;display:flex}.swatch{background:repeating-linear-gradient(90deg, var(--warp) 0 4px, transparent 4px 8px), var(--weft);cursor:pointer;border:2px solid #0000;border-radius:50%;width:34px;height:34px;padding:0;transition:transform .2s}.swatch:hover{transform:scale(1.08)}.swatch[aria-checked=true]{border-color:var(--ink)}.actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.side{min-height:1.5em;color:var(--brass);margin:12px 0 0;font-size:14px}.loom canvas{touch-action:pan-y}.ghost{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:12px 20px;font-size:14px;transition:border-color .2s,opacity .2s}.ghost:hover:not(:disabled){border-color:var(--brass)}.ghost:disabled{opacity:.4;cursor:default}.card{left:var(--edge);z-index:2;background:var(--card);width:min(440px,100% - 32px);color:var(--card-ink);border-radius:6px 22px 6px 6px;padding:12px 18px 16px;position:absolute;bottom:32px;box-shadow:0 18px 40px -20px #000c}.card-head{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;margin-bottom:10px;font-size:11px;display:flex}.card-holes{grid-template-columns:repeat(64,1fr);gap:1px;display:grid}.card-holes span{aspect-ratio:1/1.6;background:#3b2f1e1f;border-radius:2px;transition:background 80ms}.card-holes span.punched{background:#1a140b}.cosmos{z-index:0;pointer-events:none;position:fixed;inset:0}.cosmos canvas{width:100%;height:100%;display:block}main,.footer{z-index:1;position:relative}.story{max-width:1200px;margin:0 auto;padding:clamp(80px,12vw,160px) clamp(16px,4vw,48px) clamp(80px,10vw,140px);position:relative}.story-head{text-align:center;max-width:640px;margin:0 auto}.story h2{max-width:14ch;font-family:var(--display);text-transform:uppercase;margin:0 auto;font-size:clamp(48px,6.5vw,88px);font-weight:800;line-height:.9}.thread-line{background:repeating-linear-gradient(#f4f1ea2e 0 6px,#0000 6px 10px);width:2px;position:absolute;top:clamp(300px,34vw,420px);bottom:60px;left:50%;translate:-1px}.thread-fill{width:100%;height:calc(var(--progress,0) * 100%);background:linear-gradient(180deg, var(--brass), #f1cf8e);display:block;box-shadow:0 0 12px #d6a85c99}.timeline{margin:clamp(80px,10vw,140px) 0 0;padding:0;list-style:none;position:relative}.era{grid-template-columns:1fr 1fr;align-items:center;min-height:62svh;display:grid;position:relative}.knot{border:2px solid var(--brass);background:var(--bg);border-radius:50%;width:18px;height:18px;transition:background .4s,box-shadow .4s;position:absolute;top:50%;left:50%;translate:-50% -50%}.era.in .knot{background:var(--brass);box-shadow:0 0 0 6px #d6a85c2e}.era-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e0e10b8;border-radius:4px;max-width:420px;padding:26px 28px;transition:opacity .9s cubic-bezier(.22,1,.36,1),translate .9s cubic-bezier(.22,1,.36,1)}.era:nth-child(odd) .era-card{grid-column:1;justify-self:end;margin-right:56px}.era:nth-child(2n) .era-card{grid-column:2;justify-self:start;margin-left:56px}.era-prop{grid-row:1;place-self:center;width:260px;height:260px}.era:nth-child(odd) .era-prop{grid-column:2}.era:nth-child(2n) .era-prop{grid-column:1}.era.waiting:nth-child(odd) .era-card{opacity:0;translate:-70px}.era.waiting:nth-child(2n) .era-card{opacity:0;translate:70px}.year{font-family:var(--mono);color:var(--brass);font-size:13px}.era h3{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;margin:8px 0 0;font-size:34px;font-weight:700}.era p{color:var(--muted);margin:10px 0 0;font-size:15px}.footer{border-top:1px solid var(--line);color:var(--muted);padding:28px clamp(16px,4vw,48px) 36px;font-size:13px}@media (width<=900px){.stage{min-height:0;padding:80px 16px 24px;display:block}.loom{height:62svh;margin:24px -16px 0;position:relative}.panel{max-width:none}.card{width:100%;margin-top:12px;position:relative;bottom:auto;left:auto;translate:none}.card-holes{gap:1px}.thread-line,.knot{left:20px}.era{grid-template-columns:1fr;min-height:0;padding:28px 0}.era:nth-child(n) .era-card{grid-column:1;justify-self:stretch;margin:0 0 0 44px}.era-prop{display:none}}@media (width<=560px){.top-note{display:none}}