/* Aligned native video cards for the Studio landing page. */
.studio-named-views {
  width: min(90%, 70rem);
  margin: clamp(2rem, 5vw, 4.5rem) auto;
}
.studio-named-views h2 {
  margin: 0 0 1rem;
  font-size: clamp(1.5rem, 3vw, 2.3rem);
  line-height: 1.1;
}
.studio-named-views > div {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(.75rem, 2vw, 1.5rem);
}
.studio-named-views figure { margin: 0; min-width: 0; }
.studio-named-views video, .studio-named-film video {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: contain;
  background: #efefec;
}
.studio-named-film { max-width: 30rem; margin: 2rem auto 0; }
.studio-related a { text-decoration: underline; text-underline-offset: .2em; }
@media (max-width: 520px) {
  .studio-named-views > div {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
  }
  .studio-named-views figure { flex: 0 0 74%; scroll-snap-align: start; }
}