.image-text-scroll{position:relative}.image-text-scroll__intro{display:flex;flex-direction:column;gap:1.2rem;margin-bottom:4rem;max-width:72rem}@media screen and (min-width:1100px){.image-text-scroll__intro{margin-bottom:8rem}}.image-text-scroll__intro--center{margin-left:auto;margin-right:auto;text-align:center;align-items:center}.image-text-scroll__intro--right{margin-left:auto;text-align:right;align-items:flex-end}.image-text-scroll__intro-label{text-transform:uppercase;letter-spacing:.1em;opacity:.7}.image-text-scroll__intro-text{max-width:56rem}image-text-scroll{display:block;width:100%}@media screen and (max-width:1099px){.image-text-scroll__container{display:flex;flex-direction:column;gap:2.4rem}.image-text-scroll__media-column{display:none}.image-text-scroll__text-column{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:1.6rem;padding-left:0;padding-right:0;scrollbar-width:none;-ms-overflow-style:none}.image-text-scroll__text-column::-webkit-scrollbar{display:none}.image-text-scroll__block{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;gap:2rem}.image-text-scroll__block-media{width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--border-radius-block, 0)}.image-text-scroll__block-image{width:100%;height:100%;object-fit:cover;display:block}.image-text-scroll__block-content{display:flex;flex-direction:column;gap:1.2rem;padding:0 .4rem}.image-text-scroll__dots{display:flex;justify-content:center;align-items:center;gap:.8rem;margin-top:.4rem}.image-text-scroll__dot{width:.8rem;height:.8rem;border-radius:50%;background-color:rgb(var(--color-foreground) / .25);border:none;padding:0;cursor:pointer;transition:background-color .3s ease,transform .3s ease;flex-shrink:0}.image-text-scroll__dot.is-active{background-color:rgb(var(--color-foreground));transform:scale(1.3)}}@media screen and (min-width:1100px){.image-text-scroll__container{display:grid;grid-template-columns:var(--its-media-width, 50%) var(--its-content-width, 50%);gap:var(--its-column-gap, 6rem);align-items:start}.image-text-scroll--reverse .image-text-scroll__container{grid-template-columns:var(--its-content-width, 50%) var(--its-media-width, 50%)}.image-text-scroll--reverse .image-text-scroll__media-column{order:2}.image-text-scroll--reverse .image-text-scroll__text-column{order:1}.image-text-scroll__media-column{position:relative;height:100%}.image-text-scroll__media-sticky{position:sticky;top:var(--its-sticky-offset, 8rem);width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--border-radius-block, 0)}.image-text-scroll__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;transition:opacity var(--its-fade-duration, .5s) ease;pointer-events:none}.image-text-scroll__image-wrapper.is-active{opacity:1;pointer-events:auto}.image-text-scroll__image{width:100%;height:100%;object-fit:cover;display:block}.image-text-scroll__text-column{display:flex;flex-direction:column}.image-text-scroll__block{min-height:var(--its-block-min-height, 90vh);display:flex;flex-direction:column;justify-content:center;padding:4rem 0;opacity:.4;transition:opacity .5s ease}.image-text-scroll__block.is-active{opacity:1}.image-text-scroll__block-media{display:none}.image-text-scroll__block-content{display:flex;flex-direction:column;gap:1.6rem;max-width:56rem}.image-text-scroll__dots{display:none}}.image-text-scroll__block-label{text-transform:uppercase;letter-spacing:.12em;opacity:.7;font-weight:600}.image-text-scroll__heading{margin:0}.image-text-scroll__description{max-width:56rem}.image-text-scroll__description p{margin:0 0 1.2rem}.image-text-scroll__description p:last-child{margin-bottom:0}.image-text-scroll__buttons{margin-top:.8rem}@media(prefers-reduced-motion:reduce){.image-text-scroll__image-wrapper,.image-text-scroll__block,.image-text-scroll__dot{transition:none!important}@media screen and (min-width:1100px){.image-text-scroll__block{opacity:1}}}[dir=rtl] .image-text-scroll__intro--right{margin-left:0;margin-right:auto;text-align:left;align-items:flex-start}[dir=rtl] .image-text-scroll__block-label{letter-spacing:0}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-image-text-scroll.css.map */
