/* ==========================================================================
   AE Creative — Section spacing system
   Every big section on the homepage used one of exactly three vertical
   padding "sizes" (all with the same responsive horizontal padding).
   Factored into tokens + utility classes so new pages pick a size instead
   of re-deriving the clamp() values by hand. layout.css's existing
   section classes now reference these tokens directly — same computed
   padding as before, just expressed once.
   ========================================================================== */

:root{
  --space-section-y:clamp(70px,9vw,120px);      /* standard section */
  --space-section-y-lg:clamp(80px,11vw,150px);  /* final CTA */
  --space-section-y-sm:clamp(60px,8vw,100px);   /* numbers/stats band */
  --space-section-x:clamp(18px,4vw,40px);       /* shared horizontal gutter */
}

/* Use on a new page's <section> when it doesn't need a dedicated
   layout.css entry of its own. */
.section-pad{padding:var(--space-section-y) var(--space-section-x)}
.section-pad-lg{padding:var(--space-section-y-lg) var(--space-section-x)}
.section-pad-sm{padding:var(--space-section-y-sm) var(--space-section-x)}