/* Mobile section rhythm — 2026-09-01.
   Collapses the large blank bands between homepage sections on phones.
   Every section boundary stacks two empty spacer divs (.padding-section-large,
   ~89px each at the fluid root size) plus per-section padding; on a phone that
   reads as half a screen of dead black between sections.

   SCOPE: max-width 767px only. Tablet and desktop keep the original rhythm.
   Only BOUNDARY spacers are reduced here — within-section spacing (heading to
   content, .spacer-medium, .spacer-section-*) is deliberately untouched. */

@media (max-width: 767px) {
  /* Empty spacer divs at the top and bottom of every homepage section.
     v=3 (Mena 2026-09-01, on-device: 1.5rem "went a little too tight"):
     raised to sit roughly halfway between the shipped 1.5rem and the
     original 5rem-fluid rhythm. */
  .padding-section-large {
    padding-top: 2.5rem;
  }

  .padding-section-medium {
    padding-top: 2rem;
  }

  /* The audience comments deck carries its own section padding
     (audience-saying.css: 4.5rem 0). Same treatment. */
  .section_audience-saying {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  /* v=2 zeroed the two spacers under the last expertise card ("Audience
     Pulse"), tuned while every spacer was 24px. After the v=3 loosening to
     2.5rem that zero made this the one cramped boundary on the page, and
     Mena flagged it on-device ("underneath audience pulse look at it",
     2026-09-01). v=4: rule removed; the boundary follows the shared 2.5rem
     rhythm, verified visually equal to its neighbors at 375px. */
}