/* Video production: show the films first, then the formats behind them. */
.video-page .page-hero {
  padding-bottom:38px;
}
.video-page .service-hero-grid {
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:56px;
}
.video-page .service-hero-grid h1 {
  max-width:none;
  font-size:clamp(48px,5vw,72px);
  line-height:1.04;
}
.video-page .service-hero-grid figure img {
  aspect-ratio:16/9;
}
.video-browse {
  margin-top:40px;
  padding-top:12px;
  border-top:1px solid var(--rule);
}
.video-browse a {
  gap:12px;
  text-decoration:none;
}
.video-browse a:hover {
  color:var(--red);
}
.video-work {
  padding-top:28px;
}
.video-work h2 {
  font-size:var(--compact-title);
  margin-bottom:0;
}
.video-work .service-projects {
  gap:32px;
  margin-top:30px;
}
.video-work .service-projects>article {
  min-width:0;
}
.video-work .story-meta {
  align-items:baseline;
  gap:16px;
}
.video-work .story-meta>span:last-child {
  flex-shrink:0;
  font-variant-numeric:tabular-nums;
}
.video-format-list {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:36px;
  border-top:0;
}
.video-format-list li {
  grid-template-columns:24px minmax(0,1fr);
  gap:12px 16px;
  align-content:start;
  padding-block:28px 32px;
  border-top:1px solid var(--rule);
  border-bottom:0;
}
.video-format-list h3 {
  font-size:24px;
}
.video-format-list p {
  grid-column:2;
}
.video-format-list h3 a {
  text-decoration:none;
}
.video-format-list h3 a:hover {
  color:var(--red);
  text-decoration:underline;
}
@media(max-width:1050px) {
  .video-page .service-hero-grid {
    gap:36px;
  }
  .video-format-list {
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:32px;
  }
}
@media(max-width:800px) {
  .video-page .service-hero-grid {
    grid-template-columns:minmax(0,1fr);
    gap:30px;
  }
  .video-page .service-hero-grid figure {
    max-width:none;
  }
  .video-browse {
    margin-top:28px;
    gap:0 24px;
  }
  .video-work {
    padding-top:18px;
  }
  .video-work .service-projects {
    gap:38px 26px;
  }
  .video-work .service-projects>article:first-child {
    grid-column:1/-1;
  }
}
@media(max-width:540px) {
  .video-format-list {
    grid-template-columns:minmax(0,1fr);
  }
  .video-format-list li {
    padding-block:24px;
  }
  .video-work .image-link {
    width:44px;
    height:44px;
    right:14px;
    bottom:14px;
  }
}