@layer components{.club-hero{background:radial-gradient(70rem 40rem at 15% -20%,var(--color-accent-surface),transparent 65%),var(--color-surface-alt);border-block-end:1px solid var(--color-border);& .club-hero__inner{display:grid;gap:var(--space-m);align-items:center;justify-items:start;padding-block:var(--space-xl);@media(width >= 48rem){grid-template-columns: auto 1fr; gap: var(--space-l);}}& .club-hero__emblem{width:min(9rem,30vw);height:auto}& .club-hero__text{--stack-space:var(--space-2xs)}& .club-hero__eyebrow{color:var(--color-accent-strong);font-size:var(--size-step--1);font-weight:600;letter-spacing:.12em;text-transform:uppercase}& .club-hero__title{font-size:var(--size-step-4);letter-spacing:-.02em}& .club-hero__lead{margin-block-start:var(--space-2xs);font-size:var(--size-step-1);color:var(--color-text-muted)}}}