.mbm-hero{position:relative;overflow:hidden;background:var(--mbm-bg, #171717);color:var(--mbm-text, #ffffff);padding:96px 24px 72px;text-align:center;isolation:isolate}.mbm-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.mbm-hero__media img{width:100%;height:100%;object-fit:cover;opacity:.35}.mbm-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,var(--mbm-bg, #171717) 92%)}.mbm-hero__inner{position:relative;z-index:1;max-width:760px;margin:0 auto}.mbm-hero__mark{position:absolute;top:-64px;right:-8px;font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:clamp(180px,28vw,360px);line-height:1;color:var(--mbm-text, #fff);opacity:.045;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.mbm-hero__wordmark{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:22px}.mbm-hero__wordmark-m{font-family:Georgia,Times New Roman,serif;font-weight:700;font-style:italic;font-size:44px;line-height:1;color:var(--mbm-text, #fff)}.mbm-hero__wordmark-by{font-size:15px;font-style:italic;letter-spacing:.02em;color:var(--mbm-text, #fff);opacity:.7;transform:translateY(-2px)}.mbm-hero__wordmark-brand{font-size:18px;font-weight:600;letter-spacing:.32em;color:var(--mbm-accent, #c9a227);padding-bottom:2px;border-bottom:1px solid var(--mbm-accent, #c9a227)}.mbm-hero__heading{font-size:clamp(26px,4vw,38px);font-weight:600;letter-spacing:.01em;margin:0 0 14px;color:var(--mbm-text, #fff)}.mbm-hero__tagline{font-size:16px;line-height:1.6;color:var(--mbm-text, #fff);opacity:.75;max-width:560px;margin:0 auto 32px}.mbm-hero__links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.mbm-hero__chip{display:inline-flex;align-items:center;padding:10px 22px;border:1px solid var(--mbm-accent, #c9a227);border-radius:999px;color:var(--mbm-text, #fff);font-size:13px;font-weight:500;letter-spacing:.03em;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease,color .2s ease}.mbm-hero__chip:hover{background-color:var(--mbm-accent, #c9a227);color:#171717}@media screen and (max-width:749px){.mbm-hero{padding:72px 20px 48px}.mbm-hero__mark{top:-40px;right:-10px;font-size:clamp(140px,42vw,220px)}.mbm-hero__wordmark-m{font-size:36px}.mbm-hero__wordmark-brand{font-size:15px;letter-spacing:.24em}.mbm-hero__heading{font-size:24px}.mbm-hero__tagline{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/m-by-mascot-hero.css.map */