.dynamic-rich-text{display:block;overflow-x:clip;--drt-padding-top: 40px;--drt-padding-bottom: 40px}.dynamic-rich-text__container{padding-top:calc(var(--drt-padding-top) * .75);padding-bottom:calc(var(--drt-padding-bottom) * .75)}@media screen and (min-width:750px){.dynamic-rich-text__container{padding-top:var(--drt-padding-top);padding-bottom:var(--drt-padding-bottom)}}.dynamic-rich-text__layout{position:relative}.dynamic-rich-text__text-track{position:absolute;top:0;bottom:0;left:0;width:100%;padding-top:20vh;pointer-events:none;z-index:2}.dynamic-rich-text__text-sticky{position:sticky;top:50vh;transform:translateY(-50%);margin:0 auto;padding:0 16px;text-align:center}.dynamic-rich-text__text-sticky>*{pointer-events:auto}.dynamic-rich-text__text-content{display:flex;flex-direction:column;align-items:center}.dynamic-rich-text__text-sticky--small{max-width:400px}.dynamic-rich-text__text-sticky--medium{max-width:520px}.dynamic-rich-text__text-sticky--large{max-width:680px}.dynamic-rich-text__heading{margin:0;width:100%;padding-bottom:16px}.dynamic-rich-text__text{line-height:160%;opacity:.85;width:100%;padding-bottom:24px}.dynamic-rich-text__text p{margin:0}.dynamic-rich-text__text p+p{margin-top:8px}.dynamic-rich-text__button{pointer-events:auto}.dynamic-rich-text__images{position:relative;display:flex;flex-direction:column;gap:15vh;padding:50vh var(--padding-page-width) 35vh;z-index:1}.dynamic-rich-text__image{width:var(--drt-image-size, 40%);position:relative;opacity:0;transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.dynamic-rich-text__image--visible{opacity:1}.dynamic-rich-text__image--left{align-self:flex-start;margin-left:5%}.dynamic-rich-text__image--right{align-self:flex-end;margin-right:5%}.dynamic-rich-text__image--left:not(.dynamic-rich-text__image--visible){transform:translate(-20px) rotate(var(--image-rotation, 0deg))}.dynamic-rich-text__image--right:not(.dynamic-rich-text__image--visible){transform:translate(20px) rotate(var(--image-rotation, 0deg))}.dynamic-rich-text__image--visible{transform:rotate(var(--image-rotation, 0deg))}.dynamic-rich-text__image-inner{display:block;line-height:0;font-size:0;border-radius:var(--content-container-radius);overflow:hidden;position:relative}.dynamic-rich-text__image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000;pointer-events:none;z-index:1}.dynamic-rich-text__image-inner img,.dynamic-rich-text__image-inner svg{width:100%;height:auto;display:block;object-fit:cover}.dynamic-rich-text__image-inner--square img,.dynamic-rich-text__image-inner--square svg{aspect-ratio:1 / 1}.dynamic-rich-text__image-inner--portrait img,.dynamic-rich-text__image-inner--portrait svg{aspect-ratio:3 / 4}.dynamic-rich-text__image-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;text-decoration:none;color:inherit}@media screen and (max-width:749px){.dynamic-rich-text__images{gap:10vh;padding:45vh 0 30vh}.dynamic-rich-text__image{width:60%}.dynamic-rich-text__image--left{margin-left:4%}.dynamic-rich-text__image--right{margin-right:4%}.dynamic-rich-text__text-sticky{padding:0 8px}.dynamic-rich-text__text-sticky--small,.dynamic-rich-text__text-sticky--medium,.dynamic-rich-text__text-sticky--large{max-width:280px}}@media screen and (min-width:750px)and (max-width:989px){.dynamic-rich-text__image{width:calc(var(--drt-image-size, 40%) + 5%)}.dynamic-rich-text.page-width .dynamic-rich-text__images{margin-left:calc(var(--padding-page-width, 30px) * -1);margin-right:calc(var(--padding-page-width, 30px) * -1)}.dynamic-rich-text__image--left{margin-left:0}.dynamic-rich-text__image--right{margin-right:0}.dynamic-rich-text__text-sticky--small{max-width:360px}.dynamic-rich-text__text-sticky--medium{max-width:440px}.dynamic-rich-text__text-sticky--large{max-width:560px}}@media screen and (min-width:990px){.dynamic-rich-text__images{gap:20vh;padding:50vh 0 40vh}.dynamic-rich-text.page-width .dynamic-rich-text__images{margin-left:calc(var(--padding-page-width, 50px) * -1);margin-right:calc(var(--padding-page-width, 50px) * -1)}.dynamic-rich-text__image--left{margin-left:0}.dynamic-rich-text__image--right{margin-right:0}}@media(prefers-reduced-motion:reduce){.dynamic-rich-text__image{transition:none;opacity:1;transform:rotate(var(--image-rotation, 0deg))!important}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-dynamic-rich-text.css.map */