/* Shared, self-hosted navigation typography. */
@font-face {
  font-family: "Manrope";
  src: url("assets/fonts/manrope-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}
header #main-navigation,
header #main-navigation a,
header #main-navigation .nav-services > summary,
header.mobile-menu-ready .mobile-menu-toggle,
header > .booking {
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
}
header #main-navigation > a,
header #main-navigation .nav-services > summary {
  font-size: 1.0625rem;
  font-weight: 550;
  letter-spacing: .025em;
  line-height: 1.5;
  color: #493e32;
  background: transparent;
  box-shadow: none;
  position: relative;
  transition: color .2s ease, background-color .2s ease;
}
header #main-navigation > a:hover,
header #main-navigation > a[aria-current],
header #main-navigation .nav-services > summary:hover,
header #main-navigation .nav-services[open] > summary {
  color: #805a29;
  background: transparent;
}
header #main-navigation > a[aria-current]::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  height: 1px;
  background: #a57a37;
}
header #main-navigation .nav-treatment-list > a,
header #main-navigation .nav-all {
  font-weight: 500;
  letter-spacing: .005em;
  line-height: 1.5;
}
header > .booking { font-weight: 600; letter-spacing: .015em; }
@media (min-width: 761px) {
  header #main-navigation { gap: clamp(12px, 1.7vw, 28px); padding: 0; border: 0; background: transparent; }
  header #main-navigation > a,
  header #main-navigation .nav-services > summary { padding: 13px 0; }
}
@media (max-width: 760px) {
  header.mobile-menu-ready #main-navigation > a,
  header.mobile-menu-ready #main-navigation .nav-services > summary {
    font-size: 1.125rem;
    font-weight: 550;
    letter-spacing: .015em;
    line-height: 1.5;
  }
  header.mobile-menu-ready #main-navigation > a[aria-current]::after { display: none; }
  header.mobile-menu-ready #main-navigation > a[aria-current] { color: #805a29; font-weight: 650; }
  header.mobile-menu-ready #main-navigation .nav-treatment-list > a { font-size: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
  header #main-navigation > a,
  header #main-navigation .nav-services > summary { transition: none; }
}