* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { background: #16140e; -webkit-font-smoothing: antialiased; }
::selection { background: #243c52; color: #f3ede0; }

.reserve-btn:hover { background: #cba85f; }

/* ---------- TABLET ≤ 1000px ---------- */
@media (max-width: 1000px) {
  [data-r="about-grid"] { grid-template-columns: 1fr !important; gap: 60px !important; padding-left: 56px !important; padding-right: 56px !important; }
  [data-r="about-quote"] { height: auto !important; }
  [data-r="dining-grid"] { grid-template-columns: 1fr !important; gap: 48px !important; padding-left: 56px !important; padding-right: 56px !important; }
  [data-r="rooms-grid"] { grid-template-columns: repeat(2, 1fr) !important; gap: 26px !important; }
  [data-r="pad"] { padding-left: 56px !important; padding-right: 56px !important; }
}

/* ---------- NAV collapse ≤ 880px ---------- */
@media (max-width: 880px) {
  [data-r="navlinks"] { display: none !important; }
  [data-r="burger"] { display: flex !important; }
}

/* ---------- MOBILE ≤ 680px ---------- */
@media (max-width: 680px) {
  [data-r="nav"] { padding: 16px 22px !important; }
  [data-r="about"] { padding: 96px 0 !important; }
  [data-r="rooms"] { padding: 86px 0 96px !important; }
  [data-r="onsen"] { height: auto !important; min-height: 0 !important; padding: 100px 0 !important; }
  [data-r="onsen-frame"] { position: static !important; }
  [data-r="onsen-bg"] { position: absolute !important; inset: 0 !important; height: 100% !important; transform: none !important; }
  [data-r="dining"] { padding: 96px 0 !important; }
  [data-r="access"] { padding: 90px 0 !important; }
  [data-r="reserve"] { padding: 108px 0 !important; }

  [data-r="pad"], [data-r="about-grid"], [data-r="dining-grid"] { padding-left: 24px !important; padding-right: 24px !important; }
  [data-r="onsen-pad"] { padding: 0 24px !important; }
  [data-r="footer"] { padding: 64px 24px 44px !important; }
  [data-r="footer-row"] { flex-direction: column !important; gap: 36px !important; }

  [data-r="hero-eyebrow"] { font-size: 9px !important; letter-spacing: 0.34em !important; margin-bottom: 26px !important; }
  [data-r="hero-h1"] { font-size: 42px !important; letter-spacing: 0.14em !important; }
  [data-r="hero-tag"] { font-size: 19px !important; letter-spacing: 0.22em !important; }

  [data-r="about-label"] { display: none !important; }
  [data-r="about-h2"] { font-size: 32px !important; margin-bottom: 32px !important; }
  [data-r="about-quote"] { font-size: 24px !important; padding-right: 26px !important; }

  [data-r="sec-h2"] { font-size: 34px !important; }
  [data-r="onsen-h2"], [data-r="dining-h2"] { font-size: 33px !important; }
  [data-r="reserve-h2"] { font-size: 35px !important; }

  [data-r="rooms-head"] { flex-direction: column !important; align-items: flex-start !important; gap: 22px !important; margin-bottom: 56px !important; }
  [data-r="rooms-grid"] { grid-template-columns: 1fr !important; gap: 44px !important; }
  [data-r="access-grid"] { grid-template-columns: 1fr !important; }
  [data-r="dining-img"] { height: 360px !important; }
}