.project-media-section{padding:clamp(4rem,8vw,8rem) clamp(1.5rem,7vw,8rem);background:var(--cream)}.project-media-section+.project-media-section{padding-top:0}.project-media-heading{max-width:760px;margin-bottom:2.5rem}.project-media-heading h2{font:400 clamp(2.8rem,5vw,5rem)/1 Georgia,serif;margin:.4rem 0}.phase-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.phase-gallery figure{margin:0;background:#fff}.phase-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.phase-gallery figcaption{padding:1rem;font-size:.82rem;color:var(--muted)}.transformation-list{display:grid;gap:3rem}.transformation-card{margin:0}.transformation-compare{--position:50%;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--forest-deep);isolation:isolate}.transformation-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.transformation-after{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.transformation-divider{position:absolute;top:0;bottom:0;left:var(--position);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none;z-index:3}.transformation-divider:after{content:'↔';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--forest-deep);font-weight:700;box-shadow:0 5px 20px #0005}.transformation-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4}.transformation-label{position:absolute;top:1rem;z-index:2;background:#fff;color:var(--forest-deep);padding:.45rem .7rem;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.transformation-label.before{left:1rem}.transformation-label.after{right:1rem}.transformation-card figcaption{padding:.9rem 0;color:var(--muted)}@media(max-width:720px){.phase-gallery{grid-template-columns:1fr}.transformation-compare{aspect-ratio:4/3}}