.hero{--hero-fade-to: var(--hero-bg, var(--color-cream));position:relative;width:100%;min-height:100svh;overflow:hidden;background-color:var(--hero-bg, var(--color-cream));color:var(--hero-fg, var(--color-gold))}.hero__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__fade{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--hero-fade-to, var(--hero-bg, var(--color-cream)));opacity:0}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center center;will-change:transform,opacity,filter}.hero__bg,.hero__bg-img,.hero__bg-video{width:100%;height:100%}.hero__bg-img,.hero__bg-video{object-fit:cover;display:block}.hero__bg--placeholder{background-color:#2b2b2b}.hero__bg--overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to top,var(--overlay-color, #000) 0%,transparent 100%);opacity:var(--overlay-strength, .4);pointer-events:none}.hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--hero-bg, var(--color-cream));--hole: 250vmax;will-change:mask-size,opacity;-webkit-mask-image:linear-gradient(#000 0 0),var(--arch-mask);mask-image:linear-gradient(#000 0 0),var(--arch-mask);-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-position:center,center;mask-position:center,center;-webkit-mask-size:cover,var(--hole) auto;mask-size:cover,var(--hole) auto;-webkit-mask-composite:xor;mask-composite:exclude}.hero__content{position:relative;z-index:2;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 25px}.hero__headings{display:flex;flex-direction:column;align-items:center;max-width:90vw}.hero__heading-script,.hero__heading-sans{margin:0}.hero__body{margin-top:25px;max-width:800px}@media(min-width:64rem){.hero__content{padding:0 50px}.hero__body{margin-top:50px}}@media(prefers-reduced-motion:no-preference){html:not(.design-mode) .hero__veil{--hole: 0px}html:not(.design-mode) .hero__bg{opacity:0}html:not(.design-mode) .hero__heading-script,html:not(.design-mode) .hero__heading-sans,html:not(.design-mode) .hero__body{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero.css.map */
