/* ---------- mobile menu: one button, a quiet full-screen sheet ---------- */
.mnav-btn{display:none;position:relative;width:44px;height:44px;margin-left:10px;border:0;border-radius:50%;background:rgba(255,255,255,.04);color:#eeeff1;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mnav-btn::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.06) 50%,rgba(255,255,255,.18));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.mnav-btn i{position:absolute;left:14px;right:14px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .45s cubic-bezier(.2,.7,.1,1),top .45s cubic-bezier(.2,.7,.1,1)}
.mnav-btn i:first-child{top:18px}.mnav-btn i:last-child{top:25px}
html.menu-open .mnav-btn i:first-child{top:21.5px;transform:rotate(45deg)}
html.menu-open .mnav-btn i:last-child{top:21.5px;transform:rotate(-45deg)}
html.tone-on:not(.menu-open) .mnav-btn{color:#0b0c0e;background:rgba(0,0,0,.04)}
html.menu-open .nav img{filter:none!important}
html.menu-open{overflow:hidden}

.mnav{position:fixed;inset:0;z-index:55;display:flex;flex-direction:column;justify-content:space-between;padding:110px var(--gut,20px) 34px;
  background:rgba(8,9,11,.94);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);
  opacity:0;visibility:hidden;transition:opacity .45s cubic-bezier(.2,.7,.1,1),visibility 0s .45s}
html.menu-open .mnav{opacity:1;visibility:visible;transition:opacity .45s cubic-bezier(.2,.7,.1,1)}
.mnav ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.mnav li{opacity:0;filter:blur(8px);transform:translateY(14px);transition:opacity .6s cubic-bezier(.2,.7,.1,1),filter .6s cubic-bezier(.2,.7,.1,1),transform .6s cubic-bezier(.2,.7,.1,1);transition-delay:calc(var(--i) * 55ms + 80ms)}
html.menu-open .mnav li{opacity:1;filter:none;transform:none}
.mnav li a{display:flex;align-items:baseline;gap:14px;padding:8px 0;text-decoration:none;color:#eeeff1;font-family:"Funnel Display",system-ui,sans-serif;font-weight:500;font-size:clamp(2rem,9vw,2.6rem);letter-spacing:-.035em;line-height:1.1}
.mnav li a small{font-family:"Funnel Sans",system-ui,sans-serif;font-size:.8rem;letter-spacing:0;color:#5f6268;min-width:22px}
.mnav li a[aria-current="page"]{color:#fff}
.mnav li a:not([aria-current="page"]){color:#b5b8bd}
.mnav-foot{display:grid;gap:18px;opacity:0;transform:translateY(10px);transition:opacity .6s .35s,transform .6s .35s cubic-bezier(.2,.7,.1,1)}
html.menu-open .mnav-foot{opacity:1;transform:none}
.mnav-foot .tz-btn{justify-self:start}
.mnav-foot p{margin:0;font-size:.9rem;color:#9a9da3}.mnav-foot p a{color:#eeeff1}
@media (max-width:860px){.mnav-btn{display:inline-block}.nav .tz-btn.sm{margin-left:auto}}
@media (min-width:861px){.mnav{display:none}}
@media (prefers-reduced-motion:reduce){.mnav,.mnav li,.mnav-foot,.mnav-btn i{transition:none!important}}