/* Shared menu geometry on every page and viewport where the menu is shown. */
header .menu-toggle,body.homepage header .menu-toggle{width:58px;height:58px;min-width:58px;min-height:58px;flex:0 0 58px;aspect-ratio:1;padding:0;border:0;border-radius:6px;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:#07134f;color:#fff}
header .menu-toggle span,body.homepage header .menu-toggle span{display:block;width:26px;height:3px;margin:0;background:#fff}
header .menu-toggle:focus-visible{outline:3px solid #2489f5;outline-offset:4px}
/* Let a wrapped eyebrow read as one label on small screens. */
@media(max-width:720px){.eyebrow::before{display:block;margin:0 0 10px;vertical-align:initial}}

/* Use the homepage’s authored title case throughout desktop and mobile navigation. */
header #site-menu a,body.homepage header #site-menu a{text-transform:none}

/* Keep all destinations visible on laptops, and use one shared mobile breakpoint. */
@media(min-width:1001px){
  body header,body.homepage header{padding-inline:max(24px,calc((100vw - 1320px)/2));gap:20px}
  body header .logo,body.homepage header .logo{width:200px}
  body header #site-menu,body.homepage header #site-menu{display:flex;gap:clamp(12px,1.4vw,22px);align-items:center}
  body header #site-menu a,body.homepage header #site-menu a{white-space:nowrap;font-size:12px;letter-spacing:.025em}
  body header #site-menu .button{padding:15px 14px}
  body header .menu-toggle,body.homepage header .menu-toggle{display:none}
}
@media(max-width:1000px){
  body header .menu-toggle,body.homepage header .menu-toggle{display:flex}
  body header #site-menu,body.homepage header #site-menu{display:none}
  body header #site-menu.is-open,body.homepage header #site-menu.is-open{position:absolute;top:100%;left:0;right:0;z-index:8;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 22px 22px;background:var(--brand-white,#fff);border-bottom:1px solid var(--line);box-shadow:0 14px 22px #071a4618;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
  body header #site-menu.is-open a,body.homepage header #site-menu.is-open a{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;white-space:normal}
}
#email-plans{scroll-margin-top:110px}
