.site-header[data-surface-sync] {
  background:var(--header-surface) !important;
  color:var(--header-ink) !important;
  border-bottom-color:var(--header-border) !important;
}
.site-header[data-surface-sync] :is(.nav-links,.header-nav) a:not(.nav-cta),
.site-header[data-surface-sync] :is(.menu,.nav-toggle,.menu-toggle) {
  color:var(--header-ink) !important;
}
.site-header[data-surface-sync] .nav-cta {
  border-color:var(--header-ink) !important;
  background:var(--header-ink) !important;
  color:var(--header-cta-ink) !important;
}
.site-header[data-surface-sync][data-header-tone="dark"] .nav-cta {
  border-color:#FFFFFF !important;
  background:#FFFFFF !important;
  color:#000000 !important;
}
html body a[data-foam-event="book_call"],
html body a[data-foam-event="book_call"]:is(:hover,:focus-visible),
html body .site-header :is(.nav-links,.header-nav) a[data-foam-event="book_call"]:is(:hover,:focus-visible) {
  text-decoration:none !important;
}
.site-header[data-surface-sync] :is(.nav-links,.header-nav).is-open,
.site-header[data-surface-sync] .nav-links.open {
  border-bottom-color:var(--header-border) !important;
  background:var(--header-surface) !important;
  color:var(--header-ink) !important;
}
.site-header[data-surface-sync][data-header-tone="light"] .header-logo .logo-light,
.site-header[data-surface-sync][data-header-tone="dark"] .header-logo .logo-dark { display:block !important; }
.site-header[data-surface-sync][data-header-tone="light"] .header-logo .logo-dark,
.site-header[data-surface-sync][data-header-tone="dark"] .header-logo .logo-light { display:none !important; }

@media (max-width: 640px) {
  .site-header :is(.menu,.nav-toggle,.menu-toggle) {
    position:relative;
    margin-left:auto !important;
    width:36px;
    min-width:36px;
    height:36px;
    padding:0 !important;
    overflow:hidden;
    font-size:0 !important;
    line-height:0 !important;
  }
  .site-header :is(.menu,.nav-toggle,.menu-toggle)::before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:18px;
    height:2px;
    border-radius:2px;
    background:currentColor;
    box-shadow:0 -6px 0 currentColor,0 6px 0 currentColor;
    transform:translate(-50%,-50%);
  }
  .site-header :is(.nav-links,.header-nav).is-open .nav-cta,
  .site-header .nav-links.open .nav-cta {
    display:inline-flex;
    align-self:flex-start;
    justify-content:center;
    width:auto;
    min-width:0;
    min-height:36px !important;
    margin:8px 0 10px;
    padding:7px 13px !important;
    border:1px solid var(--header-ink) !important;
    border-radius:30px !important;
    background:var(--header-ink) !important;
    color:var(--header-cta-ink) !important;
    font:700 14px/20px "DM Sans",sans-serif !important;
    white-space:nowrap;
    text-decoration:none;
  }
  .site-header :is(.nav-links,.header-nav).is-open .nav-cta:is(:hover,:focus-visible),
  .site-header .nav-links.open .nav-cta:is(:hover,:focus-visible) {
    text-decoration:none;
    opacity:.88;
  }
}

/* Large displays: let the navigation and footer breathe without enlarging type. */
@media (min-width: 1921px) {
  html body .site-header .nav,
  html body .footer > .wrap {
    width:clamp(1180px, calc(1180px + (100vw - 1920px) * .90625), 1760px);
    max-width:none;
    margin-inline:auto;
  }
  html body .site-header .nav-links {
    gap:clamp(24px, calc(24px + (100vw - 1920px) * .025), 40px);
  }
  html body .site-footer .footer-inner {
    width:clamp(1376px, calc(1376px + (100vw - 1920px) * .6), 1760px);
    max-width:none;
    margin-inline:auto;
  }
  html body :is(.site-footer,.footer) .footer-grid {
    column-gap:clamp(32px, calc(32px + (100vw - 1920px) * .025), 48px);
  }
}