/* =========================================================================
   home.css (v4) — page-specific helpers for index.html
   Most styles now come from main.css + components/{hero,cards,cta-band}.css
   ========================================================================= */

/* Section heading block (eyebrow + h2 + sub) */
.section-head{display:flex;flex-direction:column;gap:10px;margin-bottom:36px;max-width:780px}
.section-h2{font-family:var(--sans);font-size:clamp(28px,3.6vw,44px);font-weight:800;line-height:1.1;letter-spacing:-0.03em;color:var(--ink);margin:0}
.section-h2 em{font-family:var(--serif);font-style:italic;font-weight:500;color:var(--ultramarine)}
.section-sub{font-size:16px;line-height:1.65;color:var(--slate);margin:0;max-width:640px}

/* Programmes grid — 2 feature cards side-by-side */
.prog-feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}

@media(max-width:1024px){
  .section-head{margin-bottom:36px}
}
@media(max-width:860px){
  .prog-feat-grid{grid-template-columns:1fr;gap:20px}
}
@media(max-width:480px){
  .section-h2{font-size:28px}
}