
/* DOOOF shared navigation v13 */
.site-header{
  position:fixed!important;
  inset:0!important;
  height:0!important;
  z-index:6100!important;
  pointer-events:none!important;
  color:#fff!important;
}
.site-header-inner{
  width:min(calc(100% - 48px),1540px)!important;
  height:84px!important;
  margin-inline:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}
.site-logo,.menu-trigger{pointer-events:auto!important}
.site-logo{
  position:relative!important;
  z-index:3!important;
  width:160px!important;
  height:28px!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  transition:width .45s cubic-bezier(.16,1,.3,1),height .45s cubic-bezier(.16,1,.3,1),padding .45s cubic-bezier(.16,1,.3,1),background .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.16,1,.3,1)!important;
}
.site-logo-img{
  width:100%!important;height:100%!important;display:block!important;
  object-fit:contain!important;object-position:left center!important;
  transition:filter .35s ease,opacity .3s ease!important;
}
.header.tone-dark:not(.menu-open-state) .site-logo-img,
body.menu-open .site-logo-img{filter:brightness(0) invert(1)!important}
.header.tone-light:not(.menu-open-state) .site-logo-img{filter:none!important}
/* When scrolling, the logo becomes a compact glass object so it never visually collides with page content. */
.header.is-scrolled:not(.menu-open-state) .site-logo{
  width:154px!important;height:44px!important;padding:9px 13px!important;
  border-radius:15px!important;
  background:rgba(247,249,255,.62)!important;
  -webkit-backdrop-filter:blur(24px) saturate(180%)!important;
  backdrop-filter:blur(24px) saturate(180%)!important;
  box-shadow:0 12px 34px rgba(3,11,55,.12),inset 0 1px 0 rgba(255,255,255,.66)!important;
}
.header.is-scrolled.tone-dark:not(.menu-open-state) .site-logo{
  background:rgba(3,11,55,.32)!important;
  box-shadow:0 14px 36px rgba(3,11,55,.22),inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.menu-trigger{
  position:relative!important;z-index:3!important;display:inline-flex!important;align-items:center!important;gap:10px!important;
  min-height:46px!important;padding:4px 4px 4px 14px!important;border:0!important;border-radius:999px!important;
  color:currentColor!important;background:rgba(255,255,255,.11)!important;
  -webkit-backdrop-filter:blur(24px) saturate(175%)!important;backdrop-filter:blur(24px) saturate(175%)!important;
  box-shadow:0 12px 34px rgba(3,11,55,.14),inset 0 1px 0 rgba(255,255,255,.22)!important;
  cursor:pointer!important;overflow:hidden!important;
  transition:color .35s ease,background .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.16,1,.3,1)!important;
}
.header.tone-light .menu-trigger{
  color:#030b37!important;background:rgba(247,249,255,.62)!important;
  box-shadow:0 12px 34px rgba(3,11,55,.10),inset 0 1px 0 rgba(255,255,255,.68)!important;
}
body.menu-open .menu-trigger{color:#fff!important;background:rgba(3,11,55,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)!important}
.menu-trigger:hover{transform:translateY(-1px)!important}
.menu-trigger-label{position:relative!important;width:42px!important;height:16px!important;overflow:hidden!important;font-size:10px!important;font-weight:500!important;letter-spacing:.05em!important;text-transform:uppercase!important}
.menu-trigger-label span{position:absolute!important;inset:0!important;display:flex!important;align-items:center!important;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .35s ease!important}
.menu-word-open{transform:translateY(0)!important;opacity:1!important}.menu-word-close{transform:translateY(120%)!important;opacity:0!important}
body.menu-open .menu-word-open{transform:translateY(-120%)!important;opacity:0!important}body.menu-open .menu-word-close{transform:translateY(0)!important;opacity:1!important}
.menu-trigger-disc{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;position:relative!important;border-radius:50%!important;background:rgba(255,255,255,.15)!important;transition:background .35s ease,transform .55s cubic-bezier(.16,1,.3,1)!important}
.header.tone-light .menu-trigger-disc{background:rgba(15,63,180,.09)!important}body.menu-open .menu-trigger-disc{background:rgba(3,11,55,.18)!important;transform:rotate(90deg)!important}
.menu-trigger-disc i{position:absolute!important;width:14px!important;height:1px!important;background:currentColor!important;transition:transform .5s cubic-bezier(.16,1,.3,1)!important}
.menu-trigger-disc i:first-child{transform:translateY(-3px)!important}.menu-trigger-disc i:last-child{transform:translateY(3px)!important}
body.menu-open .menu-trigger-disc i:first-child{transform:rotate(45deg)!important}body.menu-open .menu-trigger-disc i:last-child{transform:rotate(-45deg)!important}
.menu-overlay{
  position:fixed!important;inset:0!important;z-index:6000!important;color:#fff!important;background:#0f3fb4!important;
  visibility:hidden!important;clip-path:inset(0 0 100% 0)!important;transition:clip-path .82s cubic-bezier(.16,1,.3,1),visibility 0s linear .82s!important;
  overflow-y:auto!important;overflow-x:hidden!important;
}
.menu-overlay::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px);background-size:10vw 100%,100% 16vh;opacity:.30;mask-image:linear-gradient(90deg,#000,transparent 84%)}
.menu-overlay.is-open{visibility:visible!important;clip-path:inset(0)!important;transition:clip-path .82s cubic-bezier(.16,1,.3,1),visibility 0s!important}
.menu-overlay-inner{position:relative!important;z-index:1!important;width:min(calc(100% - 80px),1500px)!important;min-height:100dvh!important;margin-inline:auto!important;padding:112px 0 42px!important;display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)!important;align-items:end!important;gap:7vw!important}
.menu-list{display:grid!important;align-content:end!important;gap:2px!important;overflow:visible!important}
.menu-list a{position:relative!important;display:grid!important;grid-template-columns:38px 1fr!important;align-items:baseline!important;gap:14px!important;width:100%!important;overflow:visible!important;color:#fff!important;line-height:1!important;padding:.02em 0 .08em!important;text-decoration:none!important}
.menu-list a small{font-size:9px!important;font-weight:500!important;letter-spacing:.1em!important;opacity:0!important;transform:translateY(24px)!important;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .3s ease!important}
.menu-list a span{display:block!important;font-size:clamp(42px,min(6.2vw,8.8vh),96px)!important;font-weight:600!important;letter-spacing:-.067em!important;line-height:.98!important;padding:.02em 0 .07em!important;opacity:0!important;transform:translateY(30px)!important;transition:transform .78s cubic-bezier(.16,1,.3,1),opacity .3s ease,color .3s ease!important}
.menu-overlay.is-open .menu-list a small,.menu-overlay.is-open .menu-list a span{opacity:1!important;transform:translateY(0)!important}
.menu-overlay.is-open .menu-list a:nth-child(1) small,.menu-overlay.is-open .menu-list a:nth-child(1) span{transition-delay:.08s!important}
.menu-overlay.is-open .menu-list a:nth-child(2) small,.menu-overlay.is-open .menu-list a:nth-child(2) span{transition-delay:.12s!important}
.menu-overlay.is-open .menu-list a:nth-child(3) small,.menu-overlay.is-open .menu-list a:nth-child(3) span{transition-delay:.16s!important}
.menu-overlay.is-open .menu-list a:nth-child(4) small,.menu-overlay.is-open .menu-list a:nth-child(4) span{transition-delay:.20s!important}
.menu-overlay.is-open .menu-list a:nth-child(5) small,.menu-overlay.is-open .menu-list a:nth-child(5) span{transition-delay:.24s!important}
.menu-overlay.is-open .menu-list a:nth-child(6) small,.menu-overlay.is-open .menu-list a:nth-child(6) span{transition-delay:.28s!important}
.menu-list:has(a:hover) a:not(:hover) span{opacity:.28!important}.menu-list a:hover span{transform:translateX(10px)!important}.menu-list a:hover small{opacity:1!important}
.menu-overlay-meta{align-self:end!important;padding-bottom:8px!important;opacity:0!important;transform:translateY(20px)!important;transition:opacity .55s ease .32s,transform .7s cubic-bezier(.16,1,.3,1) .32s!important}
.menu-overlay.is-open .menu-overlay-meta{opacity:1!important;transform:none!important}.menu-overlay-meta>p{max-width:360px!important;margin-bottom:34px!important;font-size:14px!important;line-height:1.7!important;color:rgba(255,255,255,.72)!important}.menu-meta-links{display:grid!important;gap:10px!important}.menu-meta-links a{width:fit-content!important;color:#fff!important;font-size:12px!important;font-weight:500!important;text-decoration:none!important}
@media(max-width:900px){.site-header-inner{width:calc(100% - 28px)!important;height:72px!important}.site-logo{width:132px!important;height:23px!important}.header.is-scrolled:not(.menu-open-state) .site-logo{width:138px!important;height:40px!important;padding:8px 11px!important;border-radius:13px!important}.menu-trigger{min-height:42px!important;padding:4px!important}.menu-trigger-label{display:none!important}.menu-trigger-disc{width:34px!important;height:34px!important}.menu-overlay-inner{width:calc(100% - 32px)!important;padding:88px 0 28px!important;grid-template-columns:1fr!important;align-content:space-between!important;gap:28px!important}.menu-list a{grid-template-columns:25px 1fr!important;gap:8px!important}.menu-list a span{font-size:clamp(38px,min(12vw,8.2vh),64px)!important;line-height:1!important}.menu-overlay-meta>p{display:none!important}}
@media(prefers-reduced-motion:reduce){.menu-overlay,.menu-list a span,.menu-list a small,.menu-overlay-meta{transition-duration:.01ms!important}}
