.site-header {
  top: 14px;
  height: 72px;
  margin: 14px 24px;
  padding-inline: 28px;
  border: 1px solid #d8ddd388;
  border-radius: 8px;
  background: #f7f6f2ed;
  box-shadow: 0 6px 30px #23372c08;
  transition: transform .38s ease, background .35s ease, color .35s ease, box-shadow .35s ease;
}
.site-header .wordmark { font-size: 28px; color: inherit; }
.site-header .brand-symbol { width: 25px; margin-right: 9px; }
.site-header .brand-symbol i { height: 4px; width: 23px; }
.site-header .brand-symbol i:nth-child(2) { width: 17px; }
.site-header :is(.desktop-nav, .header-cta) { font-size: 12px; font-weight: 500; line-height: 1.5; }
.site-header .desktop-nav { gap: 30px; }
.site-header[data-hidden="true"] { transform: translateY(calc(-100% - 40px)); }
.site-header:focus-within, .site-header[data-menu-open="true"] { transform: translateY(0); }
.site-header.header-immersive { position: fixed; inset-inline: 24px; margin: 0; }
.site-header.header-immersive:not([data-over-story="false"]) {
  inset-inline: 0;
  top: 0;
  height: 100px;
  padding-inline: 56px;
  border: 0;
  border-radius: 0;
  color: #f6f6ec;
  background: transparent;
  backdrop-filter: none;
  box-shadow: none;
}
.site-header.header-immersive:not([data-over-story="false"])::before { content: ''; position: absolute; inset: 0 0 -50px; background: linear-gradient(#0d21173d, transparent); pointer-events: none; z-index: -1; }
.header-immersive:not([data-over-story="false"]) .brand-dot { color: #d6dfb0; }
.site-header .mobile-menu-toggle.mud-icon-button { color: inherit; }
.site-header .mobile-nav { top: calc(100% + 8px); background: #f7f6f2fa; backdrop-filter: blur(20px); color: var(--ink); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 12px 45px #10221922; max-height: calc(100svh - 110px); overflow-y: auto; }
.header-immersive:not([data-over-story="false"]) a:focus-visible,
.header-immersive:not([data-over-story="false"]) button:focus-visible { outline-color: #edf1c5; }
.site-header .mobile-nav :is(a, .email-copy):focus-visible { outline-color: #7c966b; }
@media (max-width: 1100px) { .site-header .desktop-nav { gap: 24px; } .site-header.header-immersive:not([data-over-story="false"]) { padding-inline: 32px; } }
@media (max-width: 850px) {
  .site-header { margin: 12px 16px; top: 12px; padding-inline: 20px; height: 66px; gap: 20px; }
  .site-header.header-immersive { inset-inline: 16px; }
  .site-header.header-immersive:not([data-over-story="false"]) { height: 82px; }
  .site-header .mobile-nav { left: 16px; right: 16px; width: auto; }
}
@media (max-width: 600px) {
  .site-header { margin: 10px 12px; top: 10px; height: 62px; padding-inline: 16px; gap: 10px; }
  .site-header.header-immersive { inset-inline: 12px; }
  .site-header.header-immersive:not([data-over-story="false"]) { padding-inline: 20px; height: 76px; }
  .site-header .wordmark { font-size: 25px; }
  .site-header .brand-symbol { width: 22px; margin-right: 7px; }
  .site-header .brand-symbol i { width: 21px; }
  .site-header .header-cta { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) { .site-header { transition: none; } }