.product-story{position:relative;overflow:hidden}.product-story__media{position:relative;aspect-ratio:auto;min-height:80vh}@media screen and (min-width:990px){.product-story__media{min-height:90vh}}.product-story__image{width:100%;height:100%;object-fit:cover;object-position:center 20%;position:absolute;top:0;right:0;bottom:0;left:0}.product-story--parallax .product-story__image{transform:scale(1.25);will-change:transform}.product-story__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,rgba(0,0,0,.1) 60%,transparent 100%)}.product-story__content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-xl) var(--page-gutter);z-index:1}.product-story__text{max-width:var(--page-width);margin-inline:auto;color:var(--color-surface)}.product-story__heading{font-size:var(--font-size-3xl);color:inherit;max-width:680px;line-height:var(--line-height-snug)}@media screen and (min-width:990px){.product-story__heading{font-size:var(--font-size-4xl)}}[data-story-reveal] .product-story__media{clip-path:inset(8%);transition:clip-path 1s cubic-bezier(.16,1,.3,1)}[data-story-reveal].is-visible .product-story__media{clip-path:inset(0%)}[data-story-reveal] .product-story__image{transform:scale(1.08);transition:transform 1.2s cubic-bezier(.16,1,.3,1)}[data-story-reveal].is-visible .product-story__image{transform:scale(1)}.product-story--parallax .product-story__image,.product-story--parallax[data-story-reveal] .product-story__image,.product-story--parallax[data-story-reveal].is-visible .product-story__image{transition:none}.product-story__line{display:block;opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}[data-story-reveal].is-visible .product-story__line[data-delay="1"]{opacity:1;transform:translateY(0);transition-delay:.5s}[data-story-reveal].is-visible .product-story__line[data-delay="2"]{opacity:1;transform:translateY(0);transition-delay:.7s}@media(prefers-reduced-motion:reduce){[data-story-reveal] .product-story__media{clip-path:inset(0%);transition:none}[data-story-reveal] .product-story__image{transform:scale(1);transition:none}.product-story__line{opacity:1;transform:translateY(0);transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-story-zone.css.map */