/* Image-only phone refresh. Preserve existing fades, text and panel layout.
   Approved master extends the old 1536x1024 portrait 324px to its left.
   Keep the old portrait cover scale and subject position on the wider canvas. */
@media (max-width: 640px) {
  .hero .hero-image {
    object-position: calc(64% - clamp(650px, calc(100svh - 52px), 850px) * .11390625) center;
  }
}

/* Small landscape formerly used the 1536px portrait, whereas the other
   landscape presets already use an 1860px canvas. Retain its original scale
   and centered crop, accounting for the new 324px of wall at the left. */
@media (min-width: 641px) and (max-width: 720px) and (max-height: 600px) and (orientation: landscape) {
  .hero .hero-image {
    --phone-art-height: max(calc(100svh - 44px), calc(100vw * 2 / 3));
    position: absolute;
    top: 0;
    left: calc(50vw - var(--phone-art-height) * 1.06640625);
    width: calc(var(--phone-art-height) * 1.81640625);
    max-width: none;
    height: var(--phone-art-height);
    object-fit: fill;
    object-position: left top;
  }
}