.transformations{padding:clamp(4rem,8vw,7rem) max(6vw,1.4rem);background:#0c0e0d;color:var(--cream);scroll-margin-top:6rem}
.transformations>h2{font:400 clamp(3rem,6vw,5rem)/1.1 var(--serif);margin:.7rem 0 3rem}
.transformations article{max-width:1200px;margin:auto;border-top:1px solid var(--line);padding-top:2.5rem}
.transformations h3{font:400 clamp(2rem,4vw,3.5rem)/1.1 var(--serif);margin:1rem 0}
.transformation-intro{max-width:650px;color:var(--muted);margin-bottom:2rem}
.transformation-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.transformations figure{margin:0;min-width:0}
.transformation-image{aspect-ratio:4/3;display:flex;align-items:center;background:#171a18}
.transformation-image img{width:100%;height:100%;object-fit:contain}
.transformations figcaption{padding:1rem 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;font-size:.8rem;color:var(--muted)}
.transformations figcaption strong{color:var(--gold-light);font-weight:500;letter-spacing:.12em}
.transformation-process{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;margin-top:3rem}
.transformation-process img{width:100%;height:auto}
.transformation-process h4{font:400 clamp(1.8rem,3vw,2.5rem)/1.2 var(--serif);margin:1rem 0}
.transformation-process p:not(.kicker),.transformation-credit>p{color:var(--muted)}
.transformation-credit{border-top:1px solid var(--line);padding-top:1.5rem;margin-top:3rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.transformation-credit a{display:inline-block;padding:.65rem 0;color:var(--cream);font:400 clamp(1.2rem,2vw,1.6rem)/1.4 var(--serif);text-decoration-color:var(--gold-dark);text-underline-offset:.3em}
.transformation-credit>p{font-size:.85rem;margin:0}
@media(min-width:1101px){header nav{gap:clamp(.6rem,1.3vw,1.5rem)}}
@media(max-width:600px){.transformation-pair,.transformation-process{grid-template-columns:1fr}.transformation-process{gap:1.5rem}.transformations{scroll-margin-top:5rem}}
.submitted-transformation{margin-top:3rem!important}
.transformation-phase h4,.transformation-work h4{font:400 1.5rem/1.3 var(--serif);margin:1rem 0;color:var(--cream)}
.transformation-phase figure+figure{margin-top:1.5rem}
.transformation-during{margin:2rem 0;border-block:1px solid var(--line);padding:1rem 0}
.transformation-during summary{cursor:pointer;color:var(--gold-light);padding:.5rem 0}
.transformation-during .transformation-phase{max-width:700px}
.transformation-work{max-width:750px;margin:2rem 0;white-space:pre-line}
.transformation-project-link,.transformation-invite a{color:var(--gold-light);text-underline-offset:.3em}
.transformation-project-link{display:inline-block;padding:1rem 0}
.transformation-invite{margin:3rem auto 0;max-width:1200px;border-top:1px solid var(--line);padding-top:2rem}
.project-transformations{margin-block:3rem;padding:clamp(1.25rem,4vw,3rem)}
.project-transformations article{margin-top:0!important}