/* Two complete captures share a height; their columns follow their native ratios. */
.case-media-pair { margin: 0; width: 100%; }
.case-media-pair__images { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: start; }
.case-media-pair__images img { display: block; width: 100%; height: auto; object-fit: contain; border: 0; border-radius: 0; }
.case-media-pair__images img:first-child { aspect-ratio: 1920 / 1080; }
.case-media-pair__images img:last-child { aspect-ratio: 786 / 1704; max-width: 393px; justify-self: center; }
.case-media-pair figcaption { margin-top: 20px; font-size: 14px; line-height: 1.6; color: rgb(255 255 255 / .55); }
@media (min-width: 768px) {
  .case-media-pair__images { grid-template-columns: minmax(0, 1.777777778fr) minmax(0, .461267606fr); gap: clamp(16px, 2vw, 32px); }
  .case-media-pair__images img:last-child { max-width: none; }
}

[data-case-study-columns]{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}[data-case-study-columns]>div{min-width:0;overflow-wrap:anywhere}@media(min-width:1024px){[data-case-study-columns]{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem}}
