/* Fit to any screen: the site is designed at 1600px. Wider than that, the page is scaled up gently (CSS zoom, about 1.12x at
   2560px) and the rails widen so the layout fills the rest of the screen. Every viewport-unit
   length in the stylesheets is divided by --z so full-height sections still measure against the real screen.
   The old "big screen" media blocks (min-width 1700-1900) are switched off; the scale replaces them. */
:root{--z:1}
@media(min-width:1680px){:root{--z:1.010}}
@media(min-width:1760px){:root{--z:1.020}}
@media(min-width:1840px){:root{--z:1.030}}
@media(min-width:1920px){:root{--z:1.040}}
@media(min-width:2000px){:root{--z:1.050}}
@media(min-width:2080px){:root{--z:1.060}}
@media(min-width:2160px){:root{--z:1.070}}
@media(min-width:2240px){:root{--z:1.080}}
@media(min-width:2320px){:root{--z:1.090}}
@media(min-width:2400px){:root{--z:1.100}}
@media(min-width:2480px){:root{--z:1.110}}
@media(min-width:2560px){:root{--z:1.120}}
@media(min-width:2640px){:root{--z:1.130}}
@media(min-width:2720px){:root{--z:1.140}}
@media(min-width:2800px){:root{--z:1.150}}
@media(min-width:2880px){:root{--z:1.160}}
@media(min-width:2960px){:root{--z:1.170}}
@media(min-width:3040px){:root{--z:1.180}}
@media(min-width:3120px){:root{--z:1.190}}
@media(min-width:3200px){:root{--z:1.200}}
@media(min-width:3280px){:root{--z:1.210}}
@media(min-width:3360px){:root{--z:1.220}}
@media(min-width:3440px){:root{--z:1.230}}
@media(min-width:3520px){:root{--z:1.240}}
@media(min-width:3600px){:root{--z:1.250}}
@media(min-width:3680px){:root{--z:1.260}}
@media(min-width:3760px){:root{--z:1.270}}
@media(min-width:3840px){:root{--z:1.280}}
@supports (zoom: calc(100vw / 1600px)){@media(min-width:1601px){:root{--z:calc(0.8 + 100vw / 8000px)}}}
html{zoom:var(--z)}