/* The desktop keeps its inline links; compact screens get an editorial overlay. */
.menu-topline,.menu-footer,.menu-number,.menu-link-arrow{display:none}
.menu-links{display:contents}
.header nav .menu-label{color:inherit}

@media(max-width:1150px){
  html.navigation-open,body.navigation-open{overflow:hidden}
  .figma-v2 .masthead .header.nav-ready nav{
    position:fixed;inset:0;top:0;left:0;right:0;bottom:0;
    width:100%;height:100vh;height:100dvh;max-height:none;
    margin:0;padding:24px clamp(24px,4vw,48px) max(24px,env(safe-area-inset-bottom));
    transform:none;border:0;border-radius:0;box-shadow:none;
    background:#181818;color:#f4f3ef;z-index:1000;
    overflow-y:auto;overscroll-behavior:contain;isolation:isolate;
  }
  .figma-v2 .masthead .header.nav-ready nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .figma-v2 .masthead .header.nav-ready:has(nav.is-open) .menu-toggle{
    position:fixed;top:24px;right:clamp(24px,4vw,48px);z-index:1001;
  }
  .menu-topline{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding-right:74px;gap:24px;flex:none}
  .figma-v2 .masthead .header.nav-ready nav .menu-brand{display:inline-block;min-height:0;padding:0;border:0;font:400 34px/1 Anton,Impact,sans-serif;letter-spacing:-1px}
  .header nav .menu-brand>span:first-child{color:var(--red)}
  .header nav .menu-brand>.blue{color:var(--blue)}
  .header nav .menu-caption{font:500 10px/1.5 Poppins,Arial,sans-serif;letter-spacing:1.3px;text-transform:uppercase;color:#8c8c8c}
  .menu-links{display:flex;flex-direction:column;justify-content:center;flex:1 0 auto;margin:32px 0;gap:0}
  .figma-v2 .masthead .header.nav-ready nav .menu-links>a{
    display:grid;grid-template-columns:32px minmax(0,1fr) 36px;align-items:baseline;gap:16px;
    padding:14px 0;min-height:0;border-bottom:1px solid #ffffff24;
    font:500 clamp(44px,7vw,80px)/1.03 Geist,Arial,sans-serif;letter-spacing:-.055em;
  }
  .figma-v2 .masthead .header.nav-ready nav .menu-links>a:last-child{border-bottom:1px solid #ffffff24}
  .header nav .menu-number{display:block;color:var(--red);font:500 11px/1.3 Poppins,Arial,sans-serif;letter-spacing:1px}
  .header nav .menu-label>.menu-dot{color:var(--blue)}
  .header nav .menu-link-arrow{display:block;align-self:center;justify-self:end;color:#777;font:400 30px/1 Geist,Arial,sans-serif;letter-spacing:0;transition:color .2s ease,transform .2s ease}
  .menu-footer{display:grid;grid-template-columns:1fr minmax(220px,280px);align-items:center;gap:24px;flex:none}
  .menu-footer p{margin:0;font:500 clamp(18px,2.4vw,26px)/1.3 Geist,Arial,sans-serif;letter-spacing:-.03em;color:#a0a0a0;white-space:nowrap}
  .figma-v2 .masthead .header.nav-ready nav .menu-book{
    display:flex;align-items:center;justify-content:space-between;gap:24px;
    min-height:58px;padding:16px 24px;border:0;border-radius:100px;
    background:var(--red);color:white;font:600 17px/1.3 Geist,Arial,sans-serif;letter-spacing:-.02em;
  }
  .header nav .menu-book>span{color:inherit;font-size:25px;line-height:1}
  .figma-v2 .masthead .header.nav-ready nav a:focus-visible{outline:2px solid #f4f3ef;outline-offset:5px}
  @media(hover:hover){
    .menu-links>a:hover .menu-label{color:#fff}
    .menu-links>a:hover .menu-link-arrow{color:var(--red);transform:translate(3px,-3px)}
    .figma-v2 .masthead .header.nav-ready nav .menu-book:hover{background:#e91e35}
  }
  @media(prefers-reduced-motion:no-preference){
    nav.is-open .menu-links,nav.is-open .menu-footer{animation:menu-content-in .24s ease-out both}
    nav.is-open .menu-footer{animation-delay:.05s}
  }
}
@media(max-width:700px){
  .figma-v2 .masthead .header.nav-ready nav{padding:20px 24px max(24px,env(safe-area-inset-bottom))}
  .figma-v2 .masthead .header.nav-ready:has(nav.is-open) .menu-toggle{top:20px;right:24px}
  .menu-caption{display:none}
  .menu-links{margin:28px 0}
  .figma-v2 .masthead .header.nav-ready nav .menu-links>a{grid-template-columns:24px minmax(0,1fr) 28px;gap:12px;font-size:clamp(36px,10vw,60px);padding:12px 0}
  .header nav .menu-link-arrow{font-size:25px}
  .menu-footer{grid-template-columns:1fr;gap:18px}
  .menu-footer p{font-size:clamp(17px,5vw,20px);max-width:none}
  .figma-v2 .masthead .header.nav-ready nav .menu-book{min-height:54px;font-size:16px;padding:14px 22px}
}
@media(max-height:620px) and (max-width:1150px){
  .menu-links{margin:20px 0}
  .figma-v2 .masthead .header.nav-ready nav .menu-links>a{font-size:36px;padding:9px 0}
  .menu-footer p{font-size:17px}
  .menu-footer{gap:14px}
}
@keyframes menu-content-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}