/* The mobile menu uses the same editorial type as the page chapters. */
.menu-invitation,.menu-bottom{display:none}
@media(max-width:920px){
 body.menu-is-open{overflow:hidden}
 .site-header{--menu-header-height:78px}
 .site-header.menu-open{position:fixed;inset:0 0 auto;background:var(--ink);backdrop-filter:none;border-bottom:0;z-index:80}
 .site-header.menu-open .header-inner{position:relative;z-index:2;background:var(--ink)}
 .site-header.menu-open .header-action{display:none}
 .site-header .nav-links{position:fixed;inset:var(--menu-header-height) 0 0;max-height:none;height:calc(100dvh - var(--menu-header-height));margin:0;padding:clamp(18px,4svh,40px) var(--vf-gutter) max(20px,env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:var(--ink);backdrop-filter:none;border:0;align-items:stretch;gap:0;font-family:var(--vf-body)}
 .site-header.menu-open .nav-links{display:flex}
 .site-header .nav-links>a{display:flex;align-items:center;flex-shrink:0;min-height:clamp(56px,8.8svh,80px);padding:16px 0;border-bottom:1px solid #f1f2e82b;color:var(--vf-cream);font:900 clamp(30px,9.4vw,44px)/1 var(--vf-display);letter-spacing:var(--vf-headline-spacing);text-transform:uppercase;transition:color .2s ease}
 .site-header .nav-links>a::after{display:none}
 .site-header .nav-links>a:is(:hover,:focus-visible,:active){color:var(--vf-acid)}
 .menu-invitation{display:flex;flex-shrink:0;margin:clamp(24px,6svh,56px) 0 20px}
 .menu-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;flex-shrink:0;gap:12px 20px;margin-top:auto;padding-top:14px;border-top:1px solid #f1f2e82b}
 .menu-socials{display:flex;align-items:center;gap:18px;color:#a9ada5}
 .menu-social-icon{display:grid;place-items:center;width:22px;height:44px}
 .menu-socials svg{display:block;width:20px;height:20px;fill:currentColor;stroke:none}
 .menu-socials .social-instagram{fill:none;stroke:currentColor;stroke-width:1.7}
 .menu-socials .social-dot{fill:currentColor;stroke:none}
 .site-header.menu-open .nav-links>a,.site-header.menu-open .menu-invitation,.site-header.menu-open .menu-bottom{animation:menu-enter .38s cubic-bezier(.2,.75,.25,1) both}
 .site-header.menu-open .nav-links>a:nth-child(2){animation-delay:35ms}
 .site-header.menu-open .nav-links>a:nth-child(3){animation-delay:70ms}
 .site-header.menu-open .nav-links>a:nth-child(4){animation-delay:105ms}
 .site-header.menu-open .menu-invitation{animation-delay:140ms}
 .site-header.menu-open .menu-bottom{animation-delay:175ms}
}
@media(max-width:700px){.site-header{--menu-header-height:72px}}
@media(max-width:360px){.menu-socials{gap:12px}.menu-bottom{column-gap:14px}}
@media(max-width:920px) and (max-height:650px){
 .site-header .nav-links{padding-top:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
 .site-header .nav-links>a{min-height:54px;padding:12px 0;font-size:30px}
 .menu-invitation{margin-top:20px;margin-bottom:16px}
 .menu-bottom{padding-top:8px}
}
@keyframes menu-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.site-header.menu-open .nav-links>a,.site-header.menu-open .menu-invitation,.site-header.menu-open .menu-bottom{animation:none!important}}
.site-header .nav-links .heading-dot{color:var(--vf-acid)}
