/* Example: logo classes can be site-specific and kept here */
/* .s-logo {
  width: 48px;
  height: 48px;
  background: var(--color-paper) url("/resources/media/magda_logo.svg") 50% 50% / contain no-repeat;
}
 */
/* .s-logo--alt {
  background-image: url("/resources/media/logo-alt.png");
} */

/* Example: hero background can be set per page via inline style or a page class */
.s-hero--home {
  background-size: cover;
  background-position: center;
}