/* Approved road transport artwork for the public hero. */
.hero-scene {
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  mask-image: linear-gradient(to bottom, #000 0%, #000 84%, transparent 100%);
  mask-composite: add;
}
.scene-pan,
.scene-picture {
  display: block;
  width: 100%;
  height: 100%;
}
.scene-picture > .scene-image,
.scene-pan > .scene-image {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center 47%;
}
.hero-scene::after {
  background: linear-gradient(90deg, rgba(7,16,21,.99), rgba(7,16,21,.86) 24%, rgba(7,16,21,.35) 48%, transparent 72%),
    linear-gradient(0deg, #071015, transparent 20%);
}
@media (max-width: 640px) {
  .hero-scene {
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    mask-image: linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent 100%);
  }
  .scene-picture > .scene-image,
  .scene-pan > .scene-image { object-position: center bottom; }
  .hero-scene::after {
    background: linear-gradient(0deg, #071015, transparent 17%),
      linear-gradient(180deg, rgba(7,16,21,.86), transparent 54%);
  }
}