.mm-width{width:min(100% - 48px,1200px);margin-inline:auto}
.mm-edition{margin:0 0 10px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:650}
.mm-title{font-size:clamp(2rem,3.4vw,3rem);line-height:1.08;margin:0 0 14px;letter-spacing:-.035em}
.mm-hook{font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.3;font-weight:600;margin:0 0 16px;text-wrap:balance}
.mm-intro{font-size:1rem;line-height:1.55;margin:0 0 18px;max-width:42ch}
.mm-facts{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:0}
.mm-facts li{border:1px solid currentColor;border-radius:4px;padding:5px 9px;font-size:.75rem;line-height:1.4}
.mm-mobile-intro{display:none}
.mm-shipping{font-size:.875rem;line-height:1.5}
.mm-shipping p{margin:0 0 12px}
.mm-shipping a,.mm-story a{text-underline-offset:4px}
.mm-story{padding-block:60px 48px}
.mm-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding-block:38px;border-top:1px solid color-mix(in srgb,currentColor 22%,transparent)}
.mm-story h2{font-size:clamp(1.45rem,2.4vw,1.9rem);line-height:1.2;letter-spacing:-.02em;margin:0 0 20px;text-wrap:balance}
.mm-story p{font-size:1rem;line-height:1.65;max-width:56ch;margin:0 0 14px}
.mm-story ul{padding-inline-start:1.2em;line-height:1.7;margin:0}
.mm-story li{padding-block:3px}
.mm-contents-row{padding-bottom:48px}
.mm-maker{padding:28px;background:#fcf6e6;border-radius:4px}
.mm-signature{font-weight:650;margin-top:20px!important}
.mm-faq{border-top:1px solid color-mix(in srgb,currentColor 22%,transparent);padding-top:36px;max-width:800px;margin-inline:auto}
.mm-faq details{border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent);padding-block:18px}
.mm-faq summary{cursor:pointer;font-weight:600;font-size:1rem;line-height:1.45;min-height:24px}
.mm-faq details p{margin:14px 0 0}
.mm-contact{padding-top:24px}
@media(max-width:749px){
  .mm-width{width:calc(100% - 40px)}
  .mm-mobile-intro{display:block;padding-block:20px 22px}
  .mm-desktop-intro{display:none}
  .mm-title{font-size:2rem;margin-bottom:10px}
  .mm-hook{font-size:1.2rem;margin-bottom:12px}
  .mm-mobile-intro .mm-intro{display:none}
  .mm-facts{gap:6px}
  .mm-facts li{font-size:.68rem;padding:4px 7px}
  .mm-story{padding-top:28px}
  .mm-story-grid{grid-template-columns:1fr;gap:28px;padding-block:28px}
  .mm-story h2{margin-bottom:14px}
  .mm-maker{padding:22px}
  .mm-faq{padding-top:28px}
}