.scroll-video-story{position:relative;display:block;width:100vw;max-width:100vw;min-height:100vh;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);overflow:clip;background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.scroll-video-story__viewport{position:relative;width:100%;min-height:100vh;overflow:hidden}.scroll-video-story__media,.scroll-video-story__media video,.scroll-video-story__poster-image,.scroll-video-story__media-placeholder,.scroll-video-story__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scroll-video-story__media video,.scroll-video-story__poster-image{object-fit:cover;object-position:center}.scroll-video-story__media video{display:block;background:#030507}.scroll-video-story__media-placeholder{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 22%,rgba(255,255,255,.12),transparent 28%),linear-gradient(180deg,#090e1852,#050810d6)}.scroll-video-story__media-placeholder .placeholder-svg{width:min(34rem,60vw);height:auto;opacity:.18}.scroll-video-story__overlay{background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.06),transparent 36%),linear-gradient(180deg,rgba(4,7,14,calc(var(--scroll-video-story-overlay-opacity) + .04)),rgba(4,7,14,var(--scroll-video-story-overlay-opacity)));pointer-events:none}.scroll-video-story__content{position:relative;z-index:1;display:flex;align-items:stretch;min-height:100vh;padding:clamp(2.4rem,5vw,6.4rem)}.scroll-video-story__stage{position:relative;width:100%;min-height:calc(100vh - clamp(4.8rem,10vw,12.8rem))}.scroll-video-story__block,.scroll-video-story__empty-state{position:absolute;top:0;right:0;bottom:0;left:0}.scroll-video-story__block{display:flex;align-items:center;width:100%;pointer-events:none;z-index:1}.scroll-video-story__block[data-state=before]{opacity:0;visibility:hidden;transform:translateY(8rem);transition:opacity var(--scroll-video-story-enter-ms) cubic-bezier(.18,.82,.22,1),transform var(--scroll-video-story-enter-ms) cubic-bezier(.18,.82,.22,1),visibility 0s linear var(--scroll-video-story-enter-ms)}.scroll-video-story__block[data-state=active]{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;z-index:3;transition:visibility 0s linear 0s,opacity var(--scroll-video-story-enter-ms) cubic-bezier(.18,.82,.22,1),transform var(--scroll-video-story-enter-ms) cubic-bezier(.18,.82,.22,1)}.scroll-video-story__block[data-state=leaving]{opacity:0;visibility:visible;transform:translateY(-4rem);z-index:2;transition:visibility 0s linear 0s,opacity var(--scroll-video-story-leave-ms) cubic-bezier(.4,0,.2,1),transform var(--scroll-video-story-leave-ms) cubic-bezier(.4,0,.2,1)}.scroll-video-story__block[data-state=after]{opacity:0;visibility:hidden;transform:translateY(-4rem);transition:opacity var(--scroll-video-story-leave-ms) cubic-bezier(.4,0,.2,1),transform var(--scroll-video-story-leave-ms) cubic-bezier(.4,0,.2,1),visibility 0s linear var(--scroll-video-story-leave-ms)}.scroll-video-story__block--single[data-single-state=hidden]{opacity:0;visibility:hidden;transform:translateY(8rem);transition:opacity var(--scroll-video-story-enter-ms) cubic-bezier(.18,.82,.22,1),transform var(--scroll-video-story-enter-ms) cubic-bezier(.18,.82,.22,1),visibility 0s linear var(--scroll-video-story-enter-ms)}.scroll-video-story__block--single[data-single-state=visible]{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;z-index:3;transition:visibility 0s linear 0s,opacity var(--scroll-video-story-enter-ms) cubic-bezier(.18,.82,.22,1),transform var(--scroll-video-story-enter-ms) cubic-bezier(.18,.82,.22,1)}.scroll-video-story__block--left{justify-content:flex-start}.scroll-video-story__block--center{justify-content:center}.scroll-video-story__block--right{justify-content:flex-end}.scroll-video-story__block-surface,.scroll-video-story__empty-state{width:min(100%,var(--scroll-video-story-content-max-width))}.scroll-video-story__block-surface{position:relative;display:grid;gap:clamp(1.8rem,2.4vw,2.8rem)}.scroll-video-story__block-copy{display:grid;gap:1.4rem;justify-items:start}.scroll-video-story__block--center .scroll-video-story__block-copy{justify-items:center;text-align:center}.scroll-video-story__block--right .scroll-video-story__block-copy{justify-items:end;text-align:right}.scroll-video-story .aeterna-eyebrow{color:#f1d38eeb}.scroll-video-story .aeterna-eyebrow:before{width:.7rem;height:.7rem;background:#d4b775f5}.scroll-video-story__eyebrow{margin:0}.scroll-video-story__heading{width:min(100%,var(--scroll-video-story-text-max-width));margin-top:1.8rem;margin-bottom:0;max-width:none;font-size:clamp(2.9rem,3vw,3.2rem);line-height:1.28;letter-spacing:-.02em;color:rgb(var(--color-foreground))}.scroll-video-story__description{width:min(100%,46rem);margin-top:2rem;color:rgba(var(--color-foreground),.7)}.scroll-video-story__description,.scroll-video-story__description.rte,.scroll-video-story__description.rte p{font-size:1.6rem;line-height:1.6}.scroll-video-story__description p{margin:0}.scroll-video-story__description p+p{margin-top:1.4rem}.scroll-video-story__block-image{width:min(34rem,32vw);overflow:hidden;border-radius:2rem;aspect-ratio:4 / 5;background:#ffffff0a;box-shadow:0 2rem 5rem #0000002e}.scroll-video-story__block--center .scroll-video-story__block-image{margin-left:auto;margin-right:auto}.scroll-video-story__block--right .scroll-video-story__block-image{margin-left:auto}.scroll-video-story__block-image img{display:block;width:100%;height:100%;object-fit:cover}.scroll-video-story__empty-state{display:flex;align-items:center;justify-content:center}.scroll-video-story__empty-copy{margin:0;padding:1.8rem 2.2rem;border:.1rem solid rgba(255,255,255,.16);background:#05081052;color:rgba(var(--color-foreground),.82);font-size:1.5rem;line-height:1.6;text-align:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.scroll-video-story__debug{position:absolute;inset:auto clamp(1.6rem,2vw,2.4rem) clamp(1.6rem,2vw,2.4rem) auto;z-index:4;display:inline-flex;gap:1rem;align-items:center;padding:.8rem 1.2rem;border-radius:999px;background:#080c16d1;border:1px solid rgba(255,255,255,.12);color:#ffffffe6;font-size:1.1rem;line-height:1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.scroll-video-story__debug[hidden]{display:none!important}@media screen and (min-width:990px){.scroll-video-story__block-surface{width:54%;max-width:none}.scroll-video-story__block--left .scroll-video-story__block-surface,.scroll-video-story__block--right .scroll-video-story__block-surface{width:42%}}@media screen and (max-width:989px){.scroll-video-story__content{padding:2rem}.scroll-video-story__stage{min-height:calc(100vh - 4rem)}.scroll-video-story__block,.scroll-video-story__block--left,.scroll-video-story__block--center,.scroll-video-story__block--right{justify-content:center}.scroll-video-story__block-surface,.scroll-video-story__empty-state{width:min(100%,68rem)}.scroll-video-story__block-copy,.scroll-video-story__block--center .scroll-video-story__block-copy,.scroll-video-story__block--right .scroll-video-story__block-copy{justify-items:center;text-align:center}.scroll-video-story__heading,.scroll-video-story__description{width:min(100%,46rem)}.scroll-video-story__heading{max-width:none;font-size:clamp(2.8rem,7vw,3.2rem)}.scroll-video-story__block-image{width:min(28rem,56vw);margin-left:auto;margin-right:auto}.scroll-video-story__block[data-state=before],.scroll-video-story__block--single[data-single-state=hidden]{transform:translateY(6rem)}}@media screen and (max-width:749px){.scroll-video-story__content{padding:1.6rem}.scroll-video-story__stage{min-height:calc(100vh - 3.2rem)}.scroll-video-story__heading{width:100%;font-size:clamp(2.8rem,7vw,3.2rem);line-height:1.28}.scroll-video-story__description,.scroll-video-story__description.rte,.scroll-video-story__description.rte p{font-size:1.6rem}.scroll-video-story .aeterna-eyebrow{font-size:.95rem;letter-spacing:.22rem}.scroll-video-story__block-image{width:min(22rem,62vw);aspect-ratio:4 / 5}.scroll-video-story__debug{inset:auto 1.2rem 1.2rem auto;gap:.8rem;padding:.7rem 1rem;font-size:1rem}}@media(prefers-reduced-motion:reduce){.scroll-video-story__block,.scroll-video-story__block--single{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-scroll-video-story.css.map */