/* One marketing header for the homepage and the entire Learn library. */
@font-face {
  font-family:StoryHelmHeader;
  src:url('/assets/marketing-header-inter.woff2') format('woff2');
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}
.marketing-header {
  --header-gutter:52px;
  position:sticky;
  top:0;
  z-index:60;
  background:rgba(245,242,237,.92);
  backdrop-filter:saturate(140%) blur(10px);
  border:0;
  border-bottom:1px solid #d9d3c8;
  color:#0b2038;
  font:400 16px/1.6 StoryHelmHeader,Inter,system-ui,-apple-system,sans-serif;
  letter-spacing:normal;
  -webkit-font-smoothing:antialiased;
}
.marketing-header * { box-sizing:border-box; margin:0; }
.marketing-header a { text-decoration:none; }
.marketing-header a:focus-visible,.marketing-header button:focus-visible { outline:2px solid #b8862c; outline-offset:5px; }
.marketing-header__inner { display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; max-width:1184px; height:84px; margin:0 auto; padding:0 var(--header-gutter); gap:24px; }
.marketing-header .marketing-header__brand { display:flex; align-items:center; flex-shrink:0; }
.marketing-header .marketing-header__logo { display:block; height:52px; width:auto; max-width:100%; }
.marketing-header__links { display:flex; align-items:center; gap:30px; padding:0; }
.marketing-header .marketing-header__link { color:#0b2038; font:500 15.2px/1.6 StoryHelmHeader,Inter,system-ui,-apple-system,sans-serif; white-space:nowrap; transition:color .15s; }
.marketing-header .marketing-header__link:hover { color:#b8862c; }
.marketing-header .marketing-header__cta { display:inline-flex; align-items:center; gap:16px; background:#071e37; color:#fff; font:600 15.2px/1.6 StoryHelmHeader,Inter,system-ui,-apple-system,sans-serif; padding:15px 30px; border:0; border-radius:3px; white-space:nowrap; transition:background .15s; box-shadow:none; }
.marketing-header .marketing-header__cta:hover { background:#0d2743; }
.marketing-header__cta svg { display:block; flex-shrink:0; width:20px; height:16px; stroke:#d09b3a; }
.marketing-header__toggle { display:none; align-items:center; justify-content:center; flex-shrink:0; width:44px; height:44px; padding:8px; border:0; background:none; color:#0b2038; cursor:pointer; }
.marketing-header__toggle svg { display:block; width:26px; height:18px; }
.marketing-header__toggle[hidden] { display:none!important; }
@media(max-width:1080px) { .marketing-header { --header-gutter:34px; } }
@media(max-width:900px) {
  .marketing-header:not([data-enhanced]) { position:relative; }
  .marketing-header__inner { height:auto; min-height:76px; flex-wrap:wrap; gap:0; }
  .marketing-header__links { flex:1 0 100%; flex-direction:column; align-items:stretch; gap:0; background:#f5f2ed; border-bottom:1px solid #d9d3c8; padding:8px 0 18px; }
  .marketing-header[data-enhanced] .marketing-header__inner { height:76px; flex-wrap:nowrap; }
  .marketing-header[data-enhanced] .marketing-header__links { display:none; position:absolute; top:100%; left:0; right:0; padding:8px var(--header-gutter) 18px; max-height:calc(100dvh - 76px); overflow-y:auto; }
  .marketing-header[data-enhanced] .marketing-header__links[data-open=true] { display:flex; }
  .marketing-header .marketing-header__link { padding:14px 0; border-bottom:1px solid #e5dfd4; font-size:16.8px; }
  .marketing-header .marketing-header__cta { margin-top:14px; justify-content:center; }
  .marketing-header__toggle { display:flex; }
}
@media(max-width:760px) { .marketing-header { --header-gutter:22px; } }
@media(prefers-reduced-motion:reduce) { .marketing-header a { transition:none!important; } }
@media print { .marketing-header { display:none; } }