@layer components{.cs{--bg:#0e1017;--bg-card:#171a23;--bg-card-2:#1f232f;--bg-card-3:#252a38;--ink:#e7e9ef;--ink-soft:#c4c8d4;--muted:#8b8f9d;--line:#2a2f3d;--accent:#ff5e1a;--accent-soft:#ff5e1a2e;background:var(--bg);color:var(--ink);min-height:100vh;font-family:var(--font-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{z-index:1;max-width:1100px;margin:0 auto;padding:2rem 3rem 5rem;position:relative}.title-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.title{font-family:var(--font-text);font-size:var(--type-title-large-size);font-weight:var(--type-title-large-weight);letter-spacing:var(--type-title-large-tracking);line-height:var(--type-title-large-line)}.title-meta{font-family:var(--font-text);font-size:var(--type-overline-size);letter-spacing:var(--type-overline-tracking);text-transform:uppercase;color:var(--muted);text-align:right;line-height:var(--type-overline-line)}.subtitle{font-family:var(--font-text);font-size:var(--type-overline-size);letter-spacing:var(--type-overline-tracking);text-transform:uppercase;color:var(--ink-soft);margin-bottom:2.5rem}.rule-thick{background:var(--accent);height:3px;margin-bottom:2.5rem}.grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2.5rem;display:grid}.card{background:var(--bg-card);border:1px solid var(--line);cursor:pointer;border-radius:14px;flex-direction:column;transition:transform .25s,border-color .25s;display:flex;overflow:hidden}.card:hover{border-color:#ff5e1a73;transform:translateY(-3px)}.card:hover .card-arrow{color:var(--accent);transform:translate(4px)}.card:hover .card-thumb img{transform:scale(1.03)}.card-thumb{aspect-ratio:16/10;background:var(--bg-card-3);border-bottom:1px solid var(--line);overflow:hidden}.card-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .4s;display:block}.card-body{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem 1.5rem 1.6rem;display:flex}.card-kicker{font-family:var(--font-text);font-size:var(--type-overline-size);letter-spacing:var(--type-overline-tracking);text-transform:uppercase;color:var(--accent)}.card-title{font-family:var(--font-text);font-size:var(--type-title-small-size);font-weight:var(--type-label-medium-weight);letter-spacing:var(--type-title-small-tracking);line-height:var(--type-title-small-line)}.card-title .mint{color:var(--accent)}.card-sub{font-family:var(--font-text);font-size:var(--type-overline-size);letter-spacing:var(--type-overline-tracking);color:var(--ink-soft);line-height:var(--type-overline-line)}.card-tags{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.card-tag{font-family:var(--font-text);font-size:var(--type-overline-size);letter-spacing:var(--type-overline-tracking);text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.25rem .55rem}.card-foot{border-top:1px solid var(--line);font-family:var(--font-text);font-size:var(--type-overline-size);letter-spacing:var(--type-overline-tracking);text-transform:uppercase;color:var(--ink);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.1rem;display:flex}.card-foot .label{color:var(--ink)}.card-arrow{color:var(--ink-soft);align-items:center;gap:.4rem;transition:transform .2s,color .2s;display:inline-flex}.card-arrow svg{width:14px;height:14px}.cta-private{border:1px dashed var(--line);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:1rem;padding:2.25rem 2rem;display:flex}.cta-private .kicker{font-family:var(--font-text);font-size:var(--type-overline-size);letter-spacing:var(--type-overline-tracking);text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;display:inline-flex}.cta-private .kicker .pulse{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite pulse;display:inline-block}.cta-private .copy{font-family:var(--font-text);font-size:var(--type-body-medium-size);color:var(--ink-soft);line-height:var(--type-body-medium-line)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.notes{border-top:1px solid var(--line);font-size:var(--type-body-medium-size);color:var(--ink-soft);line-height:var(--type-body-medium-line);margin-top:3rem;padding-top:2rem}.notes strong{font-family:var(--font-text);color:var(--ink);font-weight:var(--type-label-medium-weight);text-transform:uppercase;font-size:var(--type-overline-size);letter-spacing:var(--type-overline-tracking);margin-bottom:.4rem;display:block}@media (width<=900px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.wrap{padding:1.5rem 1.25rem 4rem}.grid{grid-template-columns:1fr;gap:1.25rem}.card-title{font-size:var(--type-title-small-size)}.title-row{flex-direction:column;align-items:flex-start;gap:.5rem}.title-meta{text-align:left}}.cs{--background:var(--bg);--foreground:var(--ink);--primary:var(--accent);--border:var(--line);--card:var(--bg-card);--secondary:var(--bg-card-2);--muted-foreground:var(--muted)}}
