/* web1 only: Lato (self-hosted, SIL OFL; guests can't reach Google Fonts before login) + the photo background. */
@font-face { font-family: Lato; font-style: normal; font-weight: 300; font-display: swap; src: url(fonts/lato-300.woff2) format("woff2"); }
@font-face { font-family: Lato; font-style: normal; font-weight: 400; font-display: swap; src: url(fonts/lato-400.woff2) format("woff2"); }
@font-face { font-family: Lato; font-style: normal; font-weight: 700; font-display: swap; src: url(fonts/lato-700.woff2) format("woff2"); }

body {
  background:
    linear-gradient(rgba(36, 40, 48, .5), rgba(36, 40, 48, .5)),
    url(bg.jpg) center / cover no-repeat,
    var(--bg);
}