.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(2.4rem,5.5vw,8rem);z-index:2;width:clamp(38rem,41.94vw,60.4rem);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-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.2rem;row-gap:1.3rem}.scroll-frame-sequence__end-card{position:relative;display:flex;flex-direction:column;aspect-ratio:1 / 1;padding:clamp(5.6rem,5.9vw,8.5rem) clamp(1.6rem,1.4vw,2rem) clamp(1.8rem,1.4vw,2rem);background:var(--sequence-end-card-background-color, rgba(217, 217, 217, .1));border:1px solid var(--sequence-end-card-border-color, rgba(255, 255, 255, .2));color:#fff;font-family:"FT Terra",var(--font-body-family),system-ui,sans-serif}.scroll-frame-sequence__end-card-accent{display:block;width:clamp(2rem,1.8vw,2.6rem);height:.2rem;margin-bottom:clamp(1.4rem,1.3vw,1.9rem);background:var(--sequence-end-card-accent-color, #ff5d09)}.scroll-frame-sequence__end-card-title,.scroll-frame-sequence__end-card-description{margin:0;letter-spacing:0}.scroll-frame-sequence__end-card-title{color:var(--sequence-end-card-title-color, #ffffff);font-size:clamp(2rem,1.8vw,2.6rem);font-weight:500;line-height:1.13}.scroll-frame-sequence__end-card-description{margin-top:clamp(3rem,3.47vw,5rem);color:var(--sequence-end-card-body-color, rgba(255, 255, 255, .5));font-size:clamp(1.2rem,.97vw,1.4rem);font-weight:400;line-height:1.13}@keyframes scroll-frame-sequence-spin{to{transform:rotate(360deg)}}.scroll-frame-sequence__mobile-overlay{display:none}@media screen and (max-width:989px){.scroll-frame-sequence__end-grid{right:2.4rem;width:min(48vw,46rem)}.scroll-frame-sequence__end-cards{column-gap:1rem;row-gap:1rem}.scroll-frame-sequence__end-card{padding:5.2rem 1.6rem 1.6rem}.scroll-frame-sequence__end-card-description{margin-top:2.4rem}}@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:2rem;bottom:2rem;left:2rem;width:calc(100% - 4rem);transform:translate3d(calc((1 - var(--sequence-end-grid-progress, 0)) * 2rem),0,0)}.scroll-frame-sequence__end-cards{column-gap:1.1rem;row-gap:1.1rem}.scroll-frame-sequence__end-card{padding:4.65rem 1.1rem 1.6rem;border-width:.05rem;border-radius:0;backdrop-filter:blur(2.74rem);-webkit-backdrop-filter:blur(2.74rem)}.scroll-frame-sequence__end-card-accent{width:1.42rem;height:.11rem;margin-bottom:1.04rem}.scroll-frame-sequence__end-card-title{font-size:1.42rem;line-height:1.15}.scroll-frame-sequence__end-card-description{margin-top:2.74rem;font-size:1rem;line-height:1.2;max-width:14rem}.scroll-frame-sequence__mobile-overlay{position:absolute;top:3.3rem;left:2rem;z-index:2;display:flex;flex-direction:column;gap:1.2rem;width:25rem;max-width:calc(100% - 4rem);color:#fff;font-family:"FT Terra",var(--font-body-family),system-ui,sans-serif;pointer-events:none}.scroll-frame-sequence__mobile-overlay-title{margin:0;font-size:3rem;font-weight:500;line-height:1.05;letter-spacing:0}.scroll-frame-sequence__mobile-overlay-body{margin:0;max-width:19.8rem;color:#fff9;font-size:1.3rem;font-weight:400;line-height:1.25;letter-spacing:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-scroll-frame-sequence.css.map */