/* Mobile touch targets for homepage and location contact actions. */
@media (max-width: 760px) {
  .home-hero .hero-down {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }
  .network-refined .network-contact-details a {
    display: inline-block;
    box-sizing: border-box;
    min-height: 44px;
    max-width: 100%;
    padding-block: 10px;
    overflow-wrap: anywhere;
  }
  .network-refined .network-detail .network-detail-link {
    min-height: 44px;
  }
}

/* Keep the opening message within a short landscape viewport. */
@media (orientation: landscape) and (max-height: 500px) and (min-width: 481px) and (max-width: 900px) {
  .home-hero {
    height: calc(100svh - var(--header) - 12px);
    min-height: 0;
  }
  .home-hero .hero-copy {
    top: 50%;
    left: 6%;
    right: 16%;
    transform: translateY(-50%);
  }
  .home-hero .hero-wordmark {
    width: 140px;
    margin-bottom: 10px;
  }
  .home-hero .hero-copy h1,
  html[lang="en"] .home-hero .hero-copy h1,
  html[lang="ja"] .home-hero .hero-copy h1,
  html[lang="zh-CN"] .home-hero .hero-copy h1,
  html[lang="th"] .home-hero .hero-copy h1 {
    font-size: clamp(25px, 4vw, 30px);
    line-height: 1.2;
  }
  .home-hero .hero-copy p,
  html[lang="ja"] .home-hero .hero-copy p {
    max-width: 37em;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.45;
  }
  .home-hero .hero-controls { right: 20px; bottom: 14px; }
}

/* Easier to tap without changing the visual icon size. */
@media (max-width: 1023px) {
  .site-header .menu-toggle {
    min-width: 44px;
    min-height: 44px;
    flex: none;
  }
}