/* Bevel & Sloane navbar v2 (2026-11-13). One cream pill, divider after the logo, both buttons kept.
   Sizes are the reference mock's (2000px wide) scaled by --m so the bar fills 1400px at a 1440 viewport. */
.site-header.g-nav { --m: clamp(0.59px, calc((100vw - 40px) / 1930), 0.78px); }
html body .site-header.g-nav.g-nav.g-nav .g-nav-bar.g-nav-bar.g-nav-bar {
  display: flex !important; align-items: center !important; gap: 0 !important;
  min-height: calc(106 * var(--m)) !important; padding: 0 calc(21 * var(--m)) 0 calc(30 * var(--m)) !important;
  background: #FDF2E3 !important; border-radius: 999px !important; border: 0 !important;
  box-shadow: 0 4px 0 #96570F !important;
}
html body .site-header.g-nav.g-nav.g-nav .g-nav-bar.g-nav-bar > .brand.brand { flex: none; display: inline-flex !important; align-items: center; background: none !important; box-shadow: none !important; border: 0 !important; padding: 0 !important; height: auto !important; }
html body .site-header.g-nav.g-nav.g-nav .g-nav-bar .brand-lockup { width: calc(272 * var(--m)) !important; height: auto !important; }
html body .site-header.g-nav.g-nav.g-nav .mm-nav { display: flex !important; align-items: center; margin: 0 !important; }
html body .site-header.g-nav.g-nav.g-nav .mm-nav::before { content: ""; flex: none; width: 1px; height: calc(45 * var(--m)); background: #E0D3B9; margin: 0 calc(40 * var(--m)); }
html body .site-header.g-nav.g-nav.g-nav .mm { display: flex !important; align-items: center; gap: calc(30 * var(--m)) !important; }
html body .site-header.g-nav.g-nav.g-nav .mm-btn {
  display: inline-flex !important; align-items: center; gap: calc(11 * var(--m)) !important; height: 44px; padding: 0 !important; background: none !important;
  font-family: var(--g-sans) !important; font-size: calc(24.3 * var(--m)) !important; font-weight: 400 !important; letter-spacing: 0 !important; color: #120A08 !important;
  transition: color 150ms ease-out;
}
html body .site-header.g-nav.g-nav.g-nav .mm-btn:hover, html body .site-header.g-nav.g-nav.g-nav .mm-btn[aria-expanded="true"] { color: #BD320D !important; background: none !important; }
html body .site-header.g-nav.g-nav.g-nav .mm-chev { width: calc(13 * var(--m)) !important; height: calc(13 * var(--m)) !important; color: #23190D; transition: transform 150ms ease-out; }
html body .site-header.g-nav.g-nav.g-nav .mm-btn[aria-expanded="true"] .mm-chev { transform: rotate(180deg); }
html body .site-header.g-nav.g-nav.g-nav .g-nav-cta { display: flex !important; align-items: center; gap: calc(16 * var(--m)) !important; margin-left: auto !important; padding: 0 0 4px calc(32 * var(--m)) !important; }
html body .site-header.g-nav.g-nav.g-nav .g-nav-cta .g-btn {
  display: inline-flex !important; align-items: center; gap: calc(12 * var(--m)); height: calc(61 * var(--m)) !important; min-height: 40px; padding: 0 calc(34 * var(--m)) !important;
  border-radius: 999px !important; font-family: var(--g-sans) !important; font-size: calc(25 * var(--m)) !important; font-weight: 500 !important; letter-spacing: 0 !important; white-space: nowrap;
  transition: transform 150ms ease-out, box-shadow 150ms ease-out;
}
html body .site-header.g-nav.g-nav.g-nav .g-nav-cta .g-btn--line { display: inline-flex !important; background: #FDF2E3 !important; color: #120A08 !important; box-shadow: inset 0 0 0 1.5px #2B1310, 0 4px 0 #2B1310 !important; }
html body .site-header.g-nav.g-nav.g-nav .g-nav-cta .g-btn--pink { background: #BD320D !important; color: #FFF4EC !important; box-shadow: 0 4px 0 #2B1310 !important; }
html body .site-header.g-nav.g-nav.g-nav .g-nav-cta .g-btn svg { width: calc(22 * var(--m)); height: calc(22 * var(--m)); flex: none; }
html body .site-header.g-nav.g-nav.g-nav .g-nav-cta .g-btn:hover { transform: translateY(2px); }
html body .site-header.g-nav.g-nav.g-nav .g-nav-cta .g-btn--line:hover { box-shadow: inset 0 0 0 1.5px #2B1310, 0 2px 0 #2B1310 !important; }
html body .site-header.g-nav.g-nav.g-nav .g-nav-cta .g-btn--pink:hover { box-shadow: 0 2px 0 #2B1310 !important; }
html body .site-header.g-nav.g-nav.g-nav .g-nav-bar a:focus-visible, html body .site-header.g-nav.g-nav.g-nav .mm-btn:focus-visible { outline: 2px solid #BD320D; outline-offset: 3px; border-radius: 999px; }

/* under 1180px the seven menu items no longer fit at a readable size: burger, both buttons stay */
@media (max-width: 1179px) {
  .site-header.g-nav { --m: 0.62px; }
  html body .site-header.g-nav.g-nav.g-nav .mm-nav { display: none !important; }
  html body .site-header.g-nav.g-nav.g-nav .g-menu { display: grid !important; place-items: center !important; width: 45px !important; min-width: 45px; height: 45px !important; margin-left: calc(14 * var(--m)); }
  html body .site-header.g-nav.g-nav.g-nav .g-nav-cta .g-btn { font-size: 15px !important; height: 42px !important; padding: 0 18px !important; }
}
@media (max-width: 809px) {
  html body .site-header.g-nav.g-nav.g-nav .g-nav-cta { display: none !important; }
  html body .site-header.g-nav.g-nav.g-nav .g-nav-bar.g-nav-bar.g-nav-bar { min-height: 60px !important; padding: 0 8px 0 18px !important; }
  html body .site-header.g-nav.g-nav.g-nav .g-nav-bar .brand-lockup { width: 180px !important; }
  html body .site-header.g-nav.g-nav.g-nav .g-menu { margin-left: auto; }
}
@media (prefers-reduced-motion: reduce) {
  html body .site-header.g-nav.g-nav.g-nav .mm-btn, html body .site-header.g-nav.g-nav.g-nav .mm-chev, html body .site-header.g-nav.g-nav.g-nav .g-nav-cta .g-btn { transition: none; }
  html body .site-header.g-nav.g-nav.g-nav .g-nav-cta .g-btn:hover { transform: none; }
}