/* The chef video replaces only the former hero illustration. */
.hero-video-art {
  width: calc(100% + 140px);
  height: auto;
  max-width: 910px;
  aspect-ratio: 910 / 512;
  margin-left: -70px;
  align-self: center;
  position: relative;
  display: block;
}
.hero-chef-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: var(--cream);
  mix-blend-mode: multiply;
  cursor: pointer;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 97%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 7%, #000 97%, transparent);
}
.hero-chef-video:focus-visible { outline: 3px solid var(--red); outline-offset: 3px; }
@media (min-width: 761px) and (max-width: 1100px) {
  .hero-video-art { width: calc(100% + 90px); margin-left: -45px; }
}
@media (max-width: 760px) {
  .hero-video-art {
    width: 100%;
    max-width: 480px;
    height: auto;
    max-height: none;
    aspect-ratio: 910 / 512;
    margin: 22px auto 0;
  }
}