/* Responsive adjustments for smaller screens */
@media (max-width: 760px) {
  .hero-section {
    padding-top: 4rem;
  }

  .hero-copy {
    text-align: center;
  }

  .hero-visual {
    min-height: 420px;
  }

  .hero-visual__glow,
  .hero-visual__spotlight {
    display: none;
  }

  .scroll-indicator {
    bottom: 1.4rem;
  }

  .final-copy h1 {
    font-size: 5rem;
  }
}

@media (max-width: 520px) {
  section {
    padding: 2.5rem 1rem;
  }

  .hero-copy h1 {
    font-size: 2.8rem;
  }

  .hero-number {
    font-size: 2.6rem;
  }

  .section-header h2 {
    font-size: 2.3rem;
  }

  .final-copy h2 {
    font-size: 3.5rem;
  }

  .final-copy h1 {
    font-size: 4.5rem;
  }
}