.cinematic-hero{display:block;position:relative;isolation:isolate;--hero-header-offset: 0px;background:#14212c;touch-action:pan-y pinch-zoom}.cinematic-hero[data-header-overlay]{margin-top:calc(-1 * var(--hero-header-offset))}.cinematic-hero__slides{display:grid;grid-template-rows:minmax(0,1fr);height:max(320px,calc(var(--hero-height, 90svh) - var(--hero-page-offset, 0px)))}.cinematic-hero__slide{grid-area:1 / 1;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;padding-block:calc(var(--hero-header-offset) + var(--hero-content-top, 32px)) 64px;color:var(--hero-foreground, #fff);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--hero-duration, .7s) ease,visibility var(--hero-duration, .7s)}.cinematic-hero__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.cinematic-hero__media,.cinematic-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.cinematic-hero__media picture,.cinematic-hero__media img,.cinematic-hero__placeholder{display:block;width:100%;height:100%}.cinematic-hero__media img{object-fit:var(--hero-image-fit, cover);object-position:50% var(--hero-image-y, 50%);transform:scale(1.045);transition:transform 7s cubic-bezier(.2,.65,.3,1)}.cinematic-hero__slide.is-active .cinematic-hero__media img{transform:scale(1)}.cinematic-hero__shade{background:linear-gradient(180deg,rgba(0,0,0,.3),transparent 55%,rgba(0,0,0,.2)),rgba(0,0,0,var(--hero-shade,.25))}.cinematic-hero__content{position:relative;flex:0 1 auto;min-height:0;max-height:100%;overflow-y:auto;width:100%;text-align:center;padding-block:var(--hero-text-distance, 20px) 0;margin-top:calc(-1 * var(--hero-text-distance, 20px))}.cinematic-hero__slide--center{justify-content:center}.cinematic-hero__slide--bottom{justify-content:flex-end}.cinematic-hero__content>*{--copy-order: 0}.cinematic-hero__content>.cinematic-hero__title{--copy-order: 1}.cinematic-hero__content>.cinematic-hero__text{--copy-order: 2}.cinematic-hero__content>.cinematic-hero__actions{--copy-order: 3}.cinematic-hero__slide.is-active .cinematic-hero__content>*{animation:hero-copy-arrive var(--hero-text-duration, .9s) cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.12s + var(--copy-order) * var(--hero-text-stagger, .1s))}@keyframes hero-copy-arrive{0%{opacity:0;transform:translate3d(0,calc(-1 * var(--hero-text-distance, 20px)),0)}to{opacity:1;transform:translateZ(0)}}.cinematic-hero__eyebrow{margin:0 0 var(--hero-copy-gap, 8px);font-size:16px;line-height:1.35;font-weight:400}.cinematic-hero__title{color:inherit;margin:0;font-size:var(--hero-title-size,52px);line-height:1.1;font-weight:700;letter-spacing:-.025em;overflow-wrap:anywhere}.cinematic-hero__text{margin:var(--hero-copy-gap, 8px) 0 0;font-size:22px;line-height:1.3}.cinematic-hero__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:var(--hero-actions-gap, 16px)}.cinematic-hero__actions:empty{display:none}.cinematic-hero__button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:8px 22px;border:1px solid currentColor;border-radius:99px;color:inherit;text-decoration:none;font-size:16px;line-height:1.3;transition:background .18s ease}.cinematic-hero__button:hover{background:#ffffff24}.cinematic-hero__button span{font-size:24px;line-height:1}.cinematic-hero__navigation{position:absolute;z-index:3;bottom:20px;inset-inline:16px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff}.cinematic-hero__navigation[hidden]{display:none}.cinematic-hero__navigation button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.cinematic-hero__indicators{display:flex;align-items:center;gap:0}.cinematic-hero__indicators .cinematic-hero__indicator{width:32px}.cinematic-hero__track{display:block;position:relative;width:18px;height:2px;background:#ffffff59;overflow:hidden}.cinematic-hero__fill{display:block;width:100%;height:100%;background:currentColor;transform:scaleX(0);transform-origin:left center;opacity:0}.cinematic-hero__indicator[aria-current=true] .cinematic-hero__fill{opacity:1}.cinematic-hero:dir(rtl) .cinematic-hero__fill{transform-origin:right center}.cinematic-hero__button:focus-visible,.cinematic-hero__navigation button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.cinematic-hero:dir(rtl) .cinematic-hero__button span{transform:rotate(180deg)}@media(max-width:749px){.cinematic-hero__slides{height:max(320px,calc(var(--hero-mobile-height,90svh) - var(--hero-page-offset, 0px)))}.cinematic-hero__slide{padding-top:calc(var(--hero-header-offset) + var(--hero-mobile-content-top, 20px))}.cinematic-hero__content{padding-inline:20px}.cinematic-hero__media img{object-fit:var(--hero-mobile-image-fit, cover);object-position:50% var(--hero-mobile-image-y, 50%)}.cinematic-hero__title{font-size:var(--hero-mobile-title-size,34px)}.cinematic-hero__eyebrow{font-size:14px}.cinematic-hero__text{font-size:18px}.cinematic-hero__button{font-size:14px;padding-inline:18px}.cinematic-hero__navigation{gap:0;inset-inline:6px}.cinematic-hero__indicators .cinematic-hero__indicator{width:clamp(20px,6vw,28px)}}@media(prefers-reduced-motion:reduce){.cinematic-hero *,.cinematic-hero *:before{animation:none!important;transition:none!important;transform:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/cinematic-hero.css.map */