.scroll-frame-sequence{background:var(--sequence-background, #ffffff);padding-top:var(--sequence-padding-top, 0px);padding-bottom:var(--sequence-padding-bottom, 0px)}.scroll-frame-sequence__inner{width:100%}.scroll-frame-sequence__header{margin:0 auto 2.4rem;max-width:min(72rem,100%);color:var(--sequence-text-color, #111111)}.scroll-frame-sequence__title{margin:0;font-size:clamp(3rem,5vw,6.4rem);line-height:.95;letter-spacing:-.03em}.scroll-frame-sequence__description{margin:1.2rem 0 0;font-size:1.6rem;line-height:1.6;opacity:.78}.scroll-frame-sequence__root{display:block;position:relative}.scroll-frame-sequence--full-bleed{overflow-x:clip}.scroll-frame-sequence--full-bleed .scroll-frame-sequence__root{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.scroll-frame-sequence__scroll-area{position:relative;height:var(--sequence-scroll-length, 260vh)}.scroll-frame-sequence__sticky{position:sticky;top:var(--sequence-sticky-top, 0px);height:var(--sequence-sticky-height, 100vh)}.scroll-frame-sequence__stage{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;border-radius:var(--sequence-radius, 0px);background:var(--sequence-stage-background, #f5f5f5)}.scroll-frame-sequence__canvas,.scroll-frame-sequence__fallback{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.scroll-frame-sequence__canvas{opacity:0;transition:opacity .24s ease}.scroll-frame-sequence__fallback{object-fit:var(--sequence-object-fit, contain);object-position:center;transition:opacity .24s ease}.scroll-frame-sequence__root.is-ready .scroll-frame-sequence__canvas{opacity:1}.scroll-frame-sequence__root.is-ready .scroll-frame-sequence__fallback{opacity:0}.scroll-frame-sequence__loading{position:absolute;right:2rem;bottom:2rem;z-index:2;width:4.4rem;height:4.4rem;display:grid;place-items:center;border-radius:999px;background:#11111114;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.scroll-frame-sequence__loading[hidden]{display:none}.scroll-frame-sequence__loading-spinner{width:2rem;height:2rem;border-radius:999px;border:2px solid rgba(17,17,17,.16);border-top-color:#111111b3;animation:scroll-frame-sequence-spin .75s linear infinite}.scroll-frame-sequence__end-grid{position:absolute;top:50%;right:clamp(3.6rem,5.5vw,8rem);z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,.85vw,1.6rem);width:clamp(50rem,42vw,74rem);opacity:calc(var(--sequence-end-grid-progress, 0) * 1);transform:translate3d(calc((1 - var(--sequence-end-grid-progress, 0)) * 4.8rem),-50%,0);transition:opacity .45s ease,transform .65s cubic-bezier(.22,1,.36,1);pointer-events:none}.scroll-frame-sequence__end-card{position:relative;display:block;aspect-ratio:1 / 1;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#d9d9d91a;box-shadow:inset 0 0 0 1px #ffffff05}.scroll-frame-sequence__end-card-picture,.scroll-frame-sequence__end-card-image,.scroll-frame-sequence__end-card-placeholder{display:block;width:100%;height:100%}.scroll-frame-sequence__end-card-image,.scroll-frame-sequence__end-card-placeholder{object-fit:cover}.scroll-frame-sequence__end-card-placeholder{background:#d9d9d91a}@keyframes scroll-frame-sequence-spin{to{transform:rotate(360deg)}}@media screen and (max-width:989px){.scroll-frame-sequence__end-grid{right:2.4rem;width:min(42vw,40rem);gap:.8rem}}@media screen and (max-width:749px){.scroll-frame-sequence__header{margin-bottom:1.8rem;padding-left:2rem;padding-right:2rem}.scroll-frame-sequence__title{font-size:clamp(2.8rem,11vw,4.4rem);line-height:1}.scroll-frame-sequence__description{font-size:1.4rem}.scroll-frame-sequence__loading{right:1.4rem;bottom:1.4rem;width:3.8rem;height:3.8rem}.scroll-frame-sequence__loading-spinner{width:1.8rem;height:1.8rem}.scroll-frame-sequence__end-grid{top:auto;right:1.6rem;bottom:1.6rem;width:calc(100% - 3.2rem);transform:translate3d(calc((1 - var(--sequence-end-grid-progress, 0)) * 2rem),0,0)}}
/*# sourceMappingURL=/cdn/shop/t/115/assets/section-scroll-frame-sequence.css.map */