/* =====================================================================
   Theme: COMMUNITY - warm and approachable
   Grassroots clubs: stories, events, members, photography.
   Editorial serif headings, off-white paper, generous imagery.
   ===================================================================== */

:root {
    --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --radius: 20px;
    --radius-lg: 26px;
}

:root:not([data-theme="dark"]) {
    --page-bg: #fbf7f2;
    --surface: #ffffff;
    --surface-alt: #f4ede4;
    --border: rgba(28, 25, 23, .12);
}

.club-site :is(h1, h2, h3, h4) {
    letter-spacing: -.005em; line-height: 1.08; font-weight: 600;
}
.club-site .section-title { text-transform: none; font-size: clamp(2rem, 4.4vw, 3rem); }
.club-site .hero__title { text-transform: none; font-weight: 600; letter-spacing: -.01em; }

/* Hero: photography first, copy on a warm scrim */
.club-site .hero { min-height: 540px; height: 76svh; }
.club-site .hero__overlay {
    background: linear-gradient(180deg, rgba(28, 25, 23, .18) 0%, rgba(28, 25, 23, .48) 50%, rgba(28, 25, 23, .82) 100%);
}
.club-site .hero__badge {
    background: rgba(255, 255, 255, .92); color: #1c1917;
    text-transform: none; letter-spacing: .02em; font-weight: 600;
}

/* Eyebrows read as a hand-written kicker */
.club-site .eyebrow {
    font-family: var(--font-display); font-style: italic; font-weight: 600;
    text-transform: none; letter-spacing: .01em; font-size: 1.02rem;
}
.club-site .eyebrow::before, .club-site .section__head--center .eyebrow::after { height: 2px; width: 34px; }

/* Cards: paper with a soft edge, no hard shadows */
.club-site .feature-card,
.club-site .team-card,
.club-site .coach-card,
.club-site .event-card,
.club-site .news-card,
.club-site .quote,
.club-site .trophy,
.club-site .day-card { border-radius: var(--radius); box-shadow: 0 2px 10px -6px rgba(28, 25, 23, .25); }
.club-site .feature-card::after { display: none; }
.club-site .feature-card__icon { border-radius: 50%; }

/* Stories and news lead the page: bigger media, serif headlines */
.club-site .news { grid-template-columns: 1fr; gap: 26px; }
@media (min-width: 900px) { .club-site .news { grid-template-columns: repeat(2, 1fr); } }
.club-site .news-card { flex-direction: row; }
.club-site .news-card__media { flex: 0 0 42%; aspect-ratio: auto; }
@media (max-width: 640px) {
    .club-site .news-card { flex-direction: column; }
    .club-site .news-card__media { flex: none; aspect-ratio: 16/9; }
}
.club-site .news-card h3 { text-transform: none; font-size: 1.4rem; }

/* Gallery is the centrepiece - taller rows, rounder frames */
.club-site .mosaic { grid-auto-rows: 170px; gap: 12px; }
@media (min-width: 1024px) { .club-site .mosaic { grid-auto-rows: 250px; } }
.club-site .mosaic__item { border-radius: var(--radius); }

/* Testimonials look like pull quotes */
.club-site .quote { padding: 30px 32px; }
.club-site .quote::before { font-family: var(--font-display); font-size: 6rem; top: 0; }
.club-site .quote__text { font-family: var(--font-display); font-size: 1.15rem; line-height: 1.55; }

/* Members / coaches: circular portraits, friendlier than a grid of squares */
.club-site .coach-card { text-align: center; }
.club-site .coach-card__photo { aspect-ratio: 1; margin: 22px auto 0; width: 62%; border-radius: 50%; overflow: hidden; }
.club-site .coach-card__photo::after { display: none; }
.club-site .coach-card__name { text-transform: none; }
.club-site .chips { justify-content: center; }

.club-site .join-band__overlay {
    background: linear-gradient(90deg, rgba(28, 25, 23, .86) 0%, rgba(28, 25, 23, .6) 60%, rgba(28, 25, 23, .3) 100%);
}
.club-site .join-band h2 { text-transform: none; }