.site-header{position:absolute;top:0;left:0;right:0;z-index:50;height:var(--header-h)}
.has-hero .site-header{padding-inline:var(--panel-inset)} /* align with the inset hero panel */
.no-hero .site-header{position:relative;background:#fff;border-bottom:1px solid var(--hairline)}
.site-header__bar{display:flex;align-items:center;gap:clamp(1rem,3vw,3rem);height:100%}
.site-logo{flex:none;display:block}
.site-logo__img{height:clamp(2.5rem,3.4vw,4.0625rem);width:auto;object-fit:contain}

.site-nav{display:flex;align-items:center;flex:1;min-width:0;gap:2rem}
.site-nav__list{list-style:none;margin:0 auto;padding:0;display:flex;gap:clamp(1.25rem,2.4vw,2.75rem)}
.site-nav__list a{position:relative;display:inline-block;padding:.25rem 0;font-weight:var(--w-ui);font-size:var(--ui-size);line-height:var(--ui-lh);letter-spacing:var(--ui-track);color:var(--ink);white-space:nowrap;transition:color var(--dur) var(--ease)}
.site-nav__list a::after{content:"";position:absolute;left:0;right:0;bottom:-.25rem;height:2px;border-radius:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform var(--dur) var(--ease)}
.site-nav__list a:hover,.site-nav__list .current-menu-item>a,.site-nav__list .current-menu-ancestor>a,.site-nav__list .current_page_parent>a{color:var(--blue)}
.site-nav__list a:hover::after,.site-nav__list .current-menu-item>a::after,.site-nav__list .current-menu-ancestor>a::after{transform:scaleX(1)}
.site-nav__cta{flex:none;width:15.875rem;filter:drop-shadow(var(--shadow-btn))}
.nav-toggle{display:none}

@media (max-width:64em){
  .site-header__bar{justify-content:space-between}
  .nav-toggle{display:grid;place-items:center;position:relative;z-index:2;width:3rem;height:3rem;margin:0;padding:0;border:1px solid var(--hairline);border-radius:50%;background:#fff;cursor:pointer}
  .nav-toggle__bars,.nav-toggle__bars::before,.nav-toggle__bars::after{display:block;width:1.25rem;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s var(--ease),background .3s var(--ease)}
  .nav-toggle__bars{position:relative}
  .nav-toggle__bars::before,.nav-toggle__bars::after{content:"";position:absolute;left:0}
  .nav-toggle__bars::before{top:-6px}
  .nav-toggle__bars::after{top:6px}
  .nav-open .nav-toggle__bars{background:transparent}
  .nav-open .nav-toggle__bars::before{transform:translateY(6px) rotate(45deg)}
  .nav-open .nav-toggle__bars::after{transform:translateY(-6px) rotate(-45deg)}

  .site-nav{position:fixed;inset:0;z-index:1;flex-direction:column;justify-content:center;gap:2.5rem;padding:var(--header-h) var(--gutter) 3rem;background:#fff;opacity:0;visibility:hidden;transform:translateY(-1rem);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s .3s}
  .nav-open .site-nav{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}
  .site-nav__list{flex-direction:column;align-items:center;gap:1.5rem;margin:0}
  .site-nav__list a{font-size:1.5rem}
  .site-nav__cta{width:auto;min-width:15rem}
  body.nav-open{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){.site-nav,.nav-toggle__bars,.nav-toggle__bars::before,.nav-toggle__bars::after{transition:none}}