.section-image-with-text{padding-block:var(--space-9)}.image-with-text__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:center}.image-with-text__media{border-radius:var(--radius-m);overflow:hidden}.image-with-text__media--panel{background-color:color-mix(in srgb,var(--color-line) 45%,var(--color-bg))}.image-with-text__media--fit-cover .image-with-text__image{width:100%;aspect-ratio:4 / 3;object-fit:cover}.image-with-text__media--fit-contain .image-with-text__image{width:100%;height:auto;max-height:520px;object-fit:contain}.image-with-text__media--fit-contain.image-with-text__media--panel{padding:var(--space-5)}.image-with-text__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-5)}.image-with-text__heading{margin:0}.image-with-text__body{width:100%}.image-with-text__grid--copy-only .image-with-text__copy{max-width:68ch}@media screen and (min-width:990px){.section-image-with-text{padding-block:var(--space-10)}.image-with-text__grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-8)}.image-with-text__grid--media-right{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}.image-with-text__grid--media-only,.image-with-text__grid--copy-only{grid-template-columns:1fr}.image-with-text__media--fit-cover .image-with-text__image{aspect-ratio:auto;height:clamp(360px,42vw,560px)}.image-with-text__grid--media-right .image-with-text__media{order:2}.image-with-text__grid--media-right .image-with-text__copy{order:1}}.image-with-text__media--placeholder{aspect-ratio:4 / 3;background-color:color-mix(in srgb,var(--color-line) 40%,var(--color-bg));border-radius:var(--radius-m);overflow:hidden}.image-with-text__placeholder{width:100%;height:100%;fill:var(--color-muted);opacity:.5}html.js .image-with-text__copy[data-reveal]{opacity:1;transform:none}html.js .image-with-text__copy[data-reveal]>*{opacity:0;transform:translateY(18px)}html.js .image-with-text__copy[data-reveal].is-revealed>*{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:no-preference){html.js .image-with-text__copy[data-reveal]>*{transition:opacity .9s ease-out,transform .9s cubic-bezier(.16,1,.3,1)}html.js .image-with-text__copy[data-reveal]>*:nth-child(2){transition-delay:.14s}html.js .image-with-text__copy[data-reveal]>*:nth-child(3){transition-delay:.28s}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-image-with-text.css.map */