/* Scaling on XL screens, the way Locomotive does it. The theme is sized in
   rem; the root size is 16px up to 1920px wide, then grows with the screen,
   so beyond 1920px the whole site scales up as one piece instead of keeping
   its desktop size between ever wider margins: x1.33 at 2560px, x2 at 4K.
   Up to 1920px nothing moves, 1rem being exactly the former 16px.

   Media queries stay in px: they describe the screen, not the design. So do
   lines of 1 and 2px, to stay sharp, and the lengths inside the menu
   button's drawing, which are SVG units and scale with it already.

   Front end only (Setup.php): the editor keeps its own root size. */
html {
  font-size: 16px;
}

@media (min-width: 1921px) {
  html {
    /* 1920px / 120 = 16px, and proportional above */
    font-size: calc(100vw / 120);
  }
}