.mm-brand-note{padding-block:clamp(40px,5vw,72px);color:var(--mm-red);background:var(--mm-cream)}.mm-brand-note__grid{display:grid;grid-template-areas:"heading" "visual" "copy";gap:28px}.mm-brand-note__heading{grid-area:heading;min-width:0}.mm-brand-note__heading .mm-eyebrow{margin-bottom:18px}.mm-site .mm-brand-note__title{max-width:13ch;margin:0;font-family:var(--mm-displayfont);font-size:clamp(42px,6vw,76px);font-weight:400;line-height:1.04;letter-spacing:-.03em;text-wrap:balance}.mm-brand-note__visual{grid-area:visual;min-width:0;margin:0;overflow:hidden;border-radius:14px;aspect-ratio:4 / 3;background:#e9e1d5}.mm-site .mm-brand-note__image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 75%}.mm-brand-note__copy{grid-area:copy;min-width:0;align-self:end}.mm-brand-note__body{max-width:43ch;font-family:var(--mm-bodyfont);font-size:17px;line-height:1.6;text-wrap:pretty}.mm-brand-note__body p+p{margin-top:16px}.mm-brand-note__body a{text-decoration:underline;text-underline-offset:4px}.mm-brand-note__signature{margin-top:22px;font-size:15px}.mm-brand-note__cta{margin-top:24px;min-height:48px;padding:12px 20px;font-weight:400;max-width:100%}.mm-brand-note__cta .mm-icon{transition:transform .2s ease}.mm-brand-note--text .mm-brand-note__grid{grid-template-areas:"heading" "copy"}@media(min-width:900px){.mm-brand-note__grid{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);grid-template-rows:auto 1fr;grid-template-areas:"heading visual" "copy visual";column-gap:clamp(40px,5vw,72px);row-gap:40px}.mm-brand-note__heading{padding-top:12px}.mm-brand-note__visual{aspect-ratio:auto;min-height:540px;height:clamp(540px,44vw,620px)}.mm-brand-note__copy{padding-bottom:12px}.mm-brand-note__body{font-size:18px}.mm-brand-note--text .mm-brand-note__grid{grid-template-areas:"heading copy";grid-template-rows:auto;align-items:start}}@media(hover:hover)and (pointer:fine){.mm-brand-note__cta:hover .mm-icon{transform:translate(2px,-2px)}}@media(prefers-reduced-motion:reduce){.mm-brand-note__cta,.mm-brand-note__cta .mm-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/mm-brand-note.css.map */