.video.module {
  margin: var(--128px) auto;
  max-width: var(--max-width);
  padding: 0 var(--inset);
}
.video.module figure {
  margin: 0;
}

.video.module .text {
  padding-bottom: var(--25px);
  padding-right: var(--50px);
  vertical-align: middle;
  width: var(--490px);
}
.video.module .text > .heading {
  font-size: var(--40px);
  line-height: var(--42px);
  margin: 0 0 var(--30px);
  max-width: var(--295px);
}
.video.module .text p {
  font-size: var(--20px);
  font-weight: var(--light);
  line-height: var(--27px);
  margin: var(--30px) 0;
  max-width: var(--340px);
}
.video.module .text .more.link {
  color: var(--grey);
  font-size: var(--18px);
  font-weight: var(--semibold);
  line-height: var(--28px);
  text-transform: uppercase;
}
.video.module .text .more.link::after {
  background-color: var(--orange);
  height: var(--15px);
  margin-left: var(--2px);
  position: relative;
  top: var(--1px);
}

.video.module .figure {
  position: relative;
}
.video.module .figure > .item {
  display: block;
  height: var(--490px);
  object-fit: cover;
  width: 100%;
}
.video.module .figure figcaption {
  bottom: 0;
  left: 0;
  position: absolute;
}

@media (max-width: calc(960px * 0.8)) {
  .video.module {
    margin: var(--50px) auto;
  }

  .video.module,
  .video.module .text,
  .video.module .figure {
    display: block;
  }

  .video.module .text {
    padding-bottom: 0;
    padding-right: 0;
    width: auto;
  }
  .video.module .text > .heading {
    font-size: var(--30px);
    line-height: var(--34px);
    max-width: none;
  }
  .video.module .text p {
    max-width: none;
  }

  .video.module .figure {
    margin: var(--50px) var(--outset) 0;
  }
  .video.module .figure > .item {
    height: var(--375px);
  }
}