.before-after__grid{display:grid;gap:1rem;margin-inline:auto;max-width:62rem}@media (min-width:768px){.before-after__grid{gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}}.ba-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--radius);padding:clamp(1.5rem,1.2rem + 1.5vw,2.5rem)}.ba-card__tag{background:var(--c-mist);border-radius:999px;color:var(--c-ink);display:inline-block;font-family:var(--font-body);font-size:.8125rem;font-weight:700;letter-spacing:.12em;line-height:1.3;margin:0 0 1.25rem;padding:.3rem .875rem;text-transform:uppercase}.ba-card p{font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.6;margin:0}.on-deep .ba-card{background:hsla(0,0%,100%,.04);border-color:var(--c-deep-line)}.on-deep .ba-card--after{background:hsla(0,0%,100%,.09);border-color:hsla(0,0%,100%,.3)}.on-deep .ba-card__tag{background:hsla(0,0%,100%,.12);color:var(--c-surface)}.on-deep .ba-card--after .ba-card__tag{background:var(--c-leaf);color:var(--c-ink)}.on-deep .ba-card p{color:var(--c-on-deep)}