/* OBD mobile menu (<=820px). Street-zine panel, animated, accessible. */
.mm-btn,.mm{display:none}
@media(max-width:820px){
 nav.top .theme-toggle{order:2;width:44px;height:44px;padding:0;border-radius:50%;font-size:0;letter-spacing:0;gap:0;justify-content:center;flex:0 0 auto}
 nav.top .theme-toggle .tt-dot{display:none}
 nav.top .theme-toggle::after{content:'\25D0';font-size:22px;line-height:1;color:var(--l)}
 [data-theme="light"] nav.top .theme-toggle::after{color:var(--ftext)}
 nav.top .mm-btn{order:3}
 .mm-btn{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 11px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.28);cursor:pointer;color:var(--w);-webkit-tap-highlight-color:transparent}
 .mm-btn i{display:block;height:2px;background:currentColor;border-radius:2px;transition:transform .3s,opacity .2s}
 .mm-open .mm-btn i:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .mm-open .mm-btn i:nth-child(2){opacity:0}
 .mm-open .mm-btn i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .mm{display:block;position:fixed;inset:0;z-index:70;visibility:hidden;pointer-events:none}
 .mm-open .mm{visibility:visible;pointer-events:auto}
 .mm-scrim{position:absolute;inset:0;background:rgba(0,0,0,.6);opacity:0;transition:opacity .3s}
 .mm-open .mm-scrim{opacity:1}
 .mm-panel{position:absolute;top:0;right:0;bottom:0;width:min(86vw,360px);background-color:#0d0d0d;background-image:var(--dots);border-left:3px solid var(--l);padding:112px 26px 28px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;transform:translateX(104%);transition:transform .38s cubic-bezier(.6,0,.2,1);box-shadow:-10px 0 0 var(--f)}
 .mm-open .mm-panel{transform:none}
 .mm-panel a.mm-l{display:flex;justify-content:space-between;align-items:baseline;text-decoration:none;color:var(--w);font-family:var(--disp);text-transform:uppercase;font-size:34px;line-height:1.1;padding:10px 0;border-bottom:1px solid #262626;opacity:0;transform:translateX(24px);transition:opacity .3s,transform .3s,color .15s}
 .mm-panel a.mm-l small{font:11px var(--mono);letter-spacing:.16em;color:var(--mut)}
 .mm-panel a.mm-l:hover,.mm-panel a.mm-l:focus-visible{color:var(--l);outline:none}
 .mm-panel a.mm-q{background:var(--l);color:#000;padding:12px 14px;margin:10px 0;transform:translateX(24px) rotate(-1.2deg);border:0;box-shadow:5px 5px 0 var(--f)}
 .mm-panel a.mm-q small{color:#000}
 .mm-open .mm-panel a.mm-l{opacity:1;transform:none}
 .mm-open .mm-panel a.mm-q{transform:rotate(-1.2deg)}
 .mm-open .mm-panel a:nth-child(1){transition-delay:.08s}.mm-open .mm-panel a:nth-child(2){transition-delay:.13s}.mm-open .mm-panel a:nth-child(3){transition-delay:.18s}.mm-open .mm-panel a:nth-child(4){transition-delay:.23s}.mm-open .mm-panel a:nth-child(5){transition-delay:.28s}.mm-open .mm-panel a:nth-child(6){transition-delay:.33s}
 .mm-shop{margin-top:18px;text-align:center}
 .mm-theme{margin-top:14px;align-self:flex-start;font:700 12px var(--mono);letter-spacing:.18em;text-transform:uppercase;background:transparent;color:var(--w);border:1px solid #555;border-radius:99px;padding:12px 18px;cursor:pointer}
 .mm-theme b{color:var(--l);font-weight:700}
 .mm-fine{margin-top:auto;padding-top:22px;font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
 html.mm-lock,html.mm-lock body{overflow:hidden}
 nav.top{z-index:90}
 [data-theme="light"] .mm-btn{border-color:rgba(23,21,15,.35)}
 [data-theme="light"] .mm-scrim{background:rgba(23,21,15,.45)}
 [data-theme="light"] .mm-panel{background-color:#f6f3ec}
 [data-theme="light"] .mm-panel a.mm-l{border-color:#d9d3c4}
 [data-theme="light"] .mm-panel a.mm-l:hover{color:var(--ltext)}
 [data-theme="light"] .mm-panel a.mm-q,[data-theme="light"] .mm-panel a.mm-q:hover{color:#000}
 [data-theme="light"] .mm-theme{color:var(--w);border-color:#8f8875}
 [data-theme="light"] .mm-theme b{color:var(--ltext)}
}
@media(prefers-reduced-motion:reduce){.mm-panel,.mm-scrim,.mm-panel a.mm-l,.mm-btn i{transition:none}}
@media(max-width:400px){nav.top{gap:8px;padding:7px 7px 7px 14px}nav.top img{height:28px}nav.top .theme-toggle,.mm-btn{width:40px;height:40px}.mm-btn{padding:0 10px}nav.top a.btn{padding-left:16px;padding-right:16px}}
@media(max-width:340px){nav.top{gap:5px;padding:6px 6px 6px 10px}nav.top img{height:24px}nav.top a.btn{padding-left:12px;padding-right:12px;font-size:11px}}