/* tablet-fit.v1.css -- with tablet-fit.v1.js: between 769 and 1099px the
 * tablet stage is zoomed to the window and keeps its desktop layout inside.
 * The rules below undo scraper-scroll.v3's narrow layout (the 1100px scroll
 * window, the sideways fade, the clamp() heading that let the kicker join the
 * title's line) for the zoomed stage only. Served max-age=604800: never edit
 * in place, ship a new name. */
@media (min-width: 769px) and (max-width: 1099px) {
  #interface .ss-stage[data-fit] .ss-head { max-width: 64rem; }
  #interface .ss-stage[data-fit] .ss-kicker { font-size: 2.1rem; }
  #interface .ss-stage[data-fit] .ss-title { font-size: 4rem; }
  #interface .ss-stage[data-fit] .ss-card { max-width: 74rem; width: 100%; }
  #interface .ss-stage[data-fit] .ss-card::after { display: none; }
  #interface .ss-stage[data-fit] .ss-screen {
    justify-content: center; overflow: hidden; overflow-x: hidden;
    height: auto; min-height: 0; aspect-ratio: var(--shot-ar, 1710 / 920);
  }
  #interface .ss-stage[data-fit] .ss-screen img { flex: 1 1 auto; width: 100%; max-width: 100%; height: 100%; }
  #interface .ss-stage[data-fit] .ss-screen > picture.ss-prev,
  #interface .ss-stage[data-fit] .ss-hot { width: 100%; height: 100%; aspect-ratio: auto; }
}