/* Preserve ONO's widths, logo, type and palette; box the header after scrolling. */
.site-header{position:sticky;top:0;border:0;background:transparent;transition:top .24s ease;isolation:isolate}
.site-header:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--white);border-bottom:1px solid var(--line);transition:opacity .24s}
.home-page .site-header{background:transparent;border:0}
.home-page .site-header:before{background:var(--home-light);border-color:rgba(17,17,17,.07)}
.site-header .nav{position:relative;border:1px solid transparent;transition:background .24s,border-color .24s,box-shadow .24s,border-radius .24s}
.site-header.is-scrolled{top:16px}
.site-header.is-scrolled:before{opacity:0}
.site-header.is-scrolled .nav{background:rgba(255,255,255,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--line);border-radius:12px;box-shadow:0 8px 24px -16px rgba(17,17,17,.3),0 1px 3px rgba(17,17,17,.04)}
@media(max-width:600px){.site-header .nav{border:0}.site-header.is-scrolled{top:8px}.site-header.is-scrolled .nav{width:calc(100% - 24px);padding-inline:8px;border:1px solid var(--line);border-radius:10px}.site-header .nav #navigation{top:calc(100% + 8px);left:0;right:0;width:100%;justify-self:stretch;border:1px solid var(--line);border-radius:10px;background:var(--white);box-shadow:0 12px 24px -16px rgba(17,17,17,.2)}.home-page .site-header .nav #navigation{background:var(--home-light)}}
@media(max-width:359px){.site-header.is-scrolled .nav{padding-inline:4px}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header:before,.site-header .nav{transition:none}}
/* Subpages live under each existing top-level destination. */
#navigation .nav-group{position:relative;display:flex;align-items:center;gap:4px;flex:none}
#navigation .nav-parent-link{display:inline-flex;align-items:center;justify-content:space-between;gap:4px;min-height:36px;white-space:nowrap;font:500 13px/20px Switzer,sans-serif}
#navigation .nav-direct{display:flex;align-items:center;flex:none}
#navigation .nav-direct-link{padding:6px 4px;border-radius:6px;color:var(--body);text-decoration:none}
#navigation .nav-direct-link:hover,#navigation .nav-direct[data-active]>.nav-direct-link{color:var(--accent);text-decoration:none}
#navigation .nav-submenu-toggle{display:inline-flex;align-items:center;flex:none;width:auto;height:36px;padding:6px 4px;border:0;border-radius:6px;background:transparent;color:var(--body)}
#navigation .nav-submenu-toggle svg{display:block;transition:transform .18s}
#navigation .nav-submenu-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
#navigation .nav-submenu-toggle:hover{background:linear-gradient(120deg,rgba(163,207,255,.18),rgba(163,207,255,.04))}
#navigation .nav-group[data-open]>.nav-parent-link,#navigation .nav-group[data-active]>.nav-parent-link{color:var(--accent)}
#navigation .nav-dropdown{position:absolute;left:0;top:calc(100% + 28px);z-index:60;width:328px;max-width:calc(100vw - 48px);padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--white);box-shadow:0 16px 40px -16px rgba(17,17,17,.2),0 2px 6px rgba(17,17,17,.03);opacity:1;transform:translateY(0);transition:opacity .16s,transform .16s}
#navigation .nav-dropdown:before{content:'';position:absolute;left:0;right:0;top:-28px;height:28px}
#navigation .nav-group:nth-child(n+3) .nav-dropdown{left:auto;right:0}
#navigation .nav-dropdown ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:2px}
#navigation .nav-dropdown li{margin:0;padding:0}
#navigation .nav-dropdown a{display:flex;flex-direction:column;gap:4px;border-radius:6px;padding:12px;min-height:44px;color:var(--ink);text-decoration:none;background:none;transition:background .16s}
#navigation .nav-dropdown a:hover,#navigation .nav-dropdown a:focus-visible{background:linear-gradient(115deg,rgba(163,207,255,.17),rgba(163,207,255,.04));color:var(--ink);text-decoration:none}
#navigation .nav-dropdown a[aria-current=page]{background:linear-gradient(115deg,rgba(163,207,255,.17),rgba(163,207,255,.04));color:var(--accent);text-decoration:none}
#navigation .nav-link-title{font:500 13px/1.4 Switzer,sans-serif;letter-spacing:-.01em}
#navigation .nav-link-description{font:400 11px/1.5 Inter,sans-serif;color:var(--body);max-width:280px}
#navigation .nav-legal-item a{min-height:40px;padding-top:10px;padding-bottom:10px}
#navigation .nav-legal-item:first-of-type{border-top:1px solid var(--line)}
@starting-style{#navigation .nav-dropdown{opacity:0;transform:translateY(-4px)}}
@media(max-width:900px){
  .site-header .nav,.home-page .site-header .nav{display:flex;justify-content:space-between;gap:16px}
  .site-header .nav .nav-cta{display:inline-flex}
  .site-header .nav .menu-toggle{display:block;margin-left:auto;width:44px;height:44px;padding:10px}
  .site-header .nav #navigation{position:absolute;top:calc(100% + 8px);left:0;right:0;width:100%;justify-self:stretch;display:none;margin:0;padding:8px 16px;border:1px solid var(--line);border-radius:10px;background:var(--white);box-shadow:0 12px 24px -16px rgba(17,17,17,.2);max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain}
  .site-header .nav #navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:0}
  #navigation .nav-group{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%}
  #navigation .nav-direct{width:100%}
  #navigation .nav-direct-link{width:100%;padding:12px 8px;min-height:48px;font:500 15px/1.5 Switzer,sans-serif}
  #navigation .nav-parent-link{padding:12px 8px;min-height:48px;font:500 15px/1.5 Switzer,sans-serif}
  #navigation .nav-submenu-toggle{width:100%;height:48px;min-height:48px;padding:12px 8px}
  #navigation .nav-dropdown,#navigation .nav-group:nth-child(n+3) .nav-dropdown{grid-column:1/-1;position:static;max-width:none;width:100%;padding:4px 0 8px 8px;box-shadow:none;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;transform:none;transition:none}
  #navigation .nav-dropdown:before{display:none}
  #navigation .nav-dropdown a{min-height:44px;padding:12px;font-size:13px}
  #navigation .nav-link-description{display:none}
  #navigation .nav-legal-item a{min-height:44px}
}
@media(prefers-reduced-motion:reduce){#navigation .nav-dropdown,#navigation .nav-submenu-toggle svg,#navigation .nav-dropdown a{transition:none}}

/* The primary destinations and account actions share one responsive navigation. */
.site-header .nav,.home-page .site-header .nav{display:flex;gap:32px}
.site-header .nav #navigation{margin:0 0 0 auto;gap:24px}
.site-header .nav-actions{display:flex;align-items:center;gap:12px;margin-left:8px}
.site-header .nav-actions .ui-button{font-size:13px;min-height:36px;padding:7px 14px}
.site-header .nav-actions .ui-button,.site-header .nav-actions .ui-button:hover{color:var(--white);text-decoration:none}
.site-header .nav-actions .ui-button--outline-blue,.site-header .nav-actions .ui-button--outline-blue:hover{color:var(--accent)}
.site-header .nav-actions .ui-button--icon{width:36px;padding:0}
.site-header .nav-actions .nav-cta{gap:8px}
@media(max-width:1100px) and (min-width:901px){.site-header .nav,.home-page .site-header .nav{gap:24px}.site-header .nav #navigation{gap:16px}.site-header .nav-actions{gap:8px;margin-left:0}.site-header .nav-actions .ui-button{padding-inline:12px}.site-header .nav-actions .ui-button--icon{padding:0}}
@media(max-width:900px){
  .site-header .nav #navigation{margin:0;gap:0}
  .site-header .nav-actions{width:100%;margin:12px 0 0;padding:16px 0 8px;border-top:1px solid var(--line);gap:12px;flex-wrap:wrap}
  .site-header .nav-actions>.nav-cta{flex:1}
  .site-header .nav-actions .ui-button{min-height:44px;padding:11px 14px}
  .site-header .nav-actions .ui-button--icon{width:44px;padding:0}
}

/* The header's outside edges are the page's shared content guides. */
.home-page .site-header .nav,.home-page .site-header.is-scrolled .nav{width:calc(100% - 2 * var(--home-gutter));max-width:var(--home-content-width)}
@media(max-width:600px){.home-page .site-header .nav{padding-inline:8px}}
@media(max-width:359px){.home-page .site-header .nav{padding-inline:4px}}
@media(max-width:359px){
  .site-header .nav-actions{gap:8px}
  .site-header .nav-actions .ui-button{font-size:12px;padding-inline:8px}
  .site-header .nav-actions .ui-button--icon{padding:0}
}