/* The video begins immediately below navigation and fills the available page width. */
.brew-hero.brew-hero-with-video {
  padding: 0;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  grid-template-areas: "film film" "heading details";
  gap: 0;
  align-items: start;
}
.brew-hero-with-video .brew-hero-film {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  align-self: stretch;
}
.brew-hero-with-video .brew-video-window { width: 100%; max-height: 75svh; }
.brew-hero-with-video .brew-hero-film figcaption { display: none; }
.brew-hero-with-video .brew-hero-heading { padding: 60px 6vw 55px 7vw; min-width: 0; }
.brew-hero-with-video .brew-hero-details { padding: 60px 7vw 55px 0; }
.brew-hero-with-video .brew-hero-details .brew-lead { margin-top: 0; }
@media(max-width:760px) {
  .brew-hero.brew-hero-with-video {
    grid-template-columns: minmax(0,1fr);
    grid-template-areas: "film" "heading" "details";
    gap: 0;
  }
  .brew-hero-with-video .brew-hero-heading { padding: 38px 6% 24px; }
  .brew-hero-with-video .brew-hero-details { padding: 0 6% 40px; }
}