:root{--yellow: #f5d90a;--ink: #111111;--body: #4b4b4b;--line: #ececec;--bg: #ffffff;--pill: 999px;--card: 20px;font-family:Archivo,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.page{min-height:100dvh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--bg)}.logo{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:20px}.logo-mark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--yellow);color:var(--ink);font-weight:900}.hero{position:relative;margin:0 16px;border-radius:var(--card);overflow:hidden}.hero-bg{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background-size:cover;background-position:center;filter:blur(48px) saturate(1.15);opacity:.55}.hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,460px) minmax(0,1fr);gap:56px;align-items:center;max-width:1180px;margin:0 auto;padding:56px 40px;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.art-card{margin:0;justify-self:end;width:100%;max-width:460px}.art-card img{width:100%;display:block;border-radius:16px;box-shadow:0 24px 60px #00000047}.info{max-width:520px}.status{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.status .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status--live{color:#0a8f3c}.status--before{color:#8a6d00}.status--ended{color:#8d8d8d}.status-time{font-weight:500;letter-spacing:0;text-transform:none}.info h1{margin:0;font-size:clamp(36px,4.5vw,52px);font-weight:800;letter-spacing:-.01em;line-height:1.05}.meta{margin:12px 0 0;color:var(--body);font-size:15px}.artist-chip,.chain-chip{display:inline-block;padding:3px 12px;border-radius:var(--pill);background:#ffffffd9;border:1px solid var(--line);color:var(--ink);font-weight:700;font-size:14px;text-decoration:none}.desc{margin:16px 0 0;line-height:1.6;color:var(--body);max-width:52ch}.mint-row{display:flex;gap:12px;margin-top:24px;align-items:stretch;flex-wrap:wrap}.stepper{display:inline-flex;align-items:center;gap:4px;background:#ffffffd9;border:1px solid var(--line);border-radius:14px;padding:4px}.stepper button{width:40px;height:44px;font-size:18px;font-weight:700;background:transparent;border:none;cursor:pointer;color:var(--ink);border-radius:10px}.stepper button:hover:not(:disabled){background:#f3f3f3}.stepper button:disabled{opacity:.3;cursor:default}.stepper span{min-width:32px;text-align:center;font-weight:700;font-size:16px}.mint-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 28px;min-height:52px;font:inherit;font-weight:800;font-size:16px;background:var(--ink);color:#fff;border:none;border-radius:14px;cursor:pointer}.mint-btn:hover:not(:disabled){background:#000}.mint-btn:disabled{opacity:.45;cursor:default}.mint-btn:focus-visible,.stepper button:focus-visible,.tab:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.under-row{margin:14px 0 0;font-size:14px;color:var(--body)}.minted-count{font-weight:700;color:var(--ink)}.sep{margin:0 8px;opacity:.5}.success{margin:14px 0 0;font-weight:700}.success a{color:inherit}.tabs{display:flex;gap:24px;max-width:1180px;margin:0 auto;padding:22px 40px 0}.tab{font:inherit;font-size:16px;font-weight:700;background:none;border:none;cursor:pointer;color:#9a9a9a;padding:0 0 10px;border-bottom:3px solid transparent}.tab--on{color:var(--ink);border-bottom-color:var(--ink)}.tab-body{max-width:1180px;margin:0 auto;padding:20px 40px 72px}.about-card{border:1px solid var(--line);border-radius:var(--card);padding:28px;line-height:1.6;color:var(--body)}.about-card a{color:var(--ink)}.details{margin:20px 0 0;font-size:14px}.details div{display:flex;gap:16px;padding:8px 0;border-top:1px solid var(--line)}.details dt{width:96px;flex:none;color:#9a9a9a}.details dd{margin:0;overflow-wrap:anywhere;color:var(--ink)}.details code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px}@media (max-width: 900px){.hero{margin:0 8px}.hero-inner{grid-template-columns:1fr;gap:28px;padding:28px 20px}.art-card{justify-self:center}.tabs,.tab-body{padding-left:20px;padding-right:20px}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}
