/* ==========================================================================
   Global responsive fine-tuning (mobile-first base already in other files)
   ========================================================================== */

@media (max-width: 480px) {
  .hero-content h1 { font-size: var(--fs-3xl); }
  .section { padding-block: var(--space-6); }
  .section-head h2 { font-size: var(--fs-2xl); }
  .newsletter-section { margin-inline: 0; border-radius: 0; }
}

@media (min-width: 1280px) {
  .container { padding-inline: var(--space-5); }
}