/* ============================================================================
   CLUB 100 (Design V2) — baut auf design-v2.css, teams-v2.css (.cta-banner/.cta-inner-Basis,
   .tc-Diagonalschnitt-Familie) und kader-v2.css (.kd-chips/.kf-Filter) auf.
   Aufbau: kompaktes Navy-Intro (wie bisher, jetzt Anton+Diagonalschnitt-Button) · Hauptsponsoren
   als Diagonalschnitt-Kacheln (9 echte) · Alle Mitglieder als Filter+Grid (53 Platzhalter, alpha-
   betisch, ohne Buchstaben-Zwischenüberschriften — siehe DESIGN.md) · Mitglieder-Banner.
   ============================================================================ */

/* ---------- Intro (Navy statt Hero-Rot — bewusste Abgrenzung zu den Match-/Team-Seiten,
   dieselbe Unterscheidung wie im bisherigen Design) ---------- */
.c1-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--brand-navy-deep);color:var(--on-navy-ink);padding:76px 0 64px;}
.c1-hero .kd-crumb{color:var(--on-navy-soft);margin-bottom:18px;}
.c1-hero .kd-crumb a{color:var(--on-navy-soft);}
.c1-eb{color:var(--on-navy-soft);}
.c1-eb i{background:currentColor;opacity:.4;}
.c1-title{font-family:var(--font-impact);font-weight:400;text-transform:uppercase;line-height:.94;font-size:clamp(52px,8vw,104px);margin-top:10px;}
.c1-lead{margin-top:16px;max-width:58ch;font-size:16.5px;line-height:1.55;color:var(--on-navy-soft);}
.c1-stat{display:flex;align-items:baseline;gap:12px;margin-top:30px;}
.c1-stat .num{font-family:var(--font-numerals);font-size:52px;color:var(--brand-gold);line-height:1;}
.c1-stat .lab{font-family:var(--font-label);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--on-navy-soft);line-height:1.35;}
.c1-hero .btn{margin-top:30px;}
/* Auf dunklem Grund bleibt Primary Rot (kein Gold als Fläche, siehe DESIGN.md Farbprinzip) */
[data-design="v2"] .c1-hero .btn-primary::after{background:var(--brand-red);}

.c1-sub{margin-top:-16px;margin-bottom:28px;max-width:70ch;color:var(--ink-soft);font-size:14.5px;}

/* ---------- Hauptsponsoren: kleine Diagonalschnitt-Kacheln (gleiche Mechanik wie .tc) ---------- */
.c1-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media (max-width:820px){.c1-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.c1-grid{grid-template-columns:1fr;}}
.c1-tile{
  --tc-c:18px;--tc-o:6px;--tshape:polygon(0 0,calc(100% - var(--tc-c)) 0,100% var(--tc-c),100% 100%,var(--tc-c) 100%,0 calc(100% - var(--tc-c)));
  position:relative;isolation:isolate;min-height:110px;padding:20px;display:flex;align-items:center;justify-content:center;text-align:center;
  font-family:var(--font-impact);font-size:clamp(18px,2vw,23px);letter-spacing:.01em;text-transform:uppercase;color:var(--ink);
}
.c1-tile::after,.c1-tile::before{content:"";position:absolute;inset:0;clip-path:var(--tshape);}
.c1-tile::after{z-index:-2;background:var(--surface);}
.c1-tile::before{z-index:-3;background:var(--btn-back,var(--brand-navy-deep));transform:translate(var(--tc-o),var(--tc-o));}

/* ---------- Alle Mitglieder: Filter + kompaktes Raster ---------- */
.c1-mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:28px;}
.c1-mini{background:var(--surface);border:1px solid var(--border);}
.c1-mini.is-filtered-out{display:none;}
.c1-mini .mark{aspect-ratio:1;background:#3a4a70;color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:24px;letter-spacing:.02em;}
.c1-mini .nm{padding:10px 12px;font-size:12.5px;color:var(--ink-soft);text-align:center;line-height:1.3;}