.mm-about-hero{position:relative;overflow:hidden;background:var(--bg-section);padding:64px 0 0;text-align:center;isolation:isolate}.mm-about-hero:before{content:"";position:absolute;right:-160px;top:-120px;width:780px;height:780px;border-radius:50%;pointer-events:none;z-index:-1;background:radial-gradient(closest-side,rgba(240,196,22,.14),transparent 70%)}.mm-about-hero__h{margin:24px 0 0;font-family:var(--font-heading-family);font-weight:700;font-size:72px;letter-spacing:-1px;color:var(--cream)}.mm-about-hero__h em{font-style:italic;color:var(--gold)}.mm-about-hero__h strong{font-weight:inherit;color:var(--gold)}.mm-about-hero__roles{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;font-size:16px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.mm-about-hero__sep{color:var(--gold)}.mm-about-hero__figure{position:relative;margin:38px auto 0;max-width:1280px;aspect-ratio:1280 / 548;border-radius:24px;overflow:hidden;border:1px solid var(--line-strong);box-shadow:0 50px 100px -30px #000000b3;background:var(--bg-section)}.mm-about-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.mm-about-hero__corner{position:absolute;left:24px;bottom:24px;display:flex;align-items:center;gap:14px;padding:13px 18px;background:#060c1dc7;border:1px solid var(--line-strong);border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mm-about-hero__corner-ic{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:var(--gold-soft);border:1px solid var(--line);color:var(--gold);flex-shrink:0}.mm-about-hero__corner-body{display:flex;flex-direction:column;gap:3px;line-height:1.2;text-align:left}.mm-about-hero__corner-v{font-family:var(--font-heading-family);font-weight:700;font-size:16px;color:var(--cream)}.mm-about-hero__corner-k{font-size:16px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}@media(max-width:1024px){.mm-about-hero__h{font-size:54px}}@media(max-width:900px){.mm-about-hero{padding:44px 0 0}.mm-about-hero__h{font-size:40px}.mm-about-hero__roles{font-size:16px;gap:10px}.mm-about-hero__corner{left:12px;bottom:12px;padding:10px 14px}}@media(max-width:520px){.mm-about-hero__h{font-size:30px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-about-hero.css.map */