.transformation{background:#161513}
.before-after{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.before-after figure{margin:0;position:relative;background:#0d0d0d}
.before-after img{width:100%;height:420px;object-fit:cover}
.before-after figcaption{padding:1rem;color:var(--muted);font-size:.82rem}
.ba-label{position:absolute;z-index:2;top:1rem;left:1rem;background:#111;color:#fff;padding:.45rem .8rem;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}
.gold-label{background:var(--gold);color:#111}
.process-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-top:1rem;align-items:stretch}
.process-strip img{width:100%;height:260px;object-fit:cover}
.process-strip p{margin:0;background:var(--gold);color:#111;padding:2rem;display:flex;flex-direction:column;justify-content:center;font:500 1.5rem/1.35 var(--serif)}
.process-strip p span{font:600 .65rem var(--sans);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.8rem}
@media(max-width:900px){.before-after{grid-template-columns:1fr}.before-after img{height:380px}.process-strip{grid-template-columns:1fr 1fr}.process-strip p{grid-column:span 2}}
@media(max-width:560px){.before-after img{height:300px}.process-strip{grid-template-columns:1fr}.process-strip p{grid-column:auto}.process-strip img{height:260px}}