.about-hero{--about-hero-fade: 1.2s;--about-hero-leave-after: .5;--about-hero-header: calc(var(--announcement-bar-height, 0px) + var(--header-height, 0px));--about-hero-height: calc(100vh - var(--about-hero-header));--about-hero-photo-height: calc(90vh - var(--about-hero-header));--about-hero-photo-top: 10vh;height:var(--about-hero-height);min-height:32rem;isolation:isolate;overflow:hidden;display:block;position:relative}@supports (height: 100svh){.about-hero{--about-hero-height: calc(100svh - var(--about-hero-header));--about-hero-photo-height: calc(90svh - var(--about-hero-header));--about-hero-photo-top: 10svh}}.about-hero__media{height:var(--about-hero-photo-height);isolation:isolate;position:absolute;inset-block:auto 0;inset-inline:var(--containerPadding)}.about-hero__slide{z-index:0;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0}.about-hero__slide.is-current{z-index:1;opacity:1}.about-hero__slide.is-incoming{z-index:2;transition:opacity var(--about-hero-fade) var(--cubicBez, cubic-bezier(.36, .01, .1, 1.01))}.about-hero__slide.is-incoming.is-entering{opacity:1}.about-hero__slide.is-current.is-leaving{opacity:0;transition:opacity calc(var(--about-hero-fade) * (1 - var(--about-hero-leave-after))) var(--cubicBez, cubic-bezier(.36, .01, .1, 1.01)) calc(var(--about-hero-fade) * var(--about-hero-leave-after))}.about-hero__slide img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.about-hero__heading{z-index:1;max-width:100%;margin:0;padding-inline:var(--containerPadding);font-size:clamp(3.5rem,8.5vw,12rem);line-height:1.1;text-align:center;text-wrap:balance;position:absolute;inset-inline:0;inset-block-start:var(--about-hero-photo-top);translate:0 -50%}.about-hero.is-placed .about-hero__heading{transition:inset-block-start var(--about-hero-fade) var(--cubicBez, cubic-bezier(.36, .01, .1, 1.01))}.about-hero__heading-text{color:transparent;display:block;position:relative}.about-hero__heading-text:before,.about-hero__heading-text:after{content:attr(data-text);position:absolute;top:0;right:0;bottom:0;left:0}.about-hero__heading-text:before{color:rgb(var(--text-color));clip-path:inset(0 0 50% 0)}.about-hero__heading-text:after{color:rgb(var(--about-hero-accent, var(--text-color)));clip-path:inset(50% 0 0 0);transition:color var(--about-hero-fade) var(--cubicBez, cubic-bezier(.36, .01, .1, 1.01))}
/*# sourceMappingURL=/cdn/shop/t/7/assets/about-hero-slideshow.css.map */