/* Compact mobile homepage; desktop retains the approved layout. */
@media (max-width: 600px) {
  .home-page .nav-overlay { height: 64px; padding-inline: 16px; }
  .home-page .nav-overlay .brand { width: 150px; height: 40px; }
  .home-page .nav-overlay .brand img { max-width: 150px; height: 34px; }
  .home-page .nav-overlay .menu { min-height: 44px; padding: .5rem .75rem; font-size: .75rem; }
  .home-page .nav-overlay nav { top: 64px; }
  .home-page .hero { min-height: 100svh; padding: 112px 16px 88px; }
  .home-page .hero-copy { width: 100%; max-width: none; }
  .home-page .hero .eyebrow { font-size: clamp(.625rem, 2.6vw, .75rem); letter-spacing: .1em; margin-bottom: 1rem; }
  .home-page .hero h1 { max-width: none; font-size: clamp(1.375rem, 6vw, 2.25rem); line-height: 1.15; margin-bottom: 1.1rem; }
  .home-page .hero .lead { font-size: .875rem; line-height: 1.65; }
  .home-page .hero .actions { gap: .625rem; margin: 1.75rem 0 0; }
  .home-page .hero .button { min-height: 44px; padding: .6rem 1rem; font-size: .8125rem; }
  .home-page .scroll-cue { width: 36px; height: 36px; bottom: 20px; }
}