.mcc-banner{position:relative;width:100%;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;text-align:center;min-height:var(--mcc-banner-height, clamp(180px, 26vh, 300px));padding-block:clamp(20px,4vw,48px);padding-inline:clamp(24px,6vw,96px);font-family:var(--brand-font-body);background:var(--mcc-banner-ground, var(--brand-green))}.mcc-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:color-mix(in srgb,var(--mcc-banner-ground, var(--brand-green)) 52%,#fff);opacity:.55;-webkit-mask:url(mcc-hero-pattern.svg) left center / auto 320% no-repeat;mask:url(mcc-hero-pattern.svg) left center / auto 320% no-repeat}.mcc-banner--ocean-blue{--mcc-banner-ground: var(--brand-ocean-blue)}.mcc-banner--green{--mcc-banner-ground: var(--brand-green)}.mcc-banner--spring-yellow{--mcc-banner-ground: var(--brand-spring-yellow)}.mcc-banner--aquamarine{--mcc-banner-ground: var(--brand-aquamarine)}.mcc-banner--lavender{--mcc-banner-ground: var(--brand-lavender)}.mcc-banner--peach{--mcc-banner-ground: var(--brand-peach)}.mcc-banner--coral{--mcc-banner-ground: var(--brand-coral)}.mcc-banner__content{position:relative;z-index:2;max-width:46rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1vw,12px)}.mcc-banner__eyebrow{font-family:var(--brand-font-heading);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(.72rem,1.4vw,.86rem);color:#fff;opacity:.92}.mcc-banner__heading{margin:0;font-family:var(--brand-font-heading);font-weight:700;line-height:1.05;font-size:clamp(1.8rem,4.4vw,3rem);color:#fff}.mcc-banner__subheading{margin:0;font-size:clamp(.95rem,1.8vw,1.15rem);line-height:1.4;color:#fff;opacity:.95}.mcc-banner--spring-yellow .mcc-banner__eyebrow,.mcc-banner--spring-yellow .mcc-banner__heading,.mcc-banner--spring-yellow .mcc-banner__subheading{color:var(--brand-black)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-mcc-banner.css.map */