/* ===========================================================================
   Page-flow and white-space refinements — Acuity landing page
   Additive only. Loads AFTER the site's inline styles. Tailored to the actual
   source (repo: bradbelzak.github.io):
   - section padding was fixed 82px 60px (56px 22px under 900px)
   - .hero was min-height:100vh
   - #services keeps its intentional tighter 52px top seam
   - .deliver keeps its intentional compact 54px rhythm
   =========================================================================== */

:root{
  --sp-section: clamp(48px, 7vw, 118px);
  --sp-group:   clamp(24px, 3vw, 40px);
  --sp-tight:   clamp(16px, 1.6vw, 24px);
  --sp-gutter:  clamp(22px, 4vw, 60px);
}

section{ padding: var(--sp-section) var(--sp-gutter); }
footer{ padding: clamp(20px,2.5vw,30px) var(--sp-gutter); }

#services{ padding-top: clamp(36px, 4.5vw, 52px); }
.deliver{ padding-top: clamp(40px, 5vw, 58px); padding-bottom: clamp(40px, 5vw, 58px); }

.hero{ min-height: min(92vh, 940px); }
@media (max-height: 760px){ .hero{ min-height: auto; padding-top: 90px; padding-bottom: 70px; } }

.hero + .nf{ border-top: 0; padding-top: clamp(40px, 5.5vw, 84px); }

@media (max-width: 900px){
  section{ padding: clamp(44px, 8vw, 60px) 22px; }
  #services{ padding-top: 40px; }
}