:root{--color-bg: #F2ECE4;--color-card: #FAF7F2;--color-text: #163C2E;--color-accent: #C89B3C;--color-cta: #0D1F1A;--color-cta-hover: #1F5B46;--color-muted: #5B4B43;--color-border: #DDD3C7;--radius-soft: 16px;--shadow-soft: 0 14px 34px rgba(13, 31, 26, .08)}.image-with-text{background:var(--color-bg)}.image-with-text .grid{margin-bottom:0}.image-with-text .grid__item{position:relative}@media screen and (min-width:750px){.image-with-text__grid--reverse{flex-direction:row-reverse}}.image-with-text__media{min-height:100%;overflow:hidden}.image-with-text__media--small{height:19.4rem}.image-with-text__media--medium{height:29.6rem}.image-with-text__media--large{height:43.5rem}@media screen and (min-width:750px){.image-with-text__media--small{height:31.4rem}.image-with-text__media--medium{height:46rem}.image-with-text__media--large{height:69.5rem}}.image-with-text__media--placeholder{position:relative;overflow:hidden}.image-with-text__media--placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#163c2e0a}.image-with-text__content{background:var(--color-card);color:var(--color-text);border-radius:var(--radius-soft);border:1px solid var(--color-border);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:4rem;height:100%;position:relative;z-index:1}.image-with-text__content>*+*{margin-top:2rem}.image-with-text__heading{color:var(--color-text);letter-spacing:-.02em;margin-bottom:0}.image-with-text__heading:after{content:"";display:block;width:52px;height:2px;margin-top:12px;background:var(--color-accent)}.image-with-text__text{color:var(--color-muted)}.image-with-text__text p{margin:0 0 1rem}.image-with-text__media,.image-with-text .image-with-text__media-item>*{border-radius:var(--radius-soft);overflow:hidden;box-shadow:var(--shadow-soft)}.image-with-text:not(.image-with-text--overlap) .image-with-text__media-item>*,.image-with-text:not(.image-with-text--overlap) .image-with-text__text-item>*{box-shadow:none!important}.image-with-text .button{background:var(--color-cta);color:#faf7f2;margin:0 auto;border-radius:12px;transition:all .3s ease;border:none;text-align:center}.image-with-text .button:hover{background:var(--color-cta-hover);transform:translateY(-1px)}.button{margin-top:30px!important}@media screen and (max-width:749px){.image-with-text__content{padding:3rem 2rem}}.image-with-text__media--placeholder:after{background:#163c2e0a}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-image-with-text.css.map */