/* Mobile plaque is static and remains available without animation or JavaScript. */
@media (max-width: 680px) {
  /* Prevent intrinsic picture height from consuming the lower rolling frame. */
  .hero .hero-media {
    grid-template-rows: minmax(0, 1fr) minmax(0, 2fr);
    grid-template-columns: minmax(0, 1fr);
  }
  .hero .hero-photo-frame { min-height: 0; min-width: 0; }
  .hero .hero-photo-frame--top,
  .hero .hero-photo-frame--bottom { height: 100%; max-height: 100%; }
  .hero .hero-photo-frame--bottom { background-size: cover; background-position: center; }
  .hero .hero-photo-frame--top { background: var(--don-bg-deep, #181a1c) !important; }
  .hero .hero-photo-frame--top picture { display: block; width: 100%; height: 100%; }
  .hero .hero-photo-frame--top picture img {
    display: block !important;
    width: 100%; height: 100%;
    object-fit: contain !important; object-position: center !important;
    background: transparent !important;
  }
}