.image-text{display:grid;grid-template-columns:1fr 1fr;background-color:#f0f0eb;color:#0a0a0a}.image-text__media{display:flex;aspect-ratio:var(--image-text-ratio, 7 / 8);overflow:hidden}.image-text__media picture,.image-text__media img,.image-text__media svg{width:100%;height:100%;object-fit:cover}.image-text--image-right .image-text__media{order:2}.image-text__content{display:flex;align-items:center;justify-content:center;padding:64px 48px}.image-text__inner{width:100%;max-width:var(--paragraph-width, 340px);display:flex;flex-direction:column;gap:16px}.image-text__eyebrow{margin:0;font-family:var(--additional-font);font-size:12px;line-height:120%;letter-spacing:.035em;opacity:.6}.image-text__heading{margin:0;font-size:20px;line-height:130%}.image-text__text{margin:0}.image-text__text.text-block--left{max-width:var(--paragraph-width, 340px);margin:0;text-align:left}.image-text__text.text-block--paragraph{margin:0}.image-text__button{align-self:flex-start;margin-top:8px;font-family:var(--additional-font);font-size:12px;line-height:110%;letter-spacing:.26em;text-transform:uppercase;color:inherit;text-decoration:underline;text-underline-offset:3px}@media screen and (max-width:749px){.image-text{grid-template-columns:1fr}.image-text--image-right .image-text__media{order:0}.image-text__content{padding:48px 24px 64px}}@media screen and (min-width:750px){.image-text--screen .image-text__media{aspect-ratio:auto;height:100dvh}}@media screen and (max-width:749px){.image-text--screen .image-text__media{aspect-ratio:4 / 5}}.image-text__text,.image-text__text p{font-size:14px;line-height:140%;letter-spacing:.035em}.image-text--illustration .image-text__media{align-items:center;justify-content:center;padding:64px 48px}.image-text--illustration .image-text__media picture,.image-text--illustration .image-text__media img{width:100%;max-width:var(--illustration-width, 240px);height:auto;object-fit:contain}@media screen and (max-width:749px){.image-text--illustration .image-text__media{aspect-ratio:auto;padding:0 24px 64px}.image-text--illustration.image-text--image-right .image-text__media{order:2}.image-text--illustration .image-text__media picture,.image-text--illustration .image-text__media img{max-width:calc(var(--illustration-width, 240px) * .75)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-image-with-text.css.map */