.before-after{background:var(--sand);display:flex;flex-direction:column}.before-after__text{padding:32px 20px 24px;display:flex;flex-direction:column;gap:12px}.before-after__images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;height:200px}.before-after__media{position:relative;height:100%;min-height:0}.before-after__media .media-placeholder,.before-after__media img{width:100%;height:100%;object-fit:cover}.chip-label{position:absolute;top:20px;left:20px;font-size:13px;font-weight:700;padding:5px 12px;border-radius:var(--radius-pill);color:var(--white)}.chip-label--dark{background:var(--graphite)}.chip-label--forest{background:var(--forest-700)}.before-after__caption{position:absolute;bottom:16px;left:16px;color:var(--forest-900);margin:0}@media(min-width:768px){.before-after__text{padding:48px 32px 32px;gap:16px}.before-after__text .btn{align-self:flex-start}.before-after__images{height:300px}}@media(min-width:1200px){.before-after{display:grid;grid-template-columns:560px 1fr 1fr;grid-template-rows:380px;gap:4px;height:380px}.before-after__text{padding:0 64px 0 var(--gutter);justify-content:center}.before-after__text .btn{align-self:flex-start}.before-after__images{display:contents}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-before-after.css.map */