.site-comparisons{display:grid;gap:2rem}
.site-comparison{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.5fr);gap:1.5rem;padding:1.5rem;border:1px solid var(--line);background:#f7f9fa}
.site-copy h4{margin:.25rem 0 1rem;font:700 clamp(1.8rem,3vw,2.8rem)/1.05 Fraunces,serif}
.site-copy p{color:var(--muted)}
.site-copy b{color:var(--navy)}
.site-tag{margin:0;color:var(--red)!important;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.site-comparison>figure,.before-after figure,.technical-detail,.mobility-map{margin:0;background:#fff;border:1px solid var(--line);overflow:hidden}
.site-comparison>figure img,.before-after img,.technical-detail img,.mobility-map img{display:block;width:100%;height:auto}
.site-comparison figcaption,.technical-detail figcaption,.mobility-map figcaption,.image-source{padding:.7rem .9rem;color:var(--muted);font-size:.8rem}
.before-after{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.before-after figure{position:relative}
.before-after span{position:absolute;top:.65rem;left:.65rem;z-index:1;padding:.35rem .55rem;background:rgba(8,31,62,.9);color:#fff;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.before-after img{height:100%;aspect-ratio:16/9;object-fit:contain;background:#fff}
.image-source{grid-column:2;margin:-.9rem 0 0;padding-left:0}
.mobility-map{margin:0 0 2rem}
.technical-detail{grid-column:2}
.technical-detail img{aspect-ratio:16/7;object-fit:cover;object-position:center}
.proposal-sector[hidden] .site-comparison{display:none}
@media(max-width:900px){.site-comparison{grid-template-columns:1fr}.image-source,.technical-detail{grid-column:auto}}
@media(max-width:600px){.site-comparison{padding:1rem}.before-after{grid-template-columns:1fr}.before-after img{aspect-ratio:16/10}}