/* Illustrated rural clubs share the directory's search, CMS pages and publication links. */
.institutions-page[data-category="clubs"] .directory-header{min-height:220px;background:linear-gradient(110deg,#f5f9fc,#fff 62%,#faf7ef)}
.institutions-page[data-category="clubs"] .directory-header-art{inset:0 0 0 auto;width:48%;object-position:center 57%;opacity:.8}
.institutions-page[data-category="clubs"] .directory-header::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f5f9fc 42%,#ffffff70 65%,transparent)}
.institutions-page[data-category="clubs"] .directory-clubs>.section-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.culture-site .directory-clubs{padding-top:4px}
.culture-site .directory-club-grid{gap:24px}
.culture-site .directory-club{padding:7px;overflow:hidden;align-items:stretch;background:#fff;box-shadow:0 3px 18px #30516a06}
.club-card-cover{aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:var(--culture-soft)}
.club-art{display:block;width:100%;height:100%;object-fit:cover}
.club-card-copy{padding:17px 14px 14px;min-width:0}
.culture-site .directory-club h3{font:normal clamp(1.2rem,1.5vw,1.5rem)/1.25 var(--serif);letter-spacing:-.015em;margin:0 0 8px;overflow-wrap:anywhere}
.culture-site .directory-club p{margin:0;font-size:.85rem;color:var(--muted);line-height:1.45}
.club-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:50px;padding-block:34px 40px}
.club-hero-copy{min-width:0}
.club-hero .breadcrumb{margin-bottom:26px}
.club-locality{color:var(--culture-accent);font-size:.875rem;margin:0 0 12px}
.club-hero h1{font:normal clamp(2.3rem,3.5vw,3.6rem)/1.1 var(--serif);letter-spacing:-.025em;margin:0 0 26px;overflow-wrap:anywhere}
.club-hero-art{aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--culture-soft)}
.club-section-nav{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.875rem;color:var(--culture-accent)}
.club-section-nav a{min-height:44px;display:inline-flex;align-items:center}
.club-section-nav a:hover{color:var(--ink)}
.club-information{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:55px;align-items:start;padding-bottom:44px}
.club-information>article{min-width:0}
.club-feature{padding:28px 30px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(120deg,#f5f9fb,#fcfaf5);margin-bottom:30px}
.club-feature .eyebrow{font-size:.7rem;line-height:1.6;color:var(--muted);margin:0 0 11px}
.club-page h2{font:normal clamp(1.65rem,2.3vw,2.1rem)/1.2 var(--serif);margin:0 0 16px;overflow-wrap:anywhere}
.club-feature>p:not(.eyebrow){font-size:.98rem;line-height:1.7;margin:0;color:var(--muted)}
.club-feature>.source-note{margin-top:17px!important;font-size:.78rem!important}
.club-feature .text-link{white-space:normal;line-height:1.6}
.club-about{padding:4px 0}
.club-about .prose{font-size:1rem}
.club-page .info-aside{border:1px solid var(--line);border-radius:14px;padding:27px;background:var(--culture-soft)}
.club-page .info-aside h2{font-size:1.6rem}
.club-page .info-facts>div:last-child{padding-bottom:0}
.club-page .info-facts dd{font-size:.93rem}
.club-feed .section-heading .eyebrow{font-size:.7rem;color:var(--muted);margin-bottom:9px}
.club-feed .card-image{object-position:center 40%}
.club-back{padding-bottom:55px}
.club-page [tabindex="-1"]{scroll-margin-top:24px;outline:none}
.hide-images .club-card-cover,.hide-images .club-hero-art,.high-contrast .club-card-cover,.high-contrast .club-hero-art{display:none}
.hide-images .club-hero,.high-contrast .club-hero{grid-template-columns:1fr}
.culture-site.high-contrast .club-feature,.culture-site.high-contrast .club-page .info-aside,.culture-site.high-contrast .institutions-page[data-category="clubs"] .directory-header{background:#fff;border-color:#000}
.high-contrast .institutions-page[data-category="clubs"] .directory-header::before{display:none}
@media(min-width:721px) and (max-width:1050px){.club-hero{gap:28px}.club-information{grid-template-columns:minmax(0,1fr) 290px;gap:30px}.club-hero h1{font-size:2.7rem}.club-card-copy{padding:15px 12px}}
@media(max-width:720px){
  .institutions-page[data-category="clubs"] .directory-header{min-height:0}
  .institutions-page[data-category="clubs"] .directory-header-art{width:66%;opacity:.25}
  .institutions-page[data-category="clubs"] .directory-heading h1{font-size:2.4rem}
  .culture-site .directory-club-grid{gap:14px}
  .culture-site .directory-club{display:grid;grid-template-columns:38% minmax(0,1fr);align-items:center;padding:6px;gap:0;min-height:134px}
  .club-card-cover{aspect-ratio:auto;min-height:122px;height:100%;border-radius:7px}
  .club-card-cover:has(.club-art-complete),.club-hero-art:has(.club-art-complete){background:#fbf7ee}
  .club-card-cover .club-art-complete,.club-hero-art .club-art-complete{object-fit:contain}
  .club-card-copy{padding:12px 11px}
  .culture-site .directory-club h3{font-size:1.2rem;line-height:1.2;margin-bottom:8px}
  .culture-site .directory-club p{font-size:.78rem;line-height:1.45}
  .club-hero{grid-template-columns:1fr;gap:22px;padding-block:24px 30px}
  .club-hero .breadcrumb{font-size:.75rem;margin-bottom:20px}
  .club-locality{font-size:.8rem;margin-bottom:10px}
  .club-hero h1{font-size:clamp(2rem,8vw,2.65rem);margin-bottom:14px}
  .club-section-nav{gap:4px 20px;font-size:.82rem}
  .club-hero-art{aspect-ratio:16/9;border-radius:12px}
  .club-information{grid-template-columns:1fr;gap:25px;padding-bottom:35px}
  .club-feature{padding:22px 20px;margin-bottom:25px}
  .club-feature>p:not(.eyebrow){font-size:.93rem}
  .club-page .info-aside{padding:24px}
  .club-back{padding-bottom:35px}
  .hide-images .directory-club,.high-contrast .directory-club{grid-template-columns:1fr;min-height:0}
}
@media(prefers-reduced-motion:reduce){.club-art{transition:none}}
@media print{.club-hero-art,.club-section-nav,.club-back,.club-card-cover{display:none}.club-hero,.club-information{display:block}.club-page .info-aside{background:#fff}.club-feature{background:#fff;break-inside:avoid}}
