/* Full-width, opaque white header; direction-aware visibility is in header.js. */
.site-header{position:fixed;inset:0 0 auto;z-index:30;width:100%;border:0;border-bottom:1px solid rgb(0 0 0 / 8%);border-radius:0;background:var(--white);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translateY(0);transition:transform 240ms ease}
.site-header.is-hidden{transform:translateY(-105%)}
.site-header .header-inner{width:calc(100% - var(--gutter) * 2);max-width:var(--content-width);height:100%;margin:0 auto;padding:0;border:0;display:flex;align-items:center;justify-content:space-between}
.site-header .wordmark{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px;color:var(--brand-accent);font-weight:700;line-height:1;transform:translateY(2px)}
.site-header .header-nav{display:flex;align-items:center;flex-shrink:0;gap:32px}
.site-header .header-nav>a,.site-header .header-contact{display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.5;font-family:Paperlogy;font-size:16px}
.site-header .header-nav>a{font-weight:500}
.site-header .header-contact{font-weight:700;gap:10px;padding:10px 24px;border:1px solid var(--brand);border-radius:999px;background:var(--brand);color:var(--white)}
.site-header .header-nav>a,.site-header .header-contact{transition:color 180ms ease,background-color 180ms ease}
.site-header .header-nav>a:hover{color:var(--brand)}
.site-header .header-contact:hover{background:var(--white);color:var(--brand)}
.site-header .contact-arrow{font-size:.85em;line-height:1}
.site-header .header-nav>a:focus-visible,.site-header .header-contact:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
@media(min-width:1025px){
  .site-header{height:80px}
  .site-header .header-inner{gap:32px}
  .site-header .wordmark{font-size:28px}
  #main{padding-top:96px}
  html{scroll-padding-top:96px}
}
@media(min-width:768px) and (max-width:1024px){
  .site-header{height:72px}
  .site-header .header-inner{gap:24px}
  .site-header .wordmark{font-size:24px}
  .site-header .header-nav{gap:24px}
  .site-header .header-contact{padding:8px 18px;gap:8px}
  .site-header .header-nav>a,.site-header .header-contact{font-size:15px}
  #main{padding-top:96px}
  html{scroll-padding-top:112px}
}
@media(max-width:767px){
  .site-header{height:64px}
  .site-header .header-inner{width:calc(100% - 32px);gap:12px}
  .site-header .wordmark{font-size:17px;min-height:40px}
  .site-header .header-nav{gap:10px}
  .site-header .header-contact{padding:5px 10px;gap:5px}
  .site-header .header-nav>a,.site-header .header-contact{font-size:11px;min-height:40px}
  #main{padding-top:76px}
  html{scroll-padding-top:96px}
}
@media(prefers-reduced-motion:reduce){
  .site-header,.site-header .header-nav>a,.site-header .header-contact{transition:none}
}