section.media.full-height:not(:has(.vimeo)) .img-wrapper {
  height: 100svh;
}
section.media.not-full-height:not(:has(.vimeo)) .img-wrapper {
  height: 75svh;
}
section.media .vimeo {
  cursor: pointer;
}
section.media .vimeo:hover + button.play {
  background-color: var(--primary);
}
section.media iframe {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
section.media button.play {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: var(--highlight);
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  -webkit-transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0.3s cubic-bezier(0.23, 1, 0.32, 1);
  pointer-events: none;
}
@container main (max-width: 48rem) {
  section.media button.play {
    width: 3.25rem;
    height: 3.25rem;
  }
}
section.media button.play span {
  width: 1.3125rem;
  height: 1.6875rem;
  margin-left: 6px;
}
@container main (max-width: 48rem) {
  section.media button.play span {
    width: 0.875rem;
    height: 1.125rem;
  }
}