/* Shared mobile navigation inspired by frontend-joe/css-menus/menu-1.
   Original implementation adapted to the site's navigation and brand. */
.mobile-menu-enabled .site-header .brand .brand-menu-outline{display:none}
@media(max-width:1024px){
 .mobile-menu-enabled .site-header,.mobile-menu-enabled .site-header.is-scrolled{backdrop-filter:none;-webkit-backdrop-filter:none;transform:none;filter:none}
 .mobile-menu-enabled .site-header::before{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
 .mobile-menu-enabled .site-header .site-nav{position:fixed;inset:0;z-index:2;display:flex;align-items:center;justify-content:safe center;width:100%;height:100vh;height:100dvh;max-height:none;padding:100px 32px max(32px,env(safe-area-inset-bottom));border:0;border-bottom:8px solid #00b55a;border-radius:0;box-shadow:none;background:rgba(5,24,37,.91);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:none;overflow:auto;overscroll-behavior:contain;transition:opacity 300ms ease,visibility 300ms}
 .mobile-menu-enabled.menu-open{overflow:hidden}
 .mobile-menu-enabled.menu-open .site-header{background:transparent;border-color:transparent;box-shadow:none}
 .mobile-menu-enabled.menu-open .site-header::before,.mobile-menu-enabled.menu-open .site-header::after{opacity:0}
 .mobile-menu-enabled.menu-open .brand,.mobile-menu-enabled.menu-open .menu-toggle{position:relative;z-index:3;color:#fff}
 .mobile-menu-enabled.menu-open .brand-name{color:#fff}
 .mobile-menu-enabled.menu-open .brand img:not(.brand-menu-outline){display:none}
 .mobile-menu-enabled.menu-open .site-header .brand .brand-menu-outline{display:block}
 .mobile-menu-enabled .site-header .site-nav a{position:relative;display:flex;flex:none;align-items:center;width:min(100%,440px);min-height:48px;padding:14px 0;border:0;border-radius:0;background:none;color:#f7fafb;font-size:clamp(24px,5.5vw,36px);line-height:1.12;letter-spacing:-.02em;white-space:normal;text-decoration:none;transition:opacity 160ms ease,color 160ms ease}
 .mobile-menu-enabled .site-header .site-nav a::after{display:block;content:"";position:absolute;left:0;bottom:4px;width:100%;height:2px;background:#00b55a;transform:scaleX(0);transform-origin:left;transition:transform 200ms ease}
 .mobile-menu-enabled .site-header .site-nav a[aria-current="page"]::after{transform:scaleX(1)}
 .mobile-menu-enabled .site-header .site-nav a:focus-visible{outline:2px solid #fff;outline-offset:4px}
 .mobile-menu-enabled .site-header .site-nav.is-open a{animation:menu-preview-appear 300ms backwards;animation-delay:calc(var(--menu-order,0)*35ms)}
 .mobile-menu-enabled .site-nav a:nth-child(2){--menu-order:1}.mobile-menu-enabled .site-nav a:nth-child(3){--menu-order:2}.mobile-menu-enabled .site-nav a:nth-child(4){--menu-order:3}.mobile-menu-enabled .site-nav a:nth-child(5){--menu-order:4}.mobile-menu-enabled .site-nav a:nth-child(6){--menu-order:5}.mobile-menu-enabled .site-nav a:nth-child(7){--menu-order:6}
 @media(hover:hover){.mobile-menu-enabled .site-header .site-nav a:hover::after{transform:scaleX(1)}}
 @media(max-height:600px){.mobile-menu-enabled .site-header .site-nav{padding-top:88px;justify-content:flex-start}.mobile-menu-enabled .site-header .site-nav a{font-size:24px;padding:10px 0}}
 @media(prefers-reduced-motion:reduce){.mobile-menu-enabled .site-header .site-nav,.mobile-menu-enabled .site-header .site-nav a,.mobile-menu-enabled .site-header .site-nav a::after{animation:none!important;transition:none!important}}
}
@keyframes menu-preview-appear{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}