:root{--bg: #0a0b0d;--surface: #101216;--surface-2: #16191f;--line: #23272f;--line-strong: #333944;--text: #f4f5f7;--text-dim: #9aa0ab;--text-faint: #5b616c;--text-ghost: #363b44;--accent: #42f5e9;--accent-dim: color-mix(in oklab, var(--accent) 55%, var(--bg));--accent-ghost: color-mix(in oklab, var(--accent) 16%, transparent);--accent-ink: #06121a;--ok: #5be3a7;--warn: #e3b85b;--error: #e36a6a;--r-0: 0px;--r-1: 2px;--r-2: 4px;--r-3: 8px;--font-display: "Hanken Grotesk", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-inout: cubic-bezier(.4, 0, .2, 1);--glow-art: 0 0 90px -24px var(--accent-ghost), 0 0 0 1px var(--line);--container: 1280px;--gutter: clamp(20px, 5vw, 64px);--z-sticky: 100;--z-header: 200;--z-sheet: 300;--z-modal: 400}[data-palette=neon],[data-palette=ink]{--accent: #42f5e9}[data-palette=gilded]{--accent: #ffd166;--accent-ink: #1a1206}[data-palette=toxic]{--accent: #97ff4a;--accent-ink: #0a1505}[data-palette=blood]{--accent: #ff2753;--accent-ink: #1c0509}[data-palette=glacier]{--accent: #7ee2ff;--accent-ink: #04121a}[data-palette]{--accent-dim: color-mix(in oklab, var(--accent) 55%, var(--bg));--accent-ghost: color-mix(in oklab, var(--accent) 16%, transparent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:.9375rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{max-width:100%;display:block}canvas{display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.dim{color:var(--text-dim)}.display{font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,5.5vw,4rem);letter-spacing:-.025em;line-height:1.08;text-wrap:balance}.data-xl{font-family:var(--font-mono);font-weight:500;font-size:clamp(1.5rem,4vw,3rem);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.mini-label{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}section{position:relative}.mint,.mechanics,.lore,.gallery{padding-block:clamp(96px,14vw,192px)}.sec-head{max-width:760px;margin-bottom:clamp(40px,6vw,72px)}.sec-tag{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.2em;color:var(--text-faint);margin-bottom:20px}.sec-sub{color:var(--text-dim);font-size:clamp(1rem,1.4vw,1.125rem);max-width:60ch;margin-top:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;height:48px;font-family:var(--font-body);font-weight:500;font-size:.9375rem;border:1px solid var(--line-strong);border-radius:var(--r-2);background:var(--surface);color:var(--text);transition:background .16s var(--ease-inout),border-color .16s var(--ease-inout),box-shadow .2s var(--ease-out),color .16s}.btn:hover{background:var(--surface-2);border-color:var(--line-strong)}.btn-accent{background:var(--accent);color:var(--accent-ink);border-color:transparent;font-weight:600;box-shadow:0 0 0 1px transparent}.btn-accent:hover{background:var(--accent);box-shadow:0 0 36px -8px var(--accent-ghost),0 0 0 1px var(--accent-dim)}.btn-ghost{background:transparent;border-color:var(--line);color:var(--text-dim)}.btn-ghost:hover{color:var(--text);border-color:var(--line-strong);background:transparent}.btn-block{width:100%}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn-connect{height:40px;padding:0 16px;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em}.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);transition:background .3s var(--ease-inout),border-color .3s;border-bottom:1px solid transparent}.site-header.scrolled{background:color-mix(in oklab,var(--bg) 92%,transparent);border-bottom-color:var(--line);backdrop-filter:blur(8px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px;gap:24px}.wordmark{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:1.05rem;letter-spacing:-.01em}.wordmark .mark{width:26px;height:26px}.nav-links{display:flex;gap:28px;margin-left:auto}.nav-links a{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;color:var(--text-faint);position:relative;padding:6px 0;transition:color .16s}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:var(--accent)}.hamburger{display:none;flex-direction:column;gap:5px;width:40px;height:40px;align-items:center;justify-content:center}.hamburger span{width:20px;height:1.5px;background:var(--text);transition:transform .3s var(--ease-out),opacity .2s}.hamburger[aria-expanded=true] span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}.mobile-sheet{position:fixed;inset:0;z-index:var(--z-sheet);background:var(--bg);display:flex;flex-direction:column;justify-content:center;gap:8px;padding:0 var(--gutter) 48px;transform:translateY(-100%);transition:transform .4s var(--ease-out);pointer-events:none}.mobile-sheet.open{transform:translateY(0);pointer-events:auto}.mobile-nav{display:flex;flex-direction:column;gap:4px;margin-bottom:32px}.mobile-nav a{font-family:var(--font-display);font-size:2rem;font-weight:500;letter-spacing:-.02em;padding:10px 0;border-bottom:1px solid var(--line)}.hero{min-height:100svh;display:flex;align-items:center;padding-top:88px}.hero-grid{display:grid;grid-template-columns:1fr;gap:clamp(40px,6vw,72px);align-items:center}.eyebrow{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.2em;color:var(--text-faint);margin-bottom:28px}.hero-title{font-family:var(--font-display);font-weight:500;font-size:clamp(2.6rem,8vw,5.5rem);line-height:1.02;letter-spacing:-.03em;text-wrap:balance;margin-bottom:28px}.lead{color:var(--text-dim);font-size:clamp(1rem,1.4vw,1.125rem);max-width:52ch;margin-bottom:36px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}.ticker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;color:var(--text-faint);display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ticker .t-key{color:var(--text-ghost)}.ticker #tk-pal,.ticker #tk-mode{color:var(--text-dim)}.ticker .t-sep{color:var(--text-ghost)}.hero-art-wrap{display:flex;justify-content:center}.art-stage{position:relative;aspect-ratio:1;width:100%;max-width:560px;border-radius:var(--r-0);box-shadow:var(--glow-art);overflow:hidden;background:var(--surface)}.art-stage.square{max-width:none}.art-img{width:100%;height:100%;object-fit:cover}.art-readout{position:absolute;left:12px;bottom:12px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;color:var(--text-dim);background:color-mix(in oklab,var(--bg) 70%,transparent);padding:4px 8px;opacity:0;transition:opacity .2s;pointer-events:none}.art-stage:hover .art-readout{opacity:1}.pause-btn{position:absolute;right:12px;top:12px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;color:var(--text-dim);border:1px solid var(--line);padding:4px 8px;border-radius:var(--r-1);background:color-mix(in oklab,var(--bg) 60%,transparent);opacity:0;transition:opacity .2s,color .16s}.art-stage:hover .pause-btn{opacity:1}.pause-btn:hover{color:var(--text);border-color:var(--line-strong)}.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translate(-50%);width:1px;height:48px;background:var(--line);overflow:hidden}.scroll-cue span{position:absolute;top:-16px;left:0;width:1px;height:16px;background:var(--accent);animation:cue 2.2s var(--ease-inout) infinite}@keyframes cue{0%{top:-16px}60%,to{top:48px}}.mint-panel{display:grid;grid-template-columns:1fr;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);overflow:hidden;box-shadow:0 0 80px -40px var(--accent-ghost)}.mint-preview{padding:24px;display:flex;flex-direction:column;gap:14px;border-bottom:1px solid var(--line)}.mint-preview .art-stage{box-shadow:0 0 0 1px var(--line)}.preview-cap{font-size:.62rem;letter-spacing:.14em;color:var(--text-faint)}.mint-controls{padding:28px;display:flex;flex-direction:column;gap:26px}.supply-block{display:flex;flex-direction:column;gap:10px}.supply-count{display:flex;align-items:baseline;gap:8px}.supply-track{height:3px;background:var(--surface-2);border-radius:2px;overflow:hidden}.supply-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent);transition:transform .6s var(--ease-out)}.price-block{display:flex;flex-direction:column;gap:8px;position:relative}.price-row{display:flex;align-items:center;gap:12px}.price-info{width:22px;height:22px;border:1px solid var(--line);border-radius:50%;font-family:var(--font-mono);font-size:.7rem;color:var(--text-faint);transition:color .16s,border-color .16s}.price-info:hover{color:var(--text);border-color:var(--line-strong)}.price-note{font-size:.8125rem;color:var(--text-dim);max-width:46ch}.price-pop{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-2);padding:16px;font-size:.8125rem;color:var(--text-dim);z-index:var(--z-sticky)}.price-pop strong{color:var(--text);font-weight:600}.qty-row{display:flex;align-items:center;gap:16px}.stepper{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--r-1)}.stepper button{width:38px;height:38px;font-size:1.1rem;color:var(--text-dim);transition:color .16s,background .16s}.stepper button:hover{color:var(--text);background:var(--surface-2)}.stepper #qty-val{width:44px;text-align:center;font-size:.95rem}.btn-mint{height:54px;font-family:var(--font-mono);letter-spacing:.06em;font-size:.82rem}.status-line{font-size:.72rem;letter-spacing:.1em;color:var(--text-faint);text-align:center;min-height:1em}.status-line.ok{color:var(--ok)}.status-line.err{color:var(--error)}.fact-row{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:28px;padding-top:24px}.fact{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;color:var(--text-faint);transition:color .16s}button.fact:hover,.fact span{color:var(--text-dim)}.mech-grid{display:grid;grid-template-columns:1fr;gap:clamp(32px,5vw,56px);align-items:start;margin-bottom:clamp(56px,8vw,96px)}.mech-demo{display:flex;flex-direction:column;gap:20px}.mech-demo .art-stage{box-shadow:0 0 0 1px var(--line);background:#05060a}.mech-controls{display:flex;flex-direction:column;gap:18px}.mode-toggle{display:flex;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-1);overflow:hidden}.mode-toggle button{flex:1;padding:10px 4px;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.1em;color:var(--text-faint);background:var(--surface);transition:color .16s,background .16s}.mode-toggle button:hover{color:var(--text-dim)}.mode-toggle button.on{color:var(--accent-ink);background:var(--accent)}.slider-row{display:flex;align-items:center;gap:16px}.slider-row input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:1px;background:var(--line-strong)}.slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer}.slider-row input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}.mech-cap{font-size:.72rem;color:var(--text-faint);letter-spacing:.04em}.steps{list-style:none;display:flex;flex-direction:column;gap:0}.steps li{display:grid;grid-template-columns:auto 1fr;gap:4px 20px;padding:24px 0;border-top:1px solid var(--line)}.steps li:last-child{border-bottom:1px solid var(--line)}.step-n{grid-row:1 / 3;color:var(--text-ghost);font-size:.8rem;padding-top:4px}.steps h3{font-family:var(--font-display);font-weight:500;font-size:1.25rem;letter-spacing:-.01em;margin-bottom:6px}.steps p{color:var(--text-dim);font-size:.9375rem;max-width:52ch}.mode-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:clamp(48px,7vw,80px)}.mode-card{border:1px solid var(--line);border-radius:var(--r-2);padding:16px;background:var(--surface)}.mode-card figure{aspect-ratio:1;border-radius:var(--r-0);overflow:hidden;margin-bottom:16px;background:#05060a;box-shadow:0 0 0 1px var(--line)}.mode-card canvas{width:100%;height:100%}.mode-card h3{font-family:var(--font-display);font-weight:500;font-size:1.05rem;margin-bottom:8px}.mode-card p{color:var(--text-dim);font-size:.8125rem;line-height:1.5}.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r-2);overflow:hidden}.proof{display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--surface);text-align:left;transition:background .16s}.proof:hover{background:var(--surface-2)}.proof .mono{font-size:.78rem;letter-spacing:.14em;color:var(--text)}.proof-x{font-size:.8125rem;color:var(--text-dim);line-height:1.5}.lore{overflow:hidden}.lore-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.05;pointer-events:none}.lore-inner{position:relative;z-index:1}.lore-blocks{max-width:760px}.lore-block{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:clamp(40px,6vw,64px)}.lore-idx{font-size:.68rem;letter-spacing:.2em;color:var(--text-faint)}.lore-block p{font-size:clamp(1.05rem,1.5vw,1.2rem);color:var(--text-dim);line-height:1.7;max-width:64ch;text-wrap:pretty}.pull-quote{font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,3vw,2.25rem);letter-spacing:-.02em;line-height:1.25;color:var(--text);max-width:22ch;margin:clamp(48px,7vw,80px) 0;padding-top:24px;position:relative}.pull-quote:before{content:"";position:absolute;top:0;left:0;width:40px;height:2px;background:var(--accent)}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:40px}.chip{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;color:var(--text-faint);padding:7px 12px;border:1px solid var(--line);border-radius:var(--r-1);transition:color .16s,border-color .16s,background .16s}.chip:hover{color:var(--text-dim);border-color:var(--line-strong)}.chip.on{color:var(--text);border-color:var(--line-strong);background:var(--surface-2)}.chip-sep{width:1px;height:18px;background:var(--line);margin:0 6px}.token-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.token-cell{position:relative;aspect-ratio:1;border-radius:var(--r-0);overflow:hidden;background:var(--surface);box-shadow:0 0 0 1px var(--line);cursor:pointer}.token-cell img{width:100%;height:100%;object-fit:cover}.token-cell:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 0 var(--accent);transition:box-shadow .2s var(--ease-out);pointer-events:none}.token-cell:hover:after{box-shadow:inset 0 0 0 1px var(--accent)}.cell-cap{position:absolute;left:0;right:0;bottom:0;padding:10px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;color:var(--text);background:linear-gradient(to top,color-mix(in oklab,var(--bg) 88%,transparent),transparent);transform:translateY(8px);opacity:0;transition:transform .2s var(--ease-out),opacity .2s}.token-cell:hover .cell-cap{transform:translateY(0);opacity:1}.empty-state{text-align:center;color:var(--text-faint);padding:48px 0;letter-spacing:.1em;font-size:.78rem}.site-footer{border-top:1px solid var(--line);padding-top:64px;padding-bottom:32px}.footer-grid{display:grid;grid-template-columns:1fr;gap:40px;padding-bottom:48px}.wordmark-sm{font-family:var(--font-display);font-weight:600;font-size:1rem}.footer-tag{color:var(--text-dim);font-size:.875rem;margin-top:12px;max-width:36ch}.footer-col p{font-size:.72rem;margin-bottom:4px}.footer-col p.dim{margin-top:16px;letter-spacing:.14em}.footer-col p.dim:first-child{margin-top:0}.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--line);font-size:.66rem;letter-spacing:.08em;color:var(--text-faint)}.token-modal{inset:0;margin:auto;border:none;padding:0;background:transparent;width:min(960px,92vw);max-height:92vh;color:var(--text);overflow:visible}.token-modal::backdrop{background:color-mix(in oklab,var(--bg) 86%,transparent);backdrop-filter:blur(4px)}.modal-close{position:absolute;top:-32px;right:0;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;color:var(--text-dim);z-index:1}.modal-close:hover{color:var(--text)}.modal-body{display:grid;grid-template-columns:1fr;gap:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:20px;max-height:92vh;overflow:auto}.modal-body .art-stage{aspect-ratio:1;width:100%;max-width:min(58vh,100%);max-height:58vh;margin-inline:auto;box-shadow:0 0 0 1px var(--line)}.modal-meta{display:flex;flex-direction:column;gap:12px}.modal-meta .row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:10px;font-family:var(--font-mono);font-size:.74rem}.modal-meta .row .k{color:var(--text-faint);letter-spacing:.1em}.modal-meta .row .v{color:var(--text)}.modal-note{font-size:.68rem;line-height:1.5;color:var(--text-faint);letter-spacing:.02em;margin-top:6px}.foot-link{color:var(--text-dim);transition:color .16s}.foot-link:hover{color:var(--accent)}@media (min-width: 760px){.modal-body{grid-template-columns:minmax(0,1.25fr) minmax(220px,1fr);align-items:center;padding:24px}.modal-body .art-stage{max-width:100%;max-height:80vh}}.reveal,.reveal-r{opacity:1}.js .reveal,.js .reveal-r{opacity:0;transform:translateY(16px)}.js .reveal.in,.js .reveal-r.in{opacity:1;transform:none;transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.js .reveal,.js .reveal-r{opacity:1!important;transform:none!important}.scroll-cue{display:none}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.05ms!important}}@media (min-width: 700px){.mint-panel{grid-template-columns:1fr 1fr}.mint-preview{border-bottom:none;border-right:1px solid var(--line)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.lore-block{grid-template-columns:120px 1fr;gap:24px}.lore-idx{padding-top:6px}}@media (min-width: 1025px){.hero-grid{grid-template-columns:1fr 1.1fr}.hero-copy{order:0}.mech-grid{grid-template-columns:1.1fr 1fr}}@media (max-width: 1024px){.nav-links,.btn-connect{display:none}.hamburger{display:flex}.mode-cards{grid-template-columns:repeat(2,1fr)}.token-grid{grid-template-columns:repeat(3,1fr)}.proof-strip{grid-template-columns:1fr}}@media (max-width: 640px){.mode-cards{grid-template-columns:1fr 1fr;gap:12px}.token-grid{grid-template-columns:repeat(2,1fr);gap:10px}.hero{padding-top:80px}.hero-actions .btn{flex:1}.footer-bottom{flex-direction:column;gap:8px}}.mint-sticky{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sticky);padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:color-mix(in oklab,var(--bg) 94%,transparent);border-top:1px solid var(--line);backdrop-filter:blur(8px);transform:translateY(120%);transition:transform .3s var(--ease-out);display:none}.mint-sticky.show{transform:translateY(0)}@media (max-width: 700px){.mint-sticky{display:block}}