body.mopen nav{
  mix-blend-mode:normal;
  color:var(--paper);
  z-index:401;
  transform:none;
  pointer-events:auto;
}
body.mopen nav.nav-shell{
  background:transparent;
  border-bottom-color:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

#mm{
  position:fixed;
  inset:0;
  z-index:380;
  background:var(--ink);
  color:var(--paper);
  clip-path:inset(0 0 100% 0);
  transition:clip-path .85s var(--wipe);
  pointer-events:none;
  overflow:hidden;
}
.mopen #mm{
  clip-path:inset(0 0 0 0);
  pointer-events:auto;
}
.mm-in{
  position:relative;
  z-index:1;
  height:100%;
  display:flex;
  flex-direction:column;
  padding:calc(var(--gut) + 56px) var(--gut) max(calc(var(--gut) + 12px), env(safe-area-inset-bottom));
  max-width:520px;
}
.mm-list{
  list-style:none;
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
}
.mm-list a{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:12px;
  padding:clamp(12px,2.6vh,20px) 0;
  color:rgba(255,255,255,.88);
  transition:color .35s var(--ease, cubic-bezier(.16,1,.3,1)), padding-left .5s var(--ease, cubic-bezier(.16,1,.3,1));
}
.mm-list a:hover,
.mm-list a:focus-visible{
  color:#fff;
  padding-left:8px;
  outline:none;
}
.mm-list a.here{
  color:#fff;
}
.mm-t{
  font-family:var(--display);
  font-size:clamp(24px,6.4vw,42px);
  letter-spacing:-.04em;
  line-height:1.06;
  text-wrap:balance;
}
.mm-go{
  font-family:var(--accent);
  font-style:italic;
  font-size:clamp(18px,4.5vw,28px);
  line-height:1;
  opacity:0;
  transform:translateX(-6px);
  transition:opacity .45s var(--ease, cubic-bezier(.16,1,.3,1)), transform .45s var(--ease, cubic-bezier(.16,1,.3,1));
}
.mm-list a:hover .mm-go,
.mm-list a.here .mm-go,
.mm-list a:focus-visible .mm-go{
  opacity:.9;
  transform:none;
}
.mm-foot{
  flex-shrink:0;
  margin-top:clamp(28px,5vh,48px);
  padding-top:clamp(22px,3.5vh,32px);
  border-top:1px solid rgba(255,255,255,.14);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:18px;
}
.mm-cta{
  padding:14px 28px;
  font-size:10px;
}
.mm-meta{
  font-family:var(--face);
  font-weight:700;
  font-size:9px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,255,255,.36);
  line-height:1.85;
}
.mm-meta a{
  color:rgba(255,255,255,.52);
  transition:color .3s var(--ease, cubic-bezier(.16,1,.3,1));
}
.mm-meta a:hover{color:#fff;}

@media (prefers-reduced-motion:no-preference){
  .mopen #mm .mm-list li,
  .mopen #mm .mm-foot{
    animation:mmIn .8s var(--ease, cubic-bezier(.16,1,.3,1)) backwards;
  }
  .mopen #mm .mm-list li:nth-child(1){animation-delay:.06s;}
  .mopen #mm .mm-list li:nth-child(2){animation-delay:.12s;}
  .mopen #mm .mm-list li:nth-child(3){animation-delay:.16s;}
  .mopen #mm .mm-list li:nth-child(4){animation-delay:.20s;}
  .mopen #mm .mm-list li:nth-child(5){animation-delay:.24s;}
  .mopen #mm .mm-list li:nth-child(6){animation-delay:.28s;}
  .mopen #mm .mm-foot{animation-delay:.34s;}
}
@keyframes mmIn{
  from{opacity:0;transform:translateY(16px);}
  to{opacity:1;transform:none;}
}
@media (prefers-reduced-motion:reduce){
  .mopen #mm .mm-list li,
  .mopen #mm .mm-foot{animation:none;}
}