.clubs-page{padding:.75rem 0}.clubs-page .clubs-hero{border:1px solid rgba(var(--color-dark-rgb), .08);background:linear-gradient(180deg, rgba(var(--color-light-rgb), .82), rgba(var(--color-light-rgb), .72));box-shadow:0 14px 34px rgba(var(--color-dark-rgb), .08);border-radius:1.2rem;justify-content:space-between;gap:1rem;padding:clamp(1rem,2vw,1.5rem);display:flex}.clubs-page .clubs-hero .clubs-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:rgba(var(--color-dark-rgb), .44);margin-bottom:.55rem;font-size:.7rem;font-weight:700}.clubs-page .clubs-hero .clubs-title{color:var(--color-dark);margin-bottom:.65rem;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1}.clubs-page .clubs-hero .clubs-subtitle{color:rgba(var(--color-dark-rgb), .66);max-width:44rem;margin-bottom:0;font-size:clamp(.94rem,1.2vw,1.03rem)}.clubs-page .clubs-hero .clubs-count{border:1px solid rgba(var(--color-dark-rgb), .1);background:rgba(var(--color-light-rgb), .78);border-radius:.9rem;flex-direction:column;justify-content:center;align-items:flex-end;min-width:120px;padding:.7rem .9rem;display:flex}.clubs-page .clubs-hero .clubs-count .clubs-count-value{color:var(--color-dark);font-size:1.5rem;line-height:1}.clubs-page .clubs-hero .clubs-count .clubs-count-label{color:rgba(var(--color-dark-rgb), .58);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem;font-size:.78rem}.clubs-page .club-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;display:grid}.clubs-page .club-link{max-width:460px;text-decoration:none}.clubs-page .club-thumbnail{background:rgba(var(--color-light-rgb), .84);border:1px solid rgba(var(--color-dark-rgb), .08);box-shadow:0 16px 32px rgba(var(--color-dark-rgb), .09);border-radius:1.1rem;height:300px;transition:transform .24s,box-shadow .24s,border-color .24s;overflow:hidden;transform:translateY(0)}.clubs-page .club-thumbnail .club-media{height:160px;overflow:hidden}.clubs-page .club-thumbnail .club-media img{-o-object-fit:cover;object-fit:cover;filter:grayscale(.7);width:100%;height:100%;transition:transform .32s;transform:scale(1)}.clubs-page .club-thumbnail .club-thumbnail-info{padding:.95rem 1rem 1rem}.clubs-page .club-thumbnail .club-thumbnail-info .club-label{text-transform:uppercase;letter-spacing:.1em;color:rgba(var(--color-dark-rgb), .5);margin-bottom:.45rem;font-size:.68rem}.clubs-page .club-thumbnail .club-thumbnail-info .club-name{color:var(--color-dark);min-height:2.45rem;margin-bottom:.8rem;font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.18}.clubs-page .club-thumbnail .club-thumbnail-info .club-meta{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.clubs-page .club-thumbnail .club-thumbnail-info .club-meta .club-cta{color:var(--color-dark);letter-spacing:.01em;font-size:.85rem;font-weight:600}.clubs-page .club-thumbnail .club-thumbnail-info .club-meta .club-arrow{border:1px solid rgba(var(--color-dark-rgb), .14);width:2rem;height:2rem;color:rgba(var(--color-dark-rgb), .75);border-radius:999px;justify-content:center;align-items:center;font-size:1rem;line-height:1;transition:transform .2s,background-color .2s;display:inline-flex}.clubs-page .club-thumbnail:hover{border-color:rgba(var(--color-dark-rgb), .16);box-shadow:0 20px 38px rgba(var(--color-dark-rgb), .14);transform:translateY(-4px)}.clubs-page .club-thumbnail:hover .club-media img{filter:grayscale(0);transform:scale(.95)}.clubs-page .club-thumbnail:hover .club-arrow{background:rgba(var(--color-dark-rgb), .05);transform:translate(2px,-2px)}.clubs-page .empty-state{text-align:center;border:1px dashed rgba(var(--color-dark-rgb), .18);color:var(--color-dark);background:rgba(var(--color-light-rgb), .72);border-radius:1rem;grid-column:1/-1;padding:2rem 1rem}.clubs-page .empty-state .empty-title{margin-bottom:.4rem;font-size:1.3rem}.clubs-page .empty-state .empty-description{color:rgba(var(--color-dark-rgb), .62)}@media (max-width:700px){.clubs-page .clubs-hero{flex-direction:column;align-items:flex-start}.clubs-page .clubs-hero .clubs-count{align-items:flex-start}.clubs-page .club-thumbnail .club-media{height:150px}}