/* Wide screens render the invitation at half size, the way a guest would get
   with Ctrl+50% in the browser. Phones keep the full-bleed layout.
   Tweak --clone-zoom (0.5 = 50%) or the 700px breakpoint to taste. */
:root {
  --clone-zoom: 0.5;
}

@media (min-width: 700px) {
  html {
    background: #6b0000;
  }
  body {
    zoom: var(--clone-zoom);
  }
}