/* ============================================================
   Section rhythm — one vertical spacing for every home section
   on tablets and phones. Loaded after all section partials so it
   wins over each section's own padding. The hero (sits under the
   header) and the slim trust strip keep their own spacing.
   ============================================================ */

@media (max-width: 768px) {
    :root { --section-pad-y: 3rem; }

    .about-section,
    .services-scroll,
    .why-yagas,
    .page-home .svc-why,
    .industries-section,
    .process-section,
    .portfolio-section,
    .clients,
    .stories,
    .insights-section {
        padding-block: var(--section-pad-y);
    }

    /* The CTA band continues Insights' background, so it only needs
       spacing below the card, before the footer. */
    .cta-section { padding-block: 0 var(--section-pad-y); }
}

@media (max-width: 420px) {
    :root { --section-pad-y: 2.75rem; }
}