@media (max-width: 480px) {
  .hero-logo-img {
    max-width: 220px;
  }

  .hero-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid-2,
  .grid-3,
  .grid-4 {
    grid-template-columns: 1fr;
  }

  .section-title,
  .section-title.split-text {
    font-size: 28px;
    line-height: 1.25;
  }

  /* Page header — handled in page-header.css */

  /* Hero — handled in hero.css tablet breakpoint */

  /* Stats bar values kept from tablet breakpoint (Figma: 40px italic) */

  /* About */
  .about-title {
    font-size: 28px;
    line-height: 1.25;
  }

  /* Video, Edition, Hybrid, Market, Sponsor CTA — handled in home-sections.css */

  /* Footer — handled in footer.css */

  /* Schedule — handled in schedule.css */

  /* Market stats — 2-col kept at 428px Figma reference */

  /* Sponsor grid — handled in sponsorship.css */

  /* Partners — handled in partners.css */

  /* Organization — handled in organization.css */

  .nav-links a {
    font-size: var(--fs-base);
  }

  /* footer-bottom padding — handled in footer.css */
}