/* Desktop-only framing: preserve the approved composition at a calmer scale.
   Keep this separate from the phone layout and the individual component layers. */
@media (min-width: 1024px) {
  :root {
    --desktop-scale: .81;
    --desktop-frame-gutter: 48px;
  }

  body {
    zoom: var(--desktop-scale);
    /* Preserve the previous layout proportions while shrinking it another 10%. */
    width: calc(90% - 2 * var(--desktop-frame-gutter));
    max-width: 1600px;
    margin: 28px auto 0;
  }
}