.menu-backdrop{position:fixed;inset:74px 0 0;background:#101b19a6;backdrop-filter:blur(5px);z-index:49;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s .6s}
#menu{width:42px;height:42px;align-items:center;justify-content:center;padding:10px;position:relative}
.menu-strokes{display:block;position:relative;width:22px;height:16px}
.menu-strokes i{position:absolute;left:0;right:0;height:1.5px;background:currentColor;top:4px;transition:transform .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1)}
.menu-strokes i:last-child{top:12px;width:16px;left:auto;transition:transform .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1),width .3s}
.menu-open .menu-strokes i{top:8px;transform:rotate(45deg)}
.menu-open .menu-strokes i:last-child{top:8px;width:22px;transform:rotate(-45deg)}
@media(max-width:760px){
 #menu{display:flex}
 .header{isolation:isolate}
 .header #nav,.header #nav.open{display:flex;position:fixed;inset:74px 0 auto;height:auto;max-height:calc(100dvh - 74px);overflow:auto;overscroll-behavior:contain;padding:27px 6% 38px;background:#191f1b;border-top:1px solid #ffffff12;flex-direction:column;gap:0;z-index:52;clip-path:inset(0 0 100% 0);visibility:hidden;pointer-events:none;transform:translateY(-14px);transition:clip-path .65s cubic-bezier(.76,0,.24,1),transform .65s cubic-bezier(.16,1,.3,1),visibility 0s .65s;box-shadow:0 22px 40px #0002}
 .header #nav.open{clip-path:inset(0);transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}
 .header #nav a{display:flex;align-items:center;justify-content:space-between;font-size:clamp(24px,7vw,34px);line-height:1.25;font-weight:500;letter-spacing:-.7px;color:#dce3db;border-bottom:1px solid #ffffff12;padding:19px 0;opacity:0;transform:translateY(-15px);transition:opacity .2s ease,transform .3s ease,color .2s}
 .header #nav a:after{content:'↗';position:static;height:auto;background:none;transform:none;font-size:22px;font-weight:400;color:var(--orange);opacity:0;transition:opacity .3s}
 .header #nav a:hover,.header #nav a[aria-current]{color:#fff}
 .header #nav a[aria-current]:after,.header #nav a:hover:after{opacity:1;transform:none}
 .header #nav.open a{opacity:1;transform:translateY(0);transition:opacity .5s ease var(--menu-delay),transform .65s cubic-bezier(.16,1,.3,1) var(--menu-delay),color .2s}
 #nav a:nth-child(1){--menu-delay:.16s}#nav a:nth-child(2){--menu-delay:.21s}#nav a:nth-child(3){--menu-delay:.26s}#nav a:nth-child(4){--menu-delay:.31s}#nav a:nth-child(5){--menu-delay:.36s}
 .menu-open .menu-backdrop{opacity:1;visibility:visible;transition-delay:0s}
 .menu-open .header{background:#191f1b}
}
@media(prefers-reduced-motion:reduce){.header #nav,.header #nav a,.menu-strokes i,.menu-backdrop{transition:none!important}}