html { overflow-x: hidden; -webkit-text-size-adjust: 100%; }
body { overflow-x: hidden; }
img { max-width: 100%; }

@media (max-width: 760px) {
  header { position: relative; z-index: 10; height: 78px; }
  .logo-only { width: 130px; height: 74px; background-size: 130px auto; background-position: center; }
  header nav.is-open { display: flex; position: absolute; top: 78px; left: 0; right: 0; z-index: 20; gap: 0; padding: 8px 18px 16px; background: #fbf8f2; box-shadow: 0 10px 18px #27352f1a; }
  header nav.is-open a { padding: 12px 0; border-bottom: 1px solid #e6e4dd; }
  .menu { width: 44px; height: 44px; padding: 0; line-height: 1; font-size: 28px; color: #27352f; }
  .announcement { line-height: 1.35; }
  .care-hero h1 { font-size: clamp(2.55rem, 13vw, 3.15rem); }
  .care-hero-image { min-height: 320px; }
  .slider-controls { margin: 0 0 18px; }
  .directory-card { flex-basis: 86%; }
}

@media (max-width: 360px) {
  .logo-only { width: 125px; height: 74px; background-size: 125px auto; }
  .care-hero-image { min-height: 280px; }
  .button { width: 100%; }
  .hero-actions { display: grid; }
}