/* Owner-supplied photos: natural proportions, no altered before/after content. */
.hero-photo{margin:0;min-width:0}
.hero-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:var(--soft);border-radius:4px}
.hero-photo figcaption{font-size:13px;color:var(--muted);padding-top:12px}
.photo-section{border-top:1px solid var(--line)}
.photo-section>.section-heading{max-width:620px;margin-bottom:32px}
.comparison-list{display:grid;gap:40px}
.comparison h3{font-size:17px;margin:0 0 14px}
.comparison-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.comparison figure,.photo-grid figure{margin:0;min-width:0}
.comparison a,.photo-grid a{display:block;border-radius:4px}
.comparison img,.photo-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:var(--soft);border-radius:4px}
.comparison figcaption{font-size:13px;font-weight:650;padding:9px 0 0;color:var(--green)}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
nav{flex-wrap:wrap}
@media(max-width:900px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){nav{gap:4px 16px;justify-content:flex-start}.comparison-images{grid-template-columns:1fr;gap:20px}.comparison-list{gap:32px}.photo-grid{grid-template-columns:1fr;gap:20px}.photo-section>.section-heading{margin-bottom:24px}}