.image-with-text{display:grid;overflow:hidden}.image-with-text>.prose{box-sizing:content-box;max-width:var(--image-with-text-content-max-width);margin-block:1.5rem;padding-inline-start:var(--container-gutter);padding-inline-end:var(--container-gutter)}.image-with-text>:is(svg,img){object-fit:contain;width:100%;height:100%}@media screen and (max-width: 699px){.image-with-text>.prose{margin-inline:auto}}@media screen and (min-width: 700px){.image-with-text{--image-with-text-gap: 2.5rem;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}.image-with-text>.prose{padding-inline-start:var(--image-with-text-gap)}.image-with-text--reverse>:is(picture,svg,img){order:9999}.image-with-text--reverse>.prose{margin-inline-start:auto;padding-inline-end:var(--image-with-text-gap)}}@media screen and (min-width: 1000px){.image-with-text{--image-with-text-gap: 6rem}}.image-with-text-block>:not(img,svg,picture){background:rgb(var(--background));padding:2.375rem 1.25rem;box-shadow:0 1px 20px #3636364d}@media screen and (min-width: 700px){.image-with-text-block>:not(img,svg,picture){padding:3rem 1rem}}.image-with-text-block--parallax{min-height:var(--content-over-media-height, auto);aspect-ratio:var(--image-with-text-block-aspect-ratio);transform:unset;clip-path:inset(0)}@media (prefers-reduced-motion: no-preference){.image-with-text-block--parallax>svg,.image-with-text-block--parallax>picture img{min-height:100vh;position:fixed;top:0;left:0}@supports (min-height: 100lvh){:is(.image-with-text-block--parallax>svg,.image-with-text-block--parallax>picture img){min-height:100lvh}}}.images-with-text-scroll{--sticky-area-height: calc( var(--announcement-bar-is-sticky, 0) * var(--announcement-bar-height, 0px) + var(--header-is-sticky, 0) * var(--header-height, 0px) );align-items:start;display:grid;position:relative}.images-with-text-scroll:before{content:"";background:rgb(var(--images-with-text-scroll-overlay));z-index:1;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.images-with-text-scroll__image-background,.images-with-text-scroll__container{grid-area:1 / -1}.images-with-text-scroll__image-background{object-fit:cover;object-position:center;width:100%;height:100%;max-height:100vh;position:sticky;inset-block-start:0}.images-with-text-scroll__container{z-index:1;place-items:start center;row-gap:2rem;padding-block-start:var(--section-vertical-spacing);padding-block-end:var(--section-vertical-spacing);display:grid}.images-with-text-scroll__item{display:contents}.images-with-text-scroll__item:not(:first-child)>.images-with-text-scroll__image{opacity:0}.images-with-text-scroll__image{grid-area:1 / 1;align-self:center}.images-with-text-scroll__text{text-align:center;grid-area:2 / 1;max-width:375px}@media screen and (min-width: 700px){.images-with-text-scroll__container{row-gap:3rem}}@media screen and (max-width: 999px){.images-with-text-scroll__item:not(.is-selected){visibility:hidden}.images-with-text-scroll__image{width:min(56vw,27.5rem)}}@media screen and (min-width: 1000px){.images-with-text-scroll{min-height:calc(100vh - var(--sticky-area-height))}.images-with-text-scroll__container{--image-width: min(50vw - var(--container-gutter), 575px);--image-height: min( var(--image-width), var(--image-width) / var(--images-with-text-scroll-master-image-ratio) );--content-padding: calc( (100vh - var(--image-height) - var(--sticky-area-height)) / 2 );grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);align-items:center;padding-block-start:var(--content-padding);padding-block-end:var(--content-padding)}.images-with-text-scroll__image{height:var(--image-height);object-fit:contain;object-position:center;position:sticky;inset-block-start:calc(var(--content-padding) + var(--sticky-area-height))}.images-with-text-scroll__text{text-align:var(--images-with-text-scroll-text-alignment);grid-area:auto / 2}.images-with-text-scroll--reverse .images-with-text-scroll__image{grid-column:2}.images-with-text-scroll--reverse .images-with-text-scroll__text{grid-column:1}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/image-with-text.css.map */