.scroll-story{--story-height: 110svh}.scroll-story__stage{position:relative;display:grid;gap:var(--space-6);align-items:center;padding:var(--space-8) var(--space-6)}@media(min-width:750px){.scroll-story__stage:has(.scroll-story__media){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-12)}.scroll-story__stage{padding-inline:var(--space-8)}.scroll-story__stage:not(:has(.scroll-story__media)) .scroll-story__panels{max-width:44rem}}.scroll-story__media{display:grid;place-items:center}.scroll-story__media img{width:100%;max-width:34rem;height:auto;border-radius:var(--style-border-radius-cards)}.scroll-story__label{margin:0;font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent)}.scroll-story__heading{margin:var(--space-3) 0 var(--space-4);font-size:clamp(1.75rem,4vw,3rem);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.scroll-story__text{margin:0}.scroll-story__button{margin-top:var(--space-6)}.scroll-story__rail{position:absolute;inset-inline:var(--space-6);bottom:var(--space-6);height:2px;background-color:rgb(var(--color-foreground-rgb) / .15)}@media(min-width:750px){.scroll-story__rail{inset-inline:var(--space-8)}}.scroll-story__progress{display:block;width:100%;height:100%;background-color:var(--color-accent);transform-origin:left center;scale:0 1}.scroll-story__panels{display:flex;flex-direction:column;gap:var(--space-8)}@supports (animation-timeline: view()){@media(min-width:750px)and (prefers-reduced-motion:no-preference){.scroll-story__track{height:calc(var(--panel-count, 3) * var(--story-height, 110svh));view-timeline-name:--story;view-timeline-axis:block}.scroll-story__stage{position:sticky;top:0;min-height:100svh}.scroll-story__panels{display:grid;gap:0}.scroll-story__panel{grid-area:1 / 1;opacity:0;animation:story-panel linear both;animation-timeline:--story;animation-range:contain var(--from, 0%) contain var(--to, 100%)}.scroll-story__panel:first-child{animation-name:story-panel-first}.scroll-story__panel:last-child{animation-name:story-panel-last}.scroll-story__panel:first-child:last-child{animation-name:story-panel-only}.scroll-story__progress{animation:story-progress linear both;animation-timeline:--story;animation-range:contain 0% contain 100%}.scroll-story__media img{animation:story-media linear both;animation-timeline:--story;animation-range:contain 0% contain 100%}}}@keyframes story-panel{0%{opacity:0;translate:0 4rem}22%{opacity:1}78%{opacity:1}to{opacity:0;translate:0 -4rem}}@keyframes story-panel-first{0%{opacity:1;translate:0 1.5rem}78%{opacity:1}to{opacity:0;translate:0 -4rem}}@keyframes story-panel-last{0%{opacity:0;translate:0 4rem}22%{opacity:1}to{opacity:1;translate:0 -1.5rem}}@keyframes story-panel-only{0%{opacity:1;translate:0 1rem}to{opacity:1;translate:0 -1rem}}@keyframes story-progress{0%{scale:0 1}to{scale:1 1}}@keyframes story-media{0%{scale:1}to{scale:1.06}}.turntable__scrub{display:block;height:var(--scrub-length, 300svh)}.turntable__stage{position:sticky;top:0;display:grid;gap:var(--space-6);align-items:center;min-height:100svh;padding:var(--space-8) var(--space-6)}@media(min-width:750px){.turntable__stage{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-12);padding-inline:var(--space-8)}}.turntable__media{display:grid;place-items:center}.turntable__video{width:100%;max-width:32rem;height:auto;border-radius:var(--style-border-radius-cards)}.turntable__scrub:not(.is-ready) .turntable__video{opacity:.999}.turntable__hint{margin-top:var(--space-6);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;opacity:.5}.hscroll__heading{margin:0 0 var(--space-6);padding-inline:var(--space-6);font-size:clamp(1.5rem,3vw,2.25rem)}.hscroll__rail{display:flex;gap:var(--space-6);margin:0;padding:0 var(--space-6);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.hscroll__rail::-webkit-scrollbar{display:none}.hscroll__item{flex:none;width:var(--item-width, 360px);scroll-snap-align:start}.hscroll__media{border-radius:var(--style-border-radius-cards);margin-bottom:var(--space-3)}.hscroll__item-heading{margin:0 0 var(--space-1);font-size:var(--text-lg)}.hscroll__text{margin:0;font-size:var(--text-sm)}@supports (animation-timeline: view()){@media(min-width:750px)and (prefers-reduced-motion:no-preference){.hscroll__track{height:calc(var(--item-count, 4) * 60svh);view-timeline-name:--hscroll;view-timeline-axis:block}.hscroll__stage{position:sticky;top:0;display:flex;flex-direction:column;justify-content:center;min-height:100svh;overflow:hidden}.hscroll__rail{width:max-content;overflow:visible;animation:hscroll-pan linear both;animation-timeline:--hscroll;animation-range:contain 0% contain 100%}}}@keyframes hscroll-pan{0%{transform:translate(0)}to{transform:translate(calc(-100% + 100vw - var(--space-6) * 2))}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/scroll-story.css.map */