.scroll-image-expand .scroll-image-expand__wrapper{--image-original-size: 20%}.scroll-image-expand .scroll-image-expand__wrapper .sticky-scroll{--change-ratio: 0}.scroll-image-expand .scroll-image-expand__wrapper .sticky-scroll .sticky-scroll-container .media{position:absolute;inset-inline-start:0;inset-block-start:0;width:100%;height:100%;clip-path:circle(calc(var(--image-original-size) + (150% - var(--image-original-size)) * var(--change-ratio)) at 50% 50%);transition:clip-path .3s cubic-bezier(0,0,.3,1);will-change:clip-path}.scroll-image-expand .scroll-image-expand__wrapper .sticky-scroll .sticky-scroll-container .media img,.scroll-image-expand .scroll-image-expand__wrapper .sticky-scroll .sticky-scroll-container .media svg{transition:transform .3s cubic-bezier(0,0,.3,1);transform:scale(calc(1.2 - .2 * var(--change-ratio)));will-change:transform}.scroll-image-expand .scroll-image-expand__wrapper .sticky-scroll .sticky-scroll-container .content{position:absolute;inset-inline-start:0;inset-block-start:0;width:100%;height:100%;padding:2rem;--alpha-background: .3;display:flex;align-items:center;justify-content:center;visibility:visible;opacity:clamp(0,calc((var(--change-ratio) - .75) * 4),1);pointer-events:none;transition:opacity .3s cubic-bezier(0,0,.3,1)}.scroll-image-expand .scroll-image-expand__wrapper .sticky-scroll .sticky-scroll-container .content .text-content{max-width:60rem;text-align:center}.scroll-image-expand .scroll-image-expand__wrapper .sticky-scroll .sticky-scroll-container .content .text-content h2{font-size:6rem;line-height:.875}@media screen and (max-width:749px){.scroll-image-expand .scroll-image-expand__wrapper .sticky-scroll .sticky-scroll-container .content .text-content h2{font-size:4rem}}.scroll-image-expand .scroll-image-expand__wrapper .sticky-scroll.sticky-scroll--end .sticky-scroll-container .content{pointer-events:auto;animation:slideIn .5s cubic-bezier(0,0,.3,1)}.scroll-image-expand .scroll-image-expand__wrapper.image-original-size--small{--image-original-size: 15%}.scroll-image-expand .scroll-image-expand__wrapper.image-original-size--large{--image-original-size: 25%}
/*# sourceMappingURL=/cdn/shop/t/22/assets/section-scroll-image-expand.css.map */