@font-face { font-family: "General Sans"; src: url("/fonts/GeneralSans-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "General Sans"; src: url("/fonts/GeneralSans-500.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "General Sans"; src: url("/fonts/GeneralSans-600.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "General Sans"; src: url("/fonts/GeneralSans-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }

html { scroll-behavior: smooth; scroll-padding-top: 80px; }

/* Brand logo and watermark as masks, so they take any colour (bg-*) */
.logo {
  display: block;
  -webkit-mask: url("/images/logo.svg") no-repeat left center / contain;
  mask: url("/images/logo.svg") no-repeat left center / contain;
}
.watermark {
  display: block;
  -webkit-mask: url("/images/watermark.svg") no-repeat center / contain;
  mask: url("/images/watermark.svg") no-repeat center / contain;
}