@font-face{font-family:Jeko;src:url(/static/fonts/Jeko-ExtraLight.woff2) format("woff2");font-weight:200;font-display:swap}
@font-face{font-family:Jeko;src:url(/static/fonts/Jeko-Light.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:Jeko;src:url(/static/fonts/Jeko-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Jeko;src:url(/static/fonts/Jeko-Black.woff2) format("woff2");font-weight:900;font-display:swap}
:root{
  --bg:#0b0b0b;--bg-2:#121212;--surface:#161616;--line:#242424;--line-2:#333;
  --fg:#fff;--muted:#9a9a9a;--muted-2:#6b6b6b;--accent:#C0FF0D;
  --font:Jeko,"Space Grotesk",Montserrat,system-ui,sans-serif;
  --w:1240px;--pad:clamp(20px,4vw,56px);--r:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--fg);font:300 17px/1.5 var(--font);overflow-x:clip}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
b,strong{font-weight:900}
h1,h2,h3,h4{margin:0;font-weight:900;line-height:1;letter-spacing:-.01em}
p{margin:0}
.eyebrow{font-weight:300;font-size:13px;letter-spacing:.02em;color:var(--muted);text-transform:none}
.eyebrow span{color:var(--muted-2)}
.hint{font-size:13px;color:var(--muted)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:100px;border:1px solid var(--line-2);font-weight:600;font-size:14px;line-height:1;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s;cursor:pointer;background:transparent;color:var(--fg);font-family:inherit}
.btn:hover{transform:translateY(-1px);border-color:var(--fg)}
.btn--accent{background:var(--accent);color:#0b0b0b;border-color:var(--accent)}
.btn--accent:hover{background:#d4ff5a;border-color:#d4ff5a}
.btn--ghost{background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}
/* top bar */
.top{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;gap:16px;padding:14px var(--pad);pointer-events:none}
.top>*{pointer-events:auto}
.top__brand img{width:112px;height:auto}
.top__label{font-size:13px;color:var(--muted);margin-right:auto}
.top__menu{display:none}
.top::before{content:"";position:absolute;inset:0;background:linear-gradient(var(--bg) 20%,transparent);z-index:-1;pointer-events:none}
/* generic reveal */
.reveal{opacity:0;transform:translateY(24px)}
.no-js .reveal,.is-in.reveal{opacity:1;transform:none}
/* tags */
.tags{display:flex;flex-wrap:wrap;gap:6px 14px;font-weight:900;font-size:18px;margin-top:18px}
/* toast */
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:var(--accent);color:#0b0b0b;font-weight:600;font-size:14px;padding:10px 18px;border-radius:100px;transition:.25s;z-index:60;pointer-events:none}
.toast.is-on{opacity:1;transform:translate(-50%,0)}
/* ===== showcase ===== */
.page-index .top{position:sticky;background:var(--bg)}
.showcase{max-width:var(--w);margin:0 auto;padding:0 var(--pad) 80px}
.showcase__hero{padding:120px 0 64px}
.showcase__title{font-size:clamp(64px,14vw,180px);line-height:.88;letter-spacing:-.03em}
.showcase__lead{max-width:640px;margin-top:28px;font-size:19px;color:#d0d0d0}
.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
.card{position:relative;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden;min-height:340px;display:flex;flex-direction:column;transition:border-color .25s,transform .25s}
.card--live:hover{border-color:var(--accent);transform:translateY(-3px)}
.card__art{height:200px;display:grid;place-items:center;background:radial-gradient(60% 80% at 50% 60%,rgba(192,255,13,.10),transparent 70%)}
.card__art img{width:170px;transition:transform .5s}
.card--live:hover .card__art img{transform:scale(1.06) rotate(-4deg)}
.card__body{padding:22px 24px 24px;display:grid;gap:8px;align-content:end;flex:1}
.card__title{font-size:30px;line-height:.95}
.card__meta{font-size:13px;color:var(--muted)}
.card__cta{margin-top:10px;color:var(--accent);font-weight:600;font-size:14px}
.card--soon{opacity:.55;border-style:dashed}
.foot{display:flex;justify-content:space-between;padding:24px var(--pad);border-top:1px solid var(--line);font-size:13px;color:var(--muted)}