/* Don2 photo frame base: desktop retains one full photo; mobile splits it. */
.hero-photo-frame { position: absolute; inset: 0; }
.hero-photo-frame--bottom { display: none; }
.hero-photo-frame img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* Don2 mobile hero: left photo column exactly matches the Short height. */
@media (max-width: 680px) {
  .hero-media {
    inset: 0 56.25% 0 0;
    display: grid;
    grid-template-rows: 2fr 1fr;
    gap: 3px;
    overflow: hidden;
    background: #ffffff;
  }
  .hero-photo-frame {
    position: relative;
    display: block;
    min-height: 0;
    overflow: hidden;
    background: #171717;
  }
  .hero-photo-frame img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .hero-photo-frame::after { display: none; }
  .hero-photo-frame--top img { object-position: 58% center; }
  .hero-photo-frame--bottom img { object-position: 50% 72%; }
  .hero-content { z-index: 4; }
}