/* Our Approach — Little Blossoms Academy */


/* ─── Section h2 scale: matches home page section titles ─── */
.sect-approach-intro h2, .sect-approach-doc h2, .sect-approach-readiness h2,
.sect-approach-nature h2, .sect-approach-incursions h2,
.sect-approach-trust h2, .sect-approach-faq h2 {
  font-size: clamp(2.1875rem, 1.95rem + 1vw, 2.8125rem);
}

/* ─── Equal top/bottom padding on every section ─── */
.sect-approach-intro,
.sect-approach-doc,
.sect-approach-readiness,
.sect-approach-nature,
.sect-approach-incursions,
.sect-approach-trust,
.sect-approach-faq { padding-bottom: var(--section-pad); }

/* ─── Intro: centred two-paragraph body ─── */
.sect-approach-intro { padding-bottom: var(--section-pad); }
.sect-approach-intro .section__head { text-align: center; }
.approach-intro__body {
  max-width: 720px; margin: 0 auto;
  display: grid; gap: 1rem; text-align: center;
}
.approach-intro__body p { color: var(--color-muted); font-size: 1.0625rem; }

/* ─── Documentation split (dark band, copy left / photo right) ─── */
.approach-split {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: clamp(3rem, 7vw, 5.5rem);
  align-items: center;
}
.approach-split__copy h2 { color: var(--color-dark-ink); margin-bottom: 1.25rem; }
.approach-split__copy p { color: color-mix(in srgb, var(--color-dark-ink) 80%, transparent); margin-bottom: 1rem; }
.approach-split__media .mask-petal { overflow: hidden; }
.approach-split__media .mask-petal img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
@media (max-width: 860px) {
  .approach-split { grid-template-columns: 1fr; }
}

/* ─── Zigzag alternating splits — base in components.css ─── */

/* ─── Incursion cards — base in components.css; contextual margin here ─── */
.sect-approach-incursions .incursion-grid { margin-top: 2.75rem; }

/* ─── Trust / quote: copy left, quote card right ─── */
.approach-trust__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: clamp(3rem, 7vw, 5.5rem);
  align-items: center;
}
.approach-trust__copy h2 { margin-bottom: 1.25rem; }
.approach-trust__copy p { color: var(--color-muted); margin-bottom: 2rem; }
@media (max-width: 860px) { .approach-trust__inner { grid-template-columns: 1fr; } }