.mazo-hero{position:relative;height:calc(var(--mazo-hero-h,78vh) - (2 * var(--mazo-hero-inset)));min-height:520px;width:auto;margin:var(--mazo-hero-inset);border-radius:var(--mazo-radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mazo-maroon-deep) 0%,var(--mazo-maroon) 55%,var(--mazo-mustard) 120%)}.mazo-hero__media{position:absolute;left:0;right:0;top:0;height:calc(100% + var(--mazo-hero-media-overhang, 2%));z-index:0;will-change:transform}.mazo-hero__photo{width:100%;height:100%;object-fit:cover;display:block;object-position:var(--mazo-hero-focus, 50% 0%)}.mazo-hero__picture{display:block;width:100%;height:100%}@media(orientation:portrait)and (max-width:989px){.mazo-hero{height:clamp(calc((100vw - (2 * var(--mazo-hero-inset))) * 1.3312),calc(var(--mazo-hero-h-portrait, 80svh) - (2 * var(--mazo-hero-inset))),calc((100vw - (2 * var(--mazo-hero-inset))) * 1.6));min-height:0}}.mazo-hero .mazo-hero__scrim{display:block}.mazo-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(120% 90% at 50% 62%,#3e080100 25%,#3e080180)}.mazo-hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:2;pointer-events:none}.mazo-hero--photo .mazo-hero__canvas{mix-blend-mode:normal}.mazo-hero--photo .mazo-hero__scrim{background:linear-gradient(#0000002e,#0000004d)}@media(prefers-reduced-motion:reduce){.mazo-hero__media{--mazo-hero-media-overhang:0%;will-change:auto}}.mazo-hero__content{position:relative;z-index:3;text-align:center;color:var(--mazo-cream);padding:0 24px;max-width:760px}@media screen and (max-width:749px){.mazo-hero__content{transform:translateY(var(--mazo-hero-shift, 0px))}}.mazo-hero__eyebrow{font-family:var(--font-body-family);text-transform:uppercase;letter-spacing:.18em;font-size:1.2rem;opacity:.85;margin:0 0 1.2rem}.mazo-hero__heading{font-family:var(--font-heading-family);color:var(--mazo-cream);font-weight:var(--mazo-heading-weight);font-size:clamp(4rem,7vw,8rem);line-height:1.05;margin:0}.mazo-hero__sub{font-family:var(--font-body-family);font-size:clamp(1.5rem,1.6vw,1.8rem);opacity:.92;margin:1.4rem 0 2.4rem}.mazo-hero__cta{display:inline-flex;align-items:center;justify-content:center;min-height:var(--mazo-btn-h);border-radius:999px;padding:var(--mazo-btn-pad-y) var(--mazo-btn-pad-x);border:var(--mazo-btn-bd) solid var(--mazo-cream);color:var(--mazo-cream);font-family:var(--font-body-family);font-size:var(--mazo-btn-fs);font-weight:600;text-transform:uppercase;letter-spacing:var(--mazo-btn-track);line-height:1.2;background:var(--mazo-cream-10);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);-webkit-transform:translateZ(0);transform:translateZ(0);position:relative;transition:background .25s var(--mazo-ease),color .25s var(--mazo-ease),border-color .25s var(--mazo-ease),transform .12s var(--mazo-ease)}.mazo-hero__cta:before,.mazo-hero__cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:-1;pointer-events:none;opacity:0;transition:opacity .25s var(--mazo-ease)}.mazo-hero__cta:before{background:linear-gradient(to top,#ffffff52,#fff0 70%)}.mazo-hero__cta:after{background:linear-gradient(to top,#ffffff80,#ffffff0f 78%)}@media(hover:hover){.mazo-hero__cta:hover:before{opacity:1}}.mazo-hero__cta:active:after{opacity:1}@media(prefers-reduced-motion:reduce){.mazo-hero__cta,.mazo-hero__cta:before,.mazo-hero__cta:after{transition:none}}.mazo-hero--carousel .mazo-hero__picture{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .7s var(--mazo-ease)}.mazo-hero--carousel .mazo-hero__picture.is-active{opacity:1}.mazo-hero__slides{position:relative;z-index:3;display:grid;justify-items:center;align-items:center;width:100%}.mazo-hero__slides>.mazo-hero__slide{grid-area:1 / 1}.mazo-hero--carousel .mazo-hero__slide{visibility:hidden;transition:visibility 0s linear .5s}.mazo-hero--carousel .mazo-hero__slide.is-active{visibility:visible;transition:visibility 0s}.mazo-hero--carousel .mazo-hero__slide>*{opacity:0;transition:opacity .5s var(--mazo-ease)}.mazo-hero--carousel .mazo-hero__slide.is-active>*{opacity:1;transition:opacity .5s var(--mazo-ease) .15s}.mazo-hero--carousel .mazo-hero__slide>.mazo-hero__cta{transition:opacity .5s var(--mazo-ease),color .25s var(--mazo-ease),border-color .25s var(--mazo-ease),transform .12s var(--mazo-ease)}.mazo-hero--carousel .mazo-hero__slide.is-active>.mazo-hero__cta{transition:opacity .5s var(--mazo-ease) .15s,color .25s var(--mazo-ease),border-color .25s var(--mazo-ease),transform .12s var(--mazo-ease)}.mazo-hero__dots{position:absolute;left:50%;bottom:var(--mazo-hero-dots-b, 14px);transform:translate(-50%);z-index:4;display:flex;gap:0}.mazo-hero__dot{min-width:24px;height:44px;padding:0 8px;border:0;background:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.mazo-hero__dot span{display:block;width:8px;height:8px;border-radius:999px;background:var(--mazo-cream);opacity:.55;transition:width .3s var(--mazo-ease),opacity .3s var(--mazo-ease)}.mazo-hero__dot.is-active span{width:24px;opacity:1}.mazo-hero__dot:focus-visible{outline:2px solid var(--mazo-cream);outline-offset:-8px;border-radius:999px}@media screen and (min-width:750px){.mazo-hero{--mazo-hero-dots-b:18px}}@media screen and (min-width:990px){.mazo-hero{--mazo-hero-dots-b:24px}}@media(prefers-reduced-motion:reduce){.mazo-hero--carousel .mazo-hero__picture,.mazo-hero--carousel .mazo-hero__slide,.mazo-hero--carousel .mazo-hero__slide>*,.mazo-hero--carousel .mazo-hero__slide.is-active>*,.mazo-hero--carousel .mazo-hero__slide>.mazo-hero__cta,.mazo-hero--carousel .mazo-hero__slide.is-active>.mazo-hero__cta,.mazo-hero__dot span{transition:none}}@media(prefers-reduced-motion:no-preference){html.mazo-page-in #MainContent:has(>.shopify-section:first-child .mazo-hero){animation:none;will-change:auto}html.mazo-page-in #MainContent:has(>.shopify-section:first-child .mazo-hero)>.shopify-section:not(:first-child){animation:mazo-page-in var(--mazo-page-in-dur) ease-out both}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/mazo-hero.css.map */