.ba--portrait { aspect-ratio: 4 / 5; }
.job-comparison { min-width: 0; }
.job-comparison h3 { margin-bottom: 16px; }
.job-comparison__caption { margin-top: 12px; }
.job-comparisons { margin-top: 36px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.job-comparison--service { margin-top: 28px; }
@media (max-width: 700px) { .job-comparisons { grid-template-columns: 1fr; gap: 28px; } }
.job-photo { margin: 0; min-width: 0; }
.job-photo img { display: block; width: 100%; height: auto; border: var(--hairline); border-radius: var(--radius-lg); }
.job-photo figcaption { margin-top: 12px; }

.gallery--compare { position: relative; }
.gallery--compare > .tile { position: static; margin-top: 12px; width: 100%; }
.gallery--compare .tile__no { z-index: 2; pointer-events: none; }
.gallery--compare .gallery-comparison { width: 100%; }
@media (min-width: 900px) { .gallery--work > .gallery--compare:first-child .ba { aspect-ratio: 16 / 10; } }

.gallery--compare > .tile > img[hidden] { display: none; }

/* Keep larger, distinct comparisons; omit repeated small instances. */
.is-duplicate[hidden] { display: none !important; }
@media (min-width: 700px) {
  .gallery--work { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gallery--work > li:first-child { grid-column: auto; }
  .gallery--work > .gallery--compare:first-child .ba { aspect-ratio: 4 / 3; }
}