/* New header design, brought over from the redesign.
   Loaded after style.css on pages that still use the original stylesheet.
   Colours are literal on purpose: the redesign's global palette is not adopted yet. */
.announcement { padding: 7px 24px; font-size: .75rem; line-height: 1.5; letter-spacing: .03em; }
.nav { background: #f7f4eb; border-bottom: 1px solid #d9d8ca; backdrop-filter: none; }
.nav.scrolled { background: #f7f4eb; box-shadow: 0 3px 12px #153c2f0d; }
.nav-inner { min-height: 88px; padding: 16px 40px; gap: 24px; max-width: 1320px; }
.nav-logo { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.nav-logo img { width: 48px; height: 48px; aspect-ratio: 1; object-fit: contain; }
.brand-wordmark { display: flex; flex-direction: column; color: #153c2f; line-height: 1; }
.brand-wordmark strong { font-family: var(--font-display); font-size: 1.35rem; font-weight: 600; white-space: nowrap; }
.brand-wordmark .brand-byline { margin-top: 7px; font-size: .72rem; font-weight: 500; letter-spacing: .08em; }
.nav-links { gap: 19px; }
.nav-links a { color: #153c2f; font-size: .81rem; letter-spacing: 0; white-space: nowrap; }
.nav-links a:hover, .nav-links a.active { color: #765b1b; }
.nav-phone { color: #153c2f; font-size: .81rem; }
.nav-phone:hover { color: #765b1b; }
.nav-right { gap: 16px; }
.nav-links .btn-nav { display: none; }
.btn-nav { background: #153c2f; color: #fff; border-radius: 2px; padding: 11px 18px; font-size: .8rem; }
.btn-nav:hover { background: #285b46; color: #fff; transform: none; }
.nav-toggle span { background: #153c2f; }
.nav-close-btn { display: none; }

@media (min-width: 1101px) and (max-width: 1250px) {
  .nav-phone { display: none; }
  .nav-inner { gap: 18px; padding-inline: 24px; }
  .nav-links { gap: 14px; }
  .brand-wordmark strong { font-size: 1.2rem; }
}
@media (max-width: 1100px) {
  .nav-close-btn { display: flex; }
  .nav-links.open { background: #153c2f; }
  .nav-links.open a { color: #fff; }
  .nav-links.open a.active { color: var(--gold-light); }
  .nav-links.open .btn-nav { display: inline-flex; background: var(--gold); color: #182c23; }
}
@media (max-width: 768px) {
  .announcement { padding: 7px 16px; font-size: .66rem; }
  .nav-inner { min-height: 76px; padding: 10px 24px; gap: 12px; }
  .nav-logo { gap: 7px; }
  .nav-logo img { width: 36px; height: 36px; }
  .brand-wordmark strong { font-size: 1.06rem; max-width: 145px; white-space: normal; line-height: 1.08; }
  .brand-wordmark .brand-byline { font-size: .65rem; letter-spacing: .04em; margin-top: 5px; }
  .nav-right { gap: 12px; }
  .btn-nav { font-size: .73rem; padding: 10px 12px; min-height: 44px; }
  .nav-toggle { min-height: 44px; }
}
@media (max-width: 480px) {
  .nav-inner { padding: 10px 16px; gap: 8px; }
  .nav-logo { min-width: 0; flex: 0 1 auto; }
  .brand-wordmark strong { max-width: 100px; }
  .nav-right { flex-shrink: 0; gap: 8px; }
  .btn-nav { padding: 10px 9px; font-size: .68rem; }
}

/* Top-right contact: Message us above the 1300 number */
.nav-contact { display: flex; flex-direction: column; align-items: stretch; gap: 6px; }
.nav-contact a { display: flex; align-items: center; justify-content: center; gap: 7px; white-space: nowrap; border-radius: 2px; font-weight: 700; line-height: 1; }
.nav-contact-msg { background: #153c2f; color: #fff; padding: 9px 14px; font-size: .8rem; }
.nav-contact-msg:hover { background: #285b46; color: #fff; }
.nav-contact-tel { color: #153c2f; font-size: .9rem; letter-spacing: .02em; padding: 2px 0; }
.nav-contact-tel:hover { color: #765b1b; }
.nav-menu-tel { display: none; }
@media (max-width: 1100px) {
  .nav-links.open .nav-menu-tel { display: inline-flex; color: #fff; font-weight: 700; font-size: 1.1rem; margin-top: 6px; }
}
@media (max-width: 768px) {
  .nav-contact { gap: 4px; }
  .nav-contact-msg { font-size: .72rem; padding: 8px 10px; }
  .nav-contact-tel { font-size: .78rem; }
}
@media (max-width: 480px) {
  .nav-contact a { gap: 4px; }
  .nav-contact-msg { font-size: .66rem; padding: 7px 8px; }
  .nav-contact-tel { font-size: .7rem; letter-spacing: 0; }
}