.mm-article-hero{background:var(--black);border-bottom:var(--border-w) solid var(--black-700);padding:138px var(--space-40) var(--space-48);padding-inline:max(var(--space-40),(100% - 1280px) / 2)}.mm-article-hero__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,44%);gap:var(--space-48);align-items:center;min-height:386px}.mm-article-hero__text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-32)}.mm-article-hero__title{font-family:var(--body-font);font-size:var(--fs-h2);font-weight:var(--fw-regular);line-height:1.05;letter-spacing:var(--ls-xl);color:var(--500);margin:0;max-width:600px}.mm-article-hero__meta{display:flex;align-items:center;gap:var(--space-12)}.mm-article-hero__tag{display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-6) var(--space-8);background:rgba(var(--white-rgb),.1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:var(--body-font);font-size:var(--fs-cap);line-height:var(--lh-cap);font-weight:var(--fw-medium);letter-spacing:var(--ls-cap);text-transform:uppercase;color:var(--500);white-space:nowrap}.mm-article-hero__tag:before{content:"";width:4px;height:4px;flex:none;background:var(--primary)}.mm-article-hero__date,.mm-article-hero__author{font-family:var(--body-font);font-size:var(--fs-cap);line-height:var(--lh-cap);font-weight:var(--fw-regular);letter-spacing:var(--ls-cap);text-transform:uppercase;color:rgba(var(--white-rgb),.55);white-space:nowrap;margin:0}.mm-article-hero__media{aspect-ratio:591 / 386;overflow:hidden}.mm-article-hero__img{display:block;width:100%;height:100%;object-fit:cover}@media(max-width:998px){.mm-article-hero{padding:120px var(--space-24) var(--space-40)}.mm-article-hero__inner{grid-template-columns:1fr;gap:var(--space-32);min-height:auto}.mm-article-hero__title{font-size:var(--fs-xl);max-width:none}.mm-article-hero__media{aspect-ratio:16 / 10}}@media(max-width:768px){.mm-article-hero{padding:100px var(--space-16) var(--space-32)}.mm-article-hero__title{font-size:30px}.mm-article-hero__text{gap:var(--space-20)}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/mm-article-blog-banner.css.map */