/* ============================================================================
   MOSOLF ACADEMY (Design V2) — baut auf design-v2.css und club-100-v2.css (.c1-hero-Intro-Band,
   hier per .ma-hero um die Tagline statt Stat/CTA-Button ergänzt) auf. Die drei Kapitel (Schule ·
   Training · Zukunft, abwechselnd hell/dunkel) sind 1:1 aus dem bisherigen Mockup übernommen —
   dieses Baukastenteil war bereits eigenständig und tokenbasiert, unabhängig vom alten Blob-Button-
   /Mega-Menü-System, daher unverändert portierbar.
   ============================================================================ */
.ma-hero{padding-bottom:60px;}
.ma-tagline{
  margin-top:20px;font-family:var(--font-label);font-size:clamp(22px,3.2vw,34px);letter-spacing:.03em;text-transform:uppercase;
  display:flex;gap:16px;flex-wrap:wrap;
}
.ma-tagline a{color:var(--brand-gold);transition:opacity .2s ease;}
.ma-tagline a:hover{opacity:.65;}

/* ---------- Kapitel (Schule / Training / Zukunft) ---------- */
.chapter{position:relative;overflow:hidden;padding:92px 0;}
.chapter-num-ghost{
  position:absolute;top:-.1em;right:-.04em;font-family:var(--font-numerals);font-size:min(38vw,340px);
  line-height:1;color:rgba(23,25,28,.04);pointer-events:none;user-select:none;z-index:0;
}
.chapter-dark .chapter-num-ghost{color:rgba(255,255,255,.045);}
.chapter-grid{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.3fr;gap:48px;}
@media (max-width:860px){.chapter-grid{grid-template-columns:1fr;gap:28px;}}
.chapter-num{font-family:var(--font-numerals);font-size:15px;color:var(--brand-red);}
.chapter-dark .chapter-num{color:var(--brand-gold);}
.chapter-title{font-size:clamp(48px,7vw,96px);margin-top:6px;text-transform:uppercase;}
.chapter-dark .chapter-title{color:#fff;}
.chapter-kicker{font-family:var(--font-label);font-size:17px;letter-spacing:.03em;color:var(--brand-red);}
.chapter-dark .chapter-kicker{color:var(--brand-gold);}
.chapter-desc{margin-top:10px;font-size:16px;line-height:1.6;color:var(--ink-soft);max-width:56ch;}
.chapter-dark .chapter-desc{color:var(--on-navy-soft);}
.chapter-list{margin-top:20px;border-top:1px solid var(--border);}
.chapter-dark .chapter-list{border-top-color:rgba(255,255,255,.14);}
.chapter-list li{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--border);font-size:14px;color:var(--ink-soft);}
.chapter-dark .chapter-list li{border-bottom-color:rgba(255,255,255,.14);color:var(--on-navy-soft);}
.chapter-list li::before{content:"";width:5px;height:5px;flex-shrink:0;margin-top:8px;background:var(--brand-red);}
.chapter-dark .chapter-list li::before{background:var(--brand-gold);}
.chapter-body-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;}
@media (max-width:640px){.chapter-body-split{grid-template-columns:1fr;}}

/* ---------- Werte (innerhalb Kapitel 03 · Zukunft) ---------- */
.werte-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;}
@media (max-width:700px){.werte-grid{grid-template-columns:1fr;}}
.werte-tile{padding-top:18px;border-top:2px solid var(--brand-red);}
.werte-tile h3{font-family:var(--font-impact);font-weight:400;text-transform:uppercase;font-size:22px;}
.werte-tile p{font-size:13px;color:var(--ink-soft);margin-top:6px;line-height:1.4;}