/* Short desktop screens use the same proportional scene as wide desktop.
   Tablet and phone breakpoints retain their approved arrangements. */
@media (min-width: 1300px) and (min-height: 601px) and (max-height: 999px) {
  .work { height: 100svh; padding-top: 55px; padding-bottom: 25px; overflow: hidden; }
  .work .work-topline { margin-top: 5px; }
  .work .studio-board, .work.board-complete .studio-board { height: calc(100svh - 570px); }
  .work .print { width: 24%; }
  .work .print img, .work .amenity-art { height: 16.67svh; }
  .work .print[data-id="elevated"] { width: 26.5%; }
  .work .print[data-id="elevated"] img { height: 18.52svh; }
  .work .print[data-id="amenity"] { width: 21%; }
  .work .print[data-id="amenity"] img { height: 14.35svh; }
  .work .dealer-card { width: 19%; }
  .work .dealer-face { height: 10.93svh; }
  .work .tablet-object { width: 22%; }
  .work .tablet-label { margin-top: 10px; font-size: 16px; }
  .work .tablet-hint { margin-top: 3px; }
  .work .simplify-line { position: absolute; left: 4%; top: 25%; margin: 0; }
  .work .board-drag-note { top: calc(clamp(-104px, -7vw, -76px) + 6svh); }
  .work.board-complete .print, .work.board-complete .print[data-id="amenity"], .work.board-complete .print[data-id="elevated"], .work.board-complete .dealer-card { width: 17.5%; height: 21.3svh; }
  .work.board-complete .print img, .work.board-complete .print[data-id="amenity"] img, .work.board-complete .print[data-id="elevated"] img, .work.board-complete .amenity-art { height: 15.93svh; }
}

/* Wide-desktop completion gets 10% more presence; approved smaller sizes
   and the separate ultra-wide review retain their existing geometry. */
@media (min-width: 1850px) and (max-width: 2199px) and (min-aspect-ratio: 7/5) and (min-height: 601px) {
  html:not(.tablet-review) .work.board-complete .print,
  html:not(.tablet-review) .work.board-complete .print[data-id="amenity"],
  html:not(.tablet-review) .work.board-complete .print[data-id="elevated"],
  html:not(.tablet-review) .work.board-complete .dealer-card {
    width: 19.25%;
    height: min(253px, 23.43svh);
  }
  html:not(.tablet-review) .work.board-complete .print img,
  html:not(.tablet-review) .work.board-complete .print[data-id="amenity"] img,
  html:not(.tablet-review) .work.board-complete .print[data-id="elevated"] img {
    height: min(195px, 17.523svh);
  }
}