:root{--bg: #0a0a0a;--bg-2: #050505;--panel: #111110;--fg: #e8e6e1;--fg-dim: #6a6863;--fg-faint: #3a3936;--accent: #c8884a;--rule: rgba(232, 230, 225, .08);--rule-2: rgba(232, 230, 225, .14);--font-display: "Fraunces", "Times New Roman", serif;--font-body: "EB Garamond", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--pad: clamp(20px, 2.4vw, 36px);--cover-w: clamp(320px, 60vw, 1100px);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}html{scroll-behavior:smooth}body{font-family:var(--font-mono);font-size:13px;line-height:1.55;letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}::selection{background:var(--accent);color:var(--bg)}html:has(dialog.studio[open]),body:has(dialog.studio[open]){overflow:hidden}.corner{position:fixed;z-index:50;font-family:var(--font-mono);font-size:12px;line-height:1.5;color:var(--fg);pointer-events:none}.corner a,.corner button{pointer-events:auto}.corner.tl{top:var(--pad);left:var(--pad)}.corner.tr{top:var(--pad);right:var(--pad);text-align:right}.corner.bl{bottom:var(--pad);left:var(--pad);max-width:320px}.corner.br{bottom:var(--pad);right:var(--pad);text-align:right}.label{color:var(--fg-dim);display:block;margin-bottom:8px}.wordmark{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;color:var(--fg)}.wordmark .em{color:var(--fg-dim)}.position{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;font-variant-numeric:tabular-nums;display:inline-flex;align-items:baseline;gap:2px;color:var(--fg)}.position-current{display:inline-block;min-width:1.6em;text-align:right;transition:color .22s var(--ease-out)}.position-current.bumped{color:var(--accent)}.position-sep{color:var(--fg-faint);padding:0 4px}.position-total{color:var(--fg-dim)}.hero{min-height:100vh;display:grid;place-items:center;padding:120px var(--pad) 80px;position:relative}.hero-stage{width:var(--cover-w);aspect-ratio:1200 / 630;position:relative}.hero-canvas{width:100%;height:100%;display:block;background:#0a0a0a}.hero-caption{position:absolute;left:0;bottom:-32px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--fg-dim)}.hero-caption .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:middle;animation:pulse 2s ease-in-out infinite}.hero-caption.frozen .dot{background:var(--fg-faint);animation:none}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.gallery{display:flex;flex-direction:column;align-items:center;gap:18vh;padding:14vh var(--pad) 14vh}.cover-slot{appearance:none;background:transparent;border:0;margin:0;padding:0;font:inherit;color:inherit;text-align:left;width:var(--cover-w);aspect-ratio:1200 / 630;position:relative;cursor:pointer;opacity:0;transform:translateY(24px);transition:opacity 1.1s var(--ease-out),transform .5s var(--ease-out);will-change:transform,opacity}.cover-slot.in{opacity:1;transform:translateY(0)}.cover-slot:hover{transform:translateY(-4px)}.cover-slot:focus-visible{outline:1px solid var(--accent);outline-offset:8px}.cover-canvas{width:100%;height:100%;display:block;background:#0a0a0a;box-shadow:0 0 0 1px #e8e6e10a;transition:box-shadow .35s var(--ease-out),filter .35s var(--ease-out)}.cover-slot:hover .cover-canvas{box-shadow:0 0 0 1px #e8e6e11f,0 30px 70px -30px #000c;filter:brightness(1.04)}.cover-meta{position:absolute;left:0;bottom:-34px;display:flex;gap:16px;align-items:baseline;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--fg-dim);pointer-events:none}.cover-meta .n{color:var(--fg-faint)}.cover-meta .t{color:var(--fg)}.cover-slot.loading:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,rgba(255,255,255,.015) 0 2px,transparent 2px 6px);pointer-events:none}dialog.studio{border:none;padding:0;background:transparent;max-width:min(1180px,94vw);max-height:92vh;width:100%;color:var(--fg);overflow:visible}dialog.studio::backdrop{background:#05050500}dialog.studio[open]::backdrop{background:#050505b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:backdrop-in .32s var(--ease-out)}@keyframes backdrop-in{0%{background:#05050500;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}.studio-inner{position:relative;background:var(--panel);border:1px solid var(--rule);box-shadow:0 50px 120px -30px #000000d9,0 10px 30px -10px #00000080;display:grid;grid-template-columns:1fr 340px;overflow:hidden}dialog.studio[open] .studio-inner{animation:studio-in .44s var(--ease-out) both}@keyframes studio-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.studio-stage{background:var(--bg);padding:32px 32px 22px;display:flex;flex-direction:column;justify-content:center;gap:18px;min-width:0}.stage-frame{position:relative;width:100%;aspect-ratio:1200 / 630;background:#0a0a0a;box-shadow:0 0 0 1px var(--rule);overflow:hidden}.stage-frame canvas{position:absolute;inset:0;width:100%;height:100%;display:block;transition:opacity .42s var(--ease-out)}.stage-frame canvas.stage-prev{z-index:1;opacity:1}.stage-frame canvas.stage-next{z-index:2;opacity:0}.stage-frame canvas.stage-next.is-shown{opacity:1}.stage-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:#e8e6e10f;overflow:hidden;z-index:3;opacity:0;transition:opacity .2s ease}.stage-progress.is-active{opacity:1}.stage-meta{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono);font-size:11px;color:var(--fg-dim);letter-spacing:.04em}.stage-meta .n{color:var(--fg-faint);margin-right:10px}.stage-meta .t,.stage-meta .v{color:var(--fg)}.studio-panel{padding:32px 30px;display:flex;flex-direction:column;gap:22px;border-left:1px solid var(--rule);min-width:0;max-height:min(92vh,760px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--fg-faint) transparent}.studio-panel::-webkit-scrollbar{width:6px}.studio-panel::-webkit-scrollbar-thumb{background:var(--fg-faint);border-radius:3px}.panel-head{display:flex;flex-direction:column;gap:6px}.panel-num{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim)}.panel-title{font-family:var(--font-display);font-weight:400;font-size:30px;line-height:1.05;margin:0;letter-spacing:-.005em;color:var(--fg)}.panel-subtitle{font-family:var(--font-display);font-style:italic;font-size:14px;color:var(--fg-dim);margin:0;line-height:1.4}.panel-body{font-family:var(--font-body);font-size:15.5px;line-height:1.55;color:var(--fg);opacity:.88;margin:0}.info{display:flex;flex-direction:column;gap:0}.info-trigger{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:transparent;border:none;padding:4px 0;cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim);transition:color .2s var(--ease-out)}.info-trigger:hover,.info-trigger:focus-visible{color:var(--accent);outline:none}.info-icon{flex:0 0 auto;transition:transform .32s var(--ease-spring)}.info-trigger:hover .info-icon{transform:scale(1.1)}.info-label{flex:0 0 auto}.info-chevron{font-size:12px;line-height:1;transition:transform .36s var(--ease-spring);color:var(--fg-faint)}.info-trigger[aria-expanded=true] .info-chevron{transform:rotate(180deg);color:var(--fg-dim)}.info-drawer{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .46s var(--ease-out),opacity .28s var(--ease-out),margin-top .46s var(--ease-out);margin-top:0}.info-drawer-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:14px}.info.is-open .info-drawer{grid-template-rows:1fr;opacity:1;margin-top:14px}.info.is-open .info-drawer{transition-delay:0ms,80ms,0ms}.panel-refs{font-family:var(--font-mono);font-size:10px;color:var(--fg-dim);letter-spacing:.06em;line-height:1.5;margin:0;padding-top:14px;border-top:1px solid var(--rule)}.panel-refs:before{content:"Ref. ";color:var(--fg-faint)}.seed-row{display:flex;flex-direction:column;gap:8px}.seed-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.seed-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-dim)}.seed-shuffle{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:2px 0;cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-dim);transition:color .18s var(--ease-out),transform .18s var(--ease-out)}.seed-shuffle svg{transition:transform .32s var(--ease-spring)}.seed-shuffle:hover{color:var(--accent)}.seed-shuffle:hover svg{transform:rotate(180deg)}.seed-shuffle:active{transform:scale(.96)}.seed-shuffle.is-spinning svg{animation:shuffle-spin .52s var(--ease-spring)}@keyframes shuffle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.seed-input{font-family:var(--font-mono);font-size:14px;background:transparent;border:none;border-bottom:1px solid var(--rule-2);padding:10px 0 8px;color:var(--fg);outline:none;transition:border-color .22s var(--ease-out),padding .22s var(--ease-out)}.seed-input:focus{border-bottom-color:var(--accent);padding-bottom:7px}.btn-row{display:flex;gap:10px;margin-top:2px}.btn{flex:1;position:relative;overflow:hidden;background:transparent;border:1px solid var(--rule-2);color:var(--fg);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:13px 16px;cursor:pointer;transition:background .22s var(--ease-out),color .22s var(--ease-out),border-color .22s var(--ease-out),transform .12s var(--ease-out)}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn:active{transform:scale(.985)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn[disabled]:hover{border-color:var(--rule-2);color:var(--fg)}.btn-primary{background:var(--fg);border-color:var(--fg);color:var(--bg)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.btn .default-label,.btn .saved-label{display:inline-block;transition:opacity .24s var(--ease-out),transform .24s var(--ease-out)}.btn .saved-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--bg);opacity:0;transform:translateY(8px)}.btn.is-saved .saved-label{opacity:1;transform:translateY(0)}.btn.is-saved .default-label{opacity:0;transform:translateY(-6px)}.studio-close{position:absolute;top:14px;right:14px;width:32px;height:32px;background:transparent;border:1px solid var(--rule-2);border-radius:50%;color:var(--fg);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .32s var(--ease-spring)}.studio-close:hover{background:var(--fg);border-color:var(--fg);color:var(--bg);transform:rotate(90deg)}.corner{opacity:0;animation:fadeIn 1.2s ease .4s forwards}.corner.tl{animation-delay:.5s}.corner.tr{animation-delay:.7s}.corner.bl{animation-delay:.9s}.corner.br{animation-delay:1s}@keyframes fadeIn{to{opacity:1}}@media(max-width:980px){.studio-inner{grid-template-columns:1fr;max-height:92vh;overflow-y:auto}.studio-panel{border-left:none;border-top:1px solid var(--rule);max-height:none}}@media(max-width:720px){:root{--pad: 16px;--cover-w: calc(100vw - 32px) }.corner.bl,.corner.br{display:none}body{font-size:11px}.studio-stage{padding:18px 18px 14px}.studio-panel{padding:22px 20px}.panel-title{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover-slot{transition:none;opacity:1;transform:none}.cover-slot:hover{transform:none}.corner{animation:none;opacity:1}.hero-caption .dot{animation:none}dialog.studio[open] .studio-inner,dialog.studio[open]::backdrop{animation:none}.stage-frame canvas{transition:none}.seed-shuffle.is-spinning svg{animation:none}.info-drawer,.info-icon,.info-chevron{transition:none}}