.brand-image {
  max-width: 300px;
  max-height: 60px;
  object-fit: contain;
}
header.site.scrolled .brand-image {
  max-width: 190px;
  max-height: 48px;
}
.brand-logo-dark{display:none}header.scrolled .brand-logo-light{display:none}header.scrolled .brand-logo-dark{display:block}.social-links{display:flex;gap:16px;flex-wrap:wrap}.empty-state{padding-block:32px}.page-hero-visual img{width:100%;height:100%;object-fit:cover}

@media (max-width: 760px) {
  .brand-image {
    max-width: 200px;
  }
}