/* Mobile copy remains below the fixed header and inside the 390 px frame. */

@media (max-width: 640px) {
  .hero-layout,
  .direction-layout {
    padding-top: calc(var(--header-height) + 34px);
  }

  .hero-copy,
  .direction-copy,
  .hero-copy h1,
  .direction-copy h2 {
    width: 100%;
    min-width: 0;
  }

  .hero-copy h1 {
    max-width: 350px;
    font-size: clamp(38px, 10.2vw, 43px);
    letter-spacing: -0.052em;
  }

  .hero-actions {
    gap: 12px;
  }

  .hero-actions .glass-button {
    padding-inline: 17px 14px;
  }

  .text-link {
    gap: 7px;
    font-size: 12px;
  }

  .direction-copy h2 {
    font-size: clamp(37px, 9.8vw, 43px);
  }
}

@media (max-width: 380px) {
  .hero-layout,
  .direction-layout {
    padding-top: calc(var(--header-height) + 30px);
  }

  .hero-copy h1 {
    font-size: 38px;
  }

  .hero-actions {
    gap: 3px;
  }
}