.home{max-width:1100px;margin:0 auto;padding:64px 24px 96px}.home__eyebrow{text-transform:uppercase;letter-spacing:.3em;color:#8a8aa0;margin:0 0 16px;font-size:12px}.home__title{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:1.05}.home__lede{color:#b9b9c8;max-width:60ch;margin:0 0 12px;font-size:1.1rem;line-height:1.6}.home__note{color:#6f6f82;margin:0 0 48px;font-size:.9rem}.home__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.card{background:var(--bg);color:var(--text);border:1px solid #ffffff14;border-radius:16px;transition:transform .18s,box-shadow .18s;display:block;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00000073}.card__body{flex-direction:column;gap:8px;min-height:180px;padding:24px;display:flex}.card__genre{text-transform:uppercase;letter-spacing:.25em;color:var(--accent);font-size:11px;font-family:var(--font-body)}.card__name{font-family:var(--font-display);margin:0;font-size:2rem;line-height:1}.card__tagline{font-family:var(--font-body);color:var(--text-muted);font-size:.95rem}.card__swatches{gap:6px;margin-top:auto;padding-top:16px;display:flex}.card__swatch{border:1px solid #ffffff26;border-radius:6px;width:24px;height:24px}.card__meta{background:var(--surface);font-family:var(--font-body);color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 24px;font-size:12px;display:flex}.card__open{color:var(--accent);font-weight:600}