.foomu-menu { font-family: Jost, sans-serif; position: relative; }
.foomu-menu *, .foomu-menu *::before, .foomu-menu *::after { box-sizing: border-box; }
.foomu-menu__toggle, .foomu-menu__close { display: none; }
.foomu-menu__list { align-items: center; display: flex; gap: clamp(1.5rem, 3.5vw, 4rem); list-style: none; margin: 0; padding: 0; }
.foomu-menu__list a { color: #fff; display: block; font-size: .75rem; letter-spacing: .18em; padding: .5rem 0; position: relative; text-decoration: none; text-transform: uppercase; }
.foomu-menu__list a::after { background: currentColor; bottom: 0; content: ''; height: 1px; left: 0; position: absolute; transform: scaleX(0); transform-origin: right; transition: transform .22s ease; width: 100%; }
.foomu-menu__list .current-menu-item > a::after, .foomu-menu__list a:hover::after, .foomu-menu__list a:focus-visible::after { transform: scaleX(1); transform-origin: left; }
.foomu-menu__backdrop { display: none; }
.foomu-menu.is-open .foomu-menu__toggle span:nth-child(1) { transform: translateY(.45rem) rotate(45deg); }
.foomu-menu.is-open .foomu-menu__toggle span:nth-child(2) { opacity: 0; }
.foomu-menu.is-open .foomu-menu__toggle span:nth-child(3) { transform: translateY(-.45rem) rotate(-45deg); }
html.foomu-menu-open { overflow: hidden; }
@media (max-width: 1024px) {
  .foomu-menu--breakpoint-1024 .foomu-menu__toggle { align-items: center; background: transparent; border: 0; border-radius: 0; color: #fff; cursor: pointer; display: flex; flex-direction: column; gap: .35rem; justify-content: center; min-height: 2.75rem; min-width: 2.75rem; padding: .65rem; }
  .foomu-menu--breakpoint-1024 .foomu-menu__toggle:hover, .foomu-menu--breakpoint-1024 .foomu-menu__toggle:focus, .foomu-menu--breakpoint-1024 .foomu-menu__toggle:focus-visible { background: transparent; color: #fff; outline-color: #fff; }
  .foomu-menu--breakpoint-1024 .foomu-menu__toggle span { background: #fff; display: block; height: 1px; transition: transform .22s ease, opacity .22s ease; width: 1.45rem; }
  .foomu-menu--breakpoint-1024.is-open .foomu-menu__toggle span:nth-child(1) { transform: translateY(.45rem) rotate(45deg); }
  .foomu-menu--breakpoint-1024.is-open .foomu-menu__toggle span:nth-child(2) { opacity: 0; }
  .foomu-menu--breakpoint-1024.is-open .foomu-menu__toggle span:nth-child(3) { transform: translateY(-.45rem) rotate(-45deg); }
  .foomu-menu--breakpoint-1024 .foomu-menu__backdrop { background: rgba(10, 16, 35, .28); display: block; inset: 0; opacity: 0; pointer-events: none; position: fixed; transition: opacity .25s ease; z-index: 9997; }
  .foomu-menu--breakpoint-1024 .foomu-menu__panel { background: #fff; display: flex; flex-direction: column; height: 100dvh; max-width: 100%; padding: 2rem; position: fixed; right: 0; top: 0; transform: translateX(100%); transition: transform .3s cubic-bezier(.22, .61, .36, 1); width: min(24rem, 88vw); z-index: 9998; }
  .foomu-menu--breakpoint-1024.is-open .foomu-menu__backdrop { opacity: 1; pointer-events: auto; }
  .foomu-menu--breakpoint-1024.is-open .foomu-menu__panel { transform: translateX(0); }
  .foomu-menu--breakpoint-1024 .foomu-menu__close { align-self: flex-end; background: transparent; border: 0; border-radius: 0; color: #171717; cursor: pointer; display: block; font-size: 2rem; line-height: 1; padding: 0; }
  .foomu-menu--breakpoint-1024 .foomu-menu__list { align-items: stretch; flex-direction: column; gap: 0; margin-top: 3rem; width: 100%; }
  .foomu-menu--breakpoint-1024 .foomu-menu__list li { border-bottom: 1px solid #d7d3cf; }
  .foomu-menu--breakpoint-1024 .foomu-menu__list a { color: #171717; font-size: 1.05rem; letter-spacing: .12em; padding: 1.1rem 0; }
  .foomu-menu--breakpoint-1024 .foomu-menu__list a::after { display: none; }
}
@media (max-width: 767px) {
  .foomu-menu--breakpoint-767 .foomu-menu__toggle, .foomu-menu--breakpoint-767 .foomu-menu__toggle:hover, .foomu-menu--breakpoint-767 .foomu-menu__toggle:focus { align-items: center; background: transparent; border: 0; border-radius: 0; color: #fff; cursor: pointer; display: flex; flex-direction: column; gap: .35rem; justify-content: center; min-height: 2.75rem; min-width: 2.75rem; padding: .65rem; }
  .foomu-menu--breakpoint-767 .foomu-menu__toggle span { background: #fff; display: block; height: 1px; width: 1.45rem; }
  .foomu-menu--breakpoint-767 .foomu-menu__backdrop { background: rgba(10, 16, 35, .28); display: block; inset: 0; opacity: 0; pointer-events: none; position: fixed; z-index: 9997; }
  .foomu-menu--breakpoint-767 .foomu-menu__panel { background: #fff; display: flex; flex-direction: column; height: 100dvh; max-width: 100%; padding: 2rem; position: fixed; right: 0; top: 0; transform: translateX(100%); transition: transform .3s cubic-bezier(.22, .61, .36, 1); width: min(24rem, 88vw); z-index: 9998; }
  .foomu-menu--breakpoint-767.is-open .foomu-menu__backdrop { opacity: 1; pointer-events: auto; }
  .foomu-menu--breakpoint-767.is-open .foomu-menu__panel { transform: translateX(0); }
  .foomu-menu--breakpoint-767 .foomu-menu__close { align-self: flex-end; background: transparent; border: 0; border-radius: 0; color: #171717; cursor: pointer; display: block; font-size: 2rem; line-height: 1; padding: 0; }
  .foomu-menu--breakpoint-767 .foomu-menu__list { align-items: stretch; flex-direction: column; gap: 0; margin-top: 3rem; width: 100%; }
  .foomu-menu--breakpoint-767 .foomu-menu__list li { border-bottom: 1px solid #d7d3cf; }
  .foomu-menu--breakpoint-767 .foomu-menu__list a { color: #171717; font-size: 1.05rem; letter-spacing: .12em; padding: 1.1rem 0; }
  .foomu-menu--breakpoint-767 .foomu-menu__list a::after { display: none; }
}
@media (max-width: 480px) {
  .foomu-menu--breakpoint-480 .foomu-menu__toggle, .foomu-menu--breakpoint-480 .foomu-menu__toggle:hover, .foomu-menu--breakpoint-480 .foomu-menu__toggle:focus { align-items: center; background: transparent; border: 0; border-radius: 0; color: #fff; cursor: pointer; display: flex; flex-direction: column; gap: .35rem; justify-content: center; min-height: 2.75rem; min-width: 2.75rem; padding: .65rem; }
  .foomu-menu--breakpoint-480 .foomu-menu__toggle span { background: #fff; display: block; height: 1px; width: 1.45rem; }
  .foomu-menu--breakpoint-480 .foomu-menu__backdrop { background: rgba(10, 16, 35, .28); display: block; inset: 0; opacity: 0; pointer-events: none; position: fixed; z-index: 9997; }
  .foomu-menu--breakpoint-480 .foomu-menu__panel { background: #fff; display: flex; flex-direction: column; height: 100dvh; max-width: 100%; padding: 1.5rem; position: fixed; right: 0; top: 0; transform: translateX(100%); transition: transform .3s cubic-bezier(.22, .61, .36, 1); width: 92vw; z-index: 9998; }
  .foomu-menu--breakpoint-480.is-open .foomu-menu__backdrop { opacity: 1; pointer-events: auto; }
  .foomu-menu--breakpoint-480.is-open .foomu-menu__panel { transform: translateX(0); }
  .foomu-menu--breakpoint-480 .foomu-menu__close { align-self: flex-end; background: transparent; border: 0; border-radius: 0; color: #171717; cursor: pointer; display: block; font-size: 2rem; line-height: 1; padding: 0; }
  .foomu-menu--breakpoint-480 .foomu-menu__list { align-items: stretch; flex-direction: column; gap: 0; margin-top: 3rem; width: 100%; }
  .foomu-menu--breakpoint-480 .foomu-menu__list li { border-bottom: 1px solid #d7d3cf; }
  .foomu-menu--breakpoint-480 .foomu-menu__list a { color: #171717; font-size: 1.05rem; letter-spacing: .12em; padding: 1.1rem 0; }
  .foomu-menu--breakpoint-480 .foomu-menu__list a::after { display: none; }
}
.foomu-menu.foomu-menu--hamburger-dark .foomu-menu__toggle, .foomu-menu.foomu-menu--hamburger-dark .foomu-menu__toggle:hover, .foomu-menu.foomu-menu--hamburger-dark .foomu-menu__toggle:focus, .foomu-menu.foomu-menu--hamburger-dark .foomu-menu__toggle:focus-visible { color: #171717 !important; outline-color: #171717 !important; }
.foomu-menu.foomu-menu--hamburger-dark .foomu-menu__toggle span { background: #171717 !important; }
.foomu-menu.foomu-menu--hamburger-dark .foomu-menu__list a { color: #171717; }