.before-after{font-family:var(--font-sans, "Manrope", "Inter", system-ui, sans-serif);background:var(--color-bg);padding-block:112px}.before-after__inner{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.before-after__head{text-align:center;margin-bottom:56px}.before-after__title{margin:14px 0 12px;color:var(--color-ink)}.before-after__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ba-card{background:var(--color-surface);padding:18px;border-radius:24px;border:1px solid var(--color-rule)}.ba-card__pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ba-card__media{position:relative;aspect-ratio:4 / 5;border-radius:16px;overflow:hidden;background:var(--color-blush)}.ba-card__media img{width:100%;height:100%;object-fit:cover;display:block}.ba-card__media .placeholder{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px}.ba-card__tag{margin-top:8px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:center}.ba-card__tag--before{color:var(--color-ink-muted)}.ba-card__tag--after{color:var(--color-rose-deep)}.ba-card__meta{padding-top:16px;padding-left:4px}.ba-card__name{font-size:15px;font-weight:600;color:var(--color-ink)}.ba-card__detail{margin-top:4px;font-size:12px;color:var(--color-ink-soft)}@media(max-width:989px){.before-after{padding-block:72px}.before-after__head{margin-bottom:40px}.before-after__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.before-after{padding-block:52px}.before-after__head{margin-bottom:32px}.before-after__grid{grid-template-columns:1fr;gap:16px;max-width:440px;margin-inline:auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-before-after.css.map */