.respect-scroll-story{position:relative;min-height:var(--story-height);background:transparent;color:inherit;overflow:clip}.respect-scroll-story__sticky{position:sticky;top:0;height:100vh;z-index:2;pointer-events:none}.respect-scroll-story__images{position:relative;z-index:1;display:block;height:var(--story-height);padding:0;gap:0}.respect-scroll-story--media-front .respect-scroll-story__sticky{z-index:1}.respect-scroll-story--media-front .respect-scroll-story__images{z-index:2}.respect-scroll-story__text{position:relative;width:100%;height:100%}.respect-scroll-story__panel{position:absolute;top:var(--panel-text-top, var(--text-top));left:50%;transform:translate(-50%,-50%);text-align:center;width:min(90vw,1100px);opacity:0;visibility:hidden;transition:opacity var(--fade-speed) ease,visibility var(--fade-speed) ease,top var(--fade-speed) ease;color:var(--panel-text-color, inherit)}.respect-scroll-story__panel.is-active{opacity:1;visibility:visible}.respect-scroll-story__label{font-size:var(--label-size);margin-bottom:1rem;opacity:0;transform:translateY(-10px);transition:opacity var(--fade-speed) ease,transform var(--fade-speed) ease}.respect-scroll-story__heading{font-size:clamp(2.5rem,var(--heading-size),12rem);line-height:.9;margin:0;color:var(--panel-text-color, inherit)}.respect-scroll-story__heading-text span{display:inline-block;opacity:0;transform:translateY(-100%);transition:opacity var(--fade-speed) ease,transform var(--fade-speed) ease}.respect-scroll-story__panel.is-active .respect-scroll-story__label,.respect-scroll-story__panel.is-active .respect-scroll-story__heading-text span{opacity:1;transform:translateY(0)}.respect-scroll-story__heading-text span:nth-child(2){transition-delay:.08s}.respect-scroll-story__heading-text span:nth-child(3){transition-delay:.16s}.respect-scroll-story__heading-text span:nth-child(4){transition-delay:.24s}.respect-scroll-story__heading-text span:nth-child(5){transition-delay:.32s}.respect-scroll-story__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size, 32px);height:var(--icon-size, 32px);margin-inline-start:.3em;vertical-align:text-bottom;position:relative;top:var(--icon-offset, 0px);opacity:0;transform:translateY(-100%);transition:opacity var(--fade-speed) ease,transform var(--fade-speed) ease;transition-delay:var(--icon-delay, 0s)}.respect-scroll-story__icon img{width:100%;height:100%;display:block;object-fit:contain}.respect-scroll-story__panel.is-active .respect-scroll-story__icon{opacity:1;transform:translateY(0)}.respect-scroll-story__image{position:absolute;top:var(--media-position, 50%);left:var(--offset-x, 10%);width:var(--offset-width, 30%);margin:0;transform:translateY(-50%);opacity:0;transition:opacity var(--fade-speed) ease;border-radius:var(--blocks-radius);overflow:hidden}.respect-scroll-story__image.is-visible{opacity:1}.respect-scroll-story__image img{display:block;width:100%;height:auto;border-radius:var(--blocks-radius)}.respect-scroll-story--square .respect-scroll-story__image{aspect-ratio:1 / 1}.respect-scroll-story--square .respect-scroll-story__image img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:var(--blocks-radius)}.respect-scroll-story--square .respect-scroll-story__image--video video-element,.respect-scroll-story--square .respect-scroll-story__image--video video-element video{height:100%;object-fit:cover;object-position:center}.respect-scroll-story__image--video{position:relative;overflow:hidden}.respect-scroll-story__image--video video{position:absolute;top:50%;left:50%;height:100%;width:auto;max-width:none;transform:translate(-50%,-50%);border-radius:var(--blocks-radius)}@media(max-width:767px){.respect-scroll-story__panel{top:var(--panel-text-top-mobile, auto)}.respect-scroll-story__heading{font-size:clamp(3rem,12vw,6rem)}.respect-scroll-story__icon{width:var(--icon-size-mobile, 24px);height:var(--icon-size-mobile, 24px);top:var(--icon-offset-mobile, 0px)}.respect-scroll-story__image{top:var(--media-position-mobile, 50%);left:var(--offset-x-mobile, 5%);width:var(--offset-width-mobile, 45%);border-radius:var(--blocks-radius-mobile, var(--blocks-radius))}.respect-scroll-story__image img,.respect-scroll-story__image--video video-element,.respect-scroll-story__image--video video-element video{border-radius:var(--blocks-radius-mobile, var(--blocks-radius))}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-respect-scroll-story.css.map */