/* Case-study media galleries: large, full-width images and clips (acuity, forage). */
.cs-gallery{display:grid;gap:var(--gap-media,12px);margin-top:var(--gap-media,12px)}
.cs-gallery.cs-n1{grid-template-columns:1fr}
.cs-gallery.cs-n2{grid-template-columns:repeat(2,1fr)}
.cs-gallery.cs-n3{grid-template-columns:repeat(3,1fr)}
.cs-gallery.cs-n4{grid-template-columns:repeat(4,1fr)}
.cs-cell{overflow:hidden;border-radius:var(--radius,12px);background:var(--clr-panel,#f1f3f5)}
.cs-cell>img,.cs-cell>video{display:block;width:100%;height:100%;object-fit:cover}
.cs-gallery.cs-n1 .cs-cell>img,.cs-gallery.cs-n1 .cs-cell>video{height:auto}
.cs-gallery.cs-n2 .cs-cell,.cs-gallery.cs-n3 .cs-cell{aspect-ratio:4/3}
.cs-gallery.cs-n4 .cs-cell{aspect-ratio:3/4}
.cs-gallery.cs-phones .cs-cell{aspect-ratio:9/16;background:#e9ecef}
.cs-gallery.cs-phones .cs-cell>video{object-fit:contain}
.cs-gallery.cs-contain .cs-cell{display:grid;place-items:center;padding:48px}
.cs-gallery.cs-contain .cs-cell>img{width:min(360px,70%);height:auto}
.nt-section>figure+figure,.nt-section>.nt-media+.nt-media{margin-top:var(--gap-media,12px)}
@media (max-width:760px){
  .cs-gallery.cs-n3,.cs-gallery.cs-n4{grid-template-columns:repeat(2,1fr)}
  .cs-gallery.cs-n2{grid-template-columns:1fr}
}
.cs-gallery .cs-cell>video.nt-video{height:100%;background:transparent}
.cs-gallery.cs-n1 .cs-cell>video.nt-video{height:auto}
.cs-gallery.cs-feature .cs-cell{aspect-ratio:16/9;background:#fff}
.cs-gallery.cs-feature .cs-cell>video.nt-video{height:100%;object-fit:contain}