/* Money Magnet brand lockup (sitewide). Loaded after store.css. */
.mm-nav-in{min-height:84px}
.mm-brand{gap:14px;font-size:29px;line-height:1}
.mm-mark{position:relative;display:inline-grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;color:var(--acc);
  background:radial-gradient(120% 120% at 28% 18%,#2c2619 0%,#141210 55%,#0b0a09 100%);
  box-shadow:inset 0 0 0 1px rgba(217,192,140,.5),inset 0 1px 0 rgba(255,244,214,.18),0 12px 30px -14px rgba(217,192,140,.55);
  transition:box-shadow .5s var(--ease),transform .5s var(--ease)}
.mm-mark svg{width:68%;height:68%;display:block;filter:drop-shadow(0 0 6px rgba(217,192,140,.35))}
.mm-brand:hover .mm-mark{transform:translateY(-1px) rotate(-4deg);box-shadow:inset 0 0 0 1px rgba(217,192,140,.8),inset 0 1px 0 rgba(255,244,214,.25),0 16px 36px -12px rgba(217,192,140,.75)}
.mm-wm{display:flex;flex-direction:column;gap:7px}
.mm-wm-name{white-space:nowrap;letter-spacing:-.015em}
.mm-wm-tag{font:500 9.5px/1 var(--body);letter-spacing:.26em;text-transform:uppercase;color:var(--tx-2);white-space:nowrap}
.mm-foot-brand .mm-brand{font-size:30px}
@media(max-width:760px){
  .mm-nav-in{padding-top:12px}
  .mm-brand{font-size:25px;gap:12px}
  .mm-mark{width:40px;height:40px;border-radius:12px}
  .mm-wm{gap:5px}
}
@media(max-width:380px){.mm-wm-tag{display:none}.mm-brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){.mm-mark,.mm-brand:hover .mm-mark{transition:none;transform:none}}