/* 7TH BREED compact site spacing — 2026-09-24
   Reduce excessive vertical whitespace without shrinking the enlarged desktop hero. */

/* Desktop / laptop: tighten oversized Tailwind section padding while preserving breathing room. */
@media (min-width: 1024px) {
  main > section:not(.hero-section) {
    scroll-margin-top: 5rem;
  }

  main > section:not(.hero-section).py-24,
  main > section:not(.hero-section) .py-24 { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  main > section:not(.hero-section).py-20,
  main > section:not(.hero-section) .py-20 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
  main > section:not(.hero-section).py-16,
  main > section:not(.hero-section) .py-16 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  main > section:not(.hero-section).py-14,
  main > section:not(.hero-section) .py-14 { padding-top: 2.75rem !important; padding-bottom: 2.75rem !important; }
  main > section:not(.hero-section).py-12,
  main > section:not(.hero-section) .py-12 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }

  main > section:not(.hero-section) .mt-16 { margin-top: 3rem !important; }
  main > section:not(.hero-section) .mb-16 { margin-bottom: 3rem !important; }
  main > section:not(.hero-section) .gap-16 { gap: 3rem !important; }
  main > section:not(.hero-section) .gap-12 { gap: 2.5rem !important; }
}

/* Tablet: remove the long empty bands between content blocks. */
@media (min-width: 768px) and (max-width: 1023px) {
  main > section:not(.hero-section).py-24,
  main > section:not(.hero-section) .py-24,
  main > section:not(.hero-section).py-20,
  main > section:not(.hero-section) .py-20 { padding-top: 3.25rem !important; padding-bottom: 3.25rem !important; }
  main > section:not(.hero-section).py-16,
  main > section:not(.hero-section) .py-16 { padding-top: 2.75rem !important; padding-bottom: 2.75rem !important; }
}

/* Phones: compact, but not cramped. */
@media (max-width: 767px) {
  main > section:not(.hero-section).py-24,
  main > section:not(.hero-section) .py-24,
  main > section:not(.hero-section).py-20,
  main > section:not(.hero-section) .py-20,
  main > section:not(.hero-section).py-16,
  main > section:not(.hero-section) .py-16 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
  main > section:not(.hero-section) .mt-16 { margin-top: 2rem !important; }
  main > section:not(.hero-section) .mb-16 { margin-bottom: 2rem !important; }
}