/* Mobile menu: a triple-slash icon that closes into an X; a black panel wipes in on the same slash angle as the logo sweep. */
/* Triple-slash menu icon: three 22° slashes on a 40x28 grid, padded to a 44x44 hit area. */
.ay-menu{display:none;position:relative;box-sizing:content-box;width:40px;height:28px;padding:8px 2px;margin-left:4px;border:0;background:none;color:#000;cursor:pointer}
.ay-menu span{position:absolute;top:8px;left:2px;width:40px;height:28px;background:currentColor;transition:clip-path .35s cubic-bezier(.7,0,.2,1),opacity .2s}
.ay-menu span:nth-child(1){clip-path:polygon(11.3px 0,17.3px 0,6px 28px,0 28px)}
.ay-menu span:nth-child(2){clip-path:polygon(22.3px 0,28.3px 0,17px 28px,11px 28px)}
.ay-menu span:nth-child(3){clip-path:polygon(33.3px 0,39.3px 0,28px 28px,22px 28px)}
/* Open: the middle slash stays, the first swings to its mirror image to make an X, the third fades out. */
.ay-menu[aria-expanded="true"] span:nth-child(1){clip-path:polygon(11.7px 0,17.7px 0,29px 28px,23px 28px)}
.ay-menu[aria-expanded="true"] span:nth-child(3){opacity:0}

.menu{position:fixed;inset:var(--hdr,72px) 0 0 0;z-index:49;display:flex;flex-direction:column;justify-content:space-between;gap:32px;padding:28px 20px 32px;text-align:left;background:#000;color:#fff;overflow-y:auto;
  clip-path:polygon(0 0,0 0,-45vh 100%,0 100%);transition:clip-path .55s cubic-bezier(.7,0,.2,1)}
.menu[hidden]{display:none}
.menu.open{clip-path:polygon(0 0,calc(100% + 45vh) 0,100% 100%,0 100%)}
.menu-nav{display:flex;flex-direction:column}
.site-header .menu-nav a{display:flex!important;align-items:baseline;gap:14px;padding:10px 0;border-bottom:1px solid #fff;color:#fff;text-decoration:none;
  font:400 clamp(32px,9.4vw,60px)/1 Anton,sans-serif;text-transform:uppercase;opacity:0;transform:translateX(-24px);transition:opacity .3s,transform .4s cubic-bezier(.2,0,.2,1)}
.site-header .menu-label::after{content:"/";margin-left:.12em}
.site-header .menu-nav a[aria-current="page"] .menu-label{text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:6px}
.menu a:focus:not(:focus-visible){outline:none}
.menu a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.menu-num{flex:none;width:22px;font:500 12px/1 Inter,sans-serif;letter-spacing:.08em}
.site-header .menu.open .menu-nav a{opacity:1;transform:none}
.site-header .menu.open .menu-nav a:nth-child(1){transition-delay:.25s}
.site-header .menu.open .menu-nav a:nth-child(2){transition-delay:.3s}
.site-header .menu.open .menu-nav a:nth-child(3){transition-delay:.35s}
.site-header .menu.open .menu-nav a:nth-child(4){transition-delay:.4s}
.site-header .menu.open .menu-nav a:nth-child(5){transition-delay:.45s}
.site-header .menu.open .menu-nav a:nth-child(6){transition-delay:.5s}
.menu-foot{display:flex;flex-direction:column;gap:16px;align-items:flex-start;font:500 15px/1.4 Inter,sans-serif}
.site-header .menu-foot a:not(.btn){display:inline!important;color:#fff}
.menu-foot .btn{padding:18px 26px;font-size:17px}
body.menu-lock{overflow:hidden}

@media (max-width:760px){.ay-menu{display:block}}
@media (min-width:761px){.menu{display:none!important}}
@media (prefers-reduced-motion:reduce){.menu,.ay-menu span,.site-header .menu-nav a{transition:none}}