.small-to-full{--stf-start-width: min(var(--stf-initial-width), calc(100vw - 40px) );--stf-start-height: var(--stf-initial-height);--stf-scale-x: 1;--stf-scale-y: 1;--stf-radius-current: var(--stf-initial-radius);background:var(--stf-background);box-sizing:border-box;display:block;height:var(--stf-section-height);position:relative}.small-to-full *,.small-to-full *:before,.small-to-full *:after{box-sizing:border-box}.stf-pin-wrapper{align-items:center;background:var(--stf-background);display:flex;height:calc(100vh - var(--stf-top-offset, 0px));justify-content:center;overflow:hidden;position:sticky;top:var(--stf-top-offset, 0px)}.stf-image-box{background:var(--stf-background);border-radius:var(--stf-radius-current);height:var(--stf-start-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate3d(-50%,-50%,0) scale3d(var(--stf-scale-x),var(--stf-scale-y),1);transform-origin:center;width:var(--stf-start-width);will-change:transform,border-radius}.stf-image-box picture-breakpoint,.stf-image-box picture,.stf-image{display:block;height:100%;width:100%}.stf-image{object-fit:cover;transform:scale3d(var(--stf-img-scale-x, 1),var(--stf-img-scale-y, 1),1);transform-origin:center;will-change:transform}.stf-content{color:var(--stf-content-color);font-size:var(--stf-content-size);left:50%;line-height:1.2;opacity:var(--stf-content-opacity, 1);position:absolute;text-align:center;top:var(--stf-content-top);transform:translate3d(-50%,0,0);z-index:1}.stf-image-text{left:50%;line-height:1.2;opacity:1;padding-inline:var(--stf-image-text-inline-padding);position:absolute;text-align:center;transform:translate3d(-50%,0,0);width:100%;z-index:2}.stf-image-text-wrapper{margin-inline:auto;max-width:1200px;min-height:var(--stf-active-text-height, auto);position:relative;transition:min-height .72s cubic-bezier(.16,1,.3,1);width:100%}.stf-text-item{opacity:0;transform:translate3d(0,30px,0);transition:opacity .78s cubic-bezier(.16,1,.3,1),transform .78s cubic-bezier(.16,1,.3,1),visibility 0s linear .78s;visibility:hidden;will-change:transform,opacity}.stf-text-item>*{color:inherit;font:inherit;line-height:inherit;margin:0;text-align:inherit}.stf-text-subtitle{color:var(--stf-subtitle-color);font-size:var(--stf-subtitle-size);font-weight:var(--stf-subtitle-weight);line-height:var(--stf-subtitle-line-height);margin-top:var(--stf-subtitle-margin-top);text-align:var(--stf-subtitle-align, center);width:var(--stf-subtitle-width)}.stf-text-title{color:var(--stf-title-color);font-size:var(--stf-title-size);font-weight:var(--stf-title-weight);line-height:var(--stf-title-line-height);margin-top:var(--stf-title-margin-top);text-align:var(--stf-title-align, center);width:var(--stf-title-width)}.stf-text-paragraph{color:var(--stf-paragraph-color);font-size:var(--stf-paragraph-size);font-weight:var(--stf-paragraph-weight);left:50%;line-height:var(--stf-paragraph-line-height);margin-top:0;position:absolute;text-align:var(--stf-paragraph-align, center);top:var(--stf-paragraph-margin-top);transform:translate3d(-50%,0,0);transition:opacity .9s cubic-bezier(.16,1,.3,1),visibility 0s linear .9s;width:var(--stf-paragraph-width);will-change:opacity}.stf-text-subtitle,.stf-text-title,.stf-text-paragraph{margin-left:auto;margin-right:auto}.small-to-full.is-text-visible:not(.is-detail-only) .stf-text-subtitle{opacity:1;transform:translateZ(0);transition-delay:0s,0s,0s;visibility:visible}.small-to-full.is-text-visible:not(.is-detail-only) .stf-text-title{opacity:1;transform:translateZ(0);transition-delay:.15s,.15s,0s;visibility:visible}.small-to-full.is-text-hidden .stf-text-item{opacity:0;transform:translate3d(0,30px,0);transition-delay:0s,0s,.78s;visibility:hidden}.small-to-full.is-text-hidden .stf-text-paragraph{transform:translate3d(-50%,0,0);transition-delay:0s,.9s}.small-to-full.is-text-visible:not(.is-detail-only) .stf-text-paragraph{opacity:0;transform:translate3d(-50%,0,0);transition-delay:0s,.9s;visibility:hidden}.small-to-full.is-detail-only .stf-text-paragraph{opacity:1;transform:translate3d(-50%,0,0);transition-delay:.32s,.32s;visibility:visible}.small-to-full.is-detail-settled .stf-text-paragraph{opacity:1;transform:translate3d(-50%,0,0);transition-delay:0s,0s;visibility:visible}.small-to-full.is-detail-transitioning .stf-text-subtitle,.small-to-full.is-detail-transitioning .stf-text-title,.small-to-full.is-detail-settled .stf-text-subtitle,.small-to-full.is-detail-settled .stf-text-title{opacity:0;transform:translate3d(0,-22px,0);transition-duration:.72s,.72s,0s;transition-delay:0s,0s,.72s;visibility:hidden}.small-to-full[data-text-position=top] .stf-image-text{bottom:auto;top:var(--stf-image-text-top-offset)}.small-to-full[data-text-position=bottom] .stf-image-text{bottom:var(--stf-image-text-bottom-offset);top:auto}.small-to-full[data-stf-screen=mobile]{--stf-start-width: 100vw;--stf-top-offset: var(--stf-top-offset-mobile, 0px);height:var(--stf-mobile-section-height, auto)}.small-to-full[data-stf-screen=mobile] .stf-pin-wrapper{align-items:flex-start;height:auto;justify-content:flex-start;overflow:visible;position:sticky;top:0}.small-to-full[data-stf-screen=mobile] .stf-image-box{height:auto;left:auto;position:relative;top:auto;transform:none;width:100vw}.small-to-full[data-stf-screen=mobile] .stf-image-box picture-breakpoint,.small-to-full[data-stf-screen=mobile] .stf-image-box picture,.small-to-full[data-stf-screen=mobile] .stf-image{height:auto}.small-to-full[data-stf-screen=mobile] .stf-content{font-size:var(--stf-content-size-mobile)}.small-to-full[data-stf-screen=mobile] .stf-image-text-wrapper{min-width:70vw}.small-to-full[data-stf-screen=mobile] .stf-image-text{padding-top:64px;padding-inline:var(--stf-image-text-inline-padding-mobile)}.small-to-full[data-stf-screen=mobile] .stf-text-subtitle{color:var(--stf-subtitle-color-mobile);font-size:var(--stf-subtitle-size-mobile);font-weight:var(--stf-subtitle-weight-mobile);line-height:var(--stf-subtitle-line-height-mobile);margin-top:var(--stf-subtitle-margin-top-mobile);text-align:var(--stf-subtitle-align-mobile, var(--stf-subtitle-align, center));width:var(--stf-subtitle-width-mobile)}.small-to-full[data-stf-screen=mobile] .stf-text-title{color:var(--stf-title-color-mobile);font-size:var(--stf-title-size-mobile);font-weight:var(--stf-title-weight-mobile);line-height:var(--stf-title-line-height-mobile);margin-top:var(--stf-title-margin-top-mobile);text-align:var(--stf-title-align-mobile, var(--stf-title-align, center));width:var(--stf-title-width-mobile)}.small-to-full[data-stf-screen=mobile] .stf-text-paragraph{color:var(--stf-paragraph-color-mobile);font-size:var(--stf-paragraph-size-mobile);font-weight:var(--stf-paragraph-weight-mobile);line-height:var(--stf-paragraph-line-height-mobile);margin-top:0;text-align:var(--stf-paragraph-align-mobile, var(--stf-paragraph-align, center));top:calc(var(--stf-paragraph-margin-top-mobile) * 2);width:var(--stf-paragraph-width-mobile)}.small-to-full[data-stf-screen=mobile] .stf-text-subtitle,.small-to-full[data-stf-screen=mobile] .stf-text-title{transform:translate3d(0,20px,0);transition:opacity .3s cubic-bezier(.42,0,.58,1),transform .3s cubic-bezier(.42,0,.58,1),visibility 0s linear .3s}.small-to-full[data-stf-screen=mobile] .stf-text-paragraph{transform:translate3d(-50%,20px,0);transition:opacity .3s cubic-bezier(.42,0,.58,1),transform .3s cubic-bezier(.42,0,.58,1),visibility 0s linear .3s}.small-to-full[data-stf-screen=mobile].is-mobile-text-active .stf-text-subtitle{opacity:1;transform:translateZ(0);transition-delay:0s,0s,0s;visibility:visible}.small-to-full[data-stf-screen=mobile].is-mobile-text-active .stf-text-title{opacity:1;transform:translateZ(0);transition-delay:.08s,.08s,0s;visibility:visible}.small-to-full[data-stf-screen=mobile].is-mobile-text-active .stf-text-paragraph{opacity:1;transform:translate3d(-50%,0,0);transition-delay:1s,1s,1s;visibility:visible}.small-to-full[data-stf-screen=mobile].is-mobile-text-active .stf-text-subtitle,.small-to-full[data-stf-screen=mobile].is-mobile-text-active .stf-text-title{animation:stf-mobile-intro-out .3s cubic-bezier(.42,0,.58,1) 1s forwards}@keyframes stf-mobile-intro-out{to{opacity:0;transform:translate3d(0,-18px,0);visibility:hidden}}.small-to-full[data-stf-screen=mobile][data-text-position=top] .stf-image-text{top:var(--stf-image-text-top-offset-mobile)}.small-to-full[data-stf-screen=mobile][data-text-position=bottom] .stf-image-text{bottom:var(--stf-image-text-bottom-offset-mobile)}@media(prefers-reduced-motion:reduce){.stf-image-box{transition:none}.stf-text-item{animation:none!important;opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/scroll-to-full.css.map */