/* Bản 1.1: sửa hiển thị tiếng Việt, logo và tỷ lệ trang chủ. */
body { word-spacing: 0 !important; }
h1, h2, h3, .brand {
  font-family: "Times New Roman", Times, serif !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}
h1 { font-size: clamp(2.8rem, 5vw, 5rem) !important; line-height: 1.05 !important; }
h2 { font-size: clamp(2rem, 3.2vw, 3.2rem) !important; line-height: 1.12 !important; }
.site-header {
  height: auto !important;
  min-height: 90px !important;
  padding: 16px max(5vw, 24px) !important;
  overflow: visible !important;
}
.brand { display: block !important; line-height: 1.05 !important; white-space: nowrap !important; }
.brand small { margin-top: 5px !important; line-height: 1.2 !important; }
.brand-wrap { display: flex; align-items: center; min-width: 240px; }
.brand-wrap .custom-logo-link { display: flex; align-items: center; }
.brand-wrap .custom-logo {
  display: block;
  width: auto !important;
  height: auto !important;
  max-width: 290px !important;
  max-height: 62px !important;
  object-fit: contain;
}
.menu-toggle { display: none; border: 0; background: transparent; color: #173c2c; font-size: 2rem; cursor: pointer; }
.main-nav a { font-weight: 700; }
.main-nav a:hover { color: #b28700; }
.hero { height: min(72vh, 680px) !important; min-height: 520px !important; }
.hero-copy { top: 52% !important; max-width: 680px !important; }
.hero-copy h1, .intro h2 { text-wrap: balance; }
.intro, .photo-band, .areas { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
@media (max-width: 800px) {
  .site-header { min-height: 74px !important; }
  .brand-wrap { min-width: 0; }
  .brand-wrap .custom-logo { max-width: 210px !important; max-height: 48px !important; }
  .menu-toggle { display: block; margin-left: auto; }
  .site-header .main-nav { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; padding: 12px 22px 22px; box-shadow: 0 12px 24px #0002; }
  .site-header .main-nav.open { display: block; }
  .site-header .main-nav ul { display: grid; gap: 0; margin: 0; }
  .site-header .main-nav li { border-bottom: 1px solid #eee; }
  .site-header .main-nav a { display: block; padding: 12px 4px; }
  .hero { min-height: 580px !important; }
  .intro, .photo-band, .areas { grid-template-columns: 1fr !important; }
  h1 { font-size: clamp(2.5rem, 12vw, 4rem) !important; }
}