.hero-sticky{display:block;position:relative;height:var(--hero-sticky-scroll-distance, 200vh)}.hero-sticky__pin{position:sticky;top:0;height:100vh;overflow:hidden}.hero-sticky__tile{position:absolute;top:0;bottom:0;z-index:1;display:none;width:30%}.hero-sticky__tile--start{left:5%}.hero-sticky__tile--end{right:5%}.hero-sticky-tile{position:relative;display:block;width:100%;height:100%;overflow:hidden}.hero-sticky-tile__image{display:block;width:100%;height:100%;object-fit:cover}.hero-sticky-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-end;gap:.5rem;padding:1.25rem;background:linear-gradient(180deg,#0000 40%,#0000008c);color:#fff}.hero-sticky-tile__text{margin:0;font-size:1.4rem}.hero-sticky__visual{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;margin:0 auto;overflow:hidden}.hero-sticky__video,.hero-sticky__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-sticky__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:1rem;padding:3rem 1.5rem;text-align:center;color:#121212;transition:color .5s ease}.hero-sticky__overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#ffffffe0;opacity:1;transition:opacity .5s ease}.hero-sticky--inverse .hero-sticky__overlay{color:#fff}.hero-sticky--inverse .hero-sticky__overlay:before{opacity:0}.hero-sticky__heading{margin:0}.hero-sticky__text{margin:0;max-width:32rem}@media screen and (min-width:750px){.hero-sticky__tile{display:block}.hero-sticky__overlay{padding:4rem}}@media(prefers-reduced-motion:reduce){.hero-sticky{height:auto}.hero-sticky__pin{position:static;display:flex;flex-direction:column;height:auto;padding:3rem 1.5rem;gap:1.5rem}.hero-sticky__tile{position:static;display:block;width:100%;max-width:26rem;aspect-ratio:3 / 4}.hero-sticky__visual{position:static;width:100%;aspect-ratio:4 / 5}.hero-sticky__overlay,.hero-sticky__overlay:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero-sticky.css.map */