/* Keep the approved artwork intact; frame its white presentation margins. */
.brand::after { display: none; }

.brand img.mattesu-logo,
.scroll-brand img.mattesu-logo,
.footer-brand img.mattesu-logo,
.management-header img.mattesu-logo,
.login-card img.mattesu-logo {
  aspect-ratio: 1902 / 560;
  object-fit: cover;
  object-position: 50% 53%;
  mix-blend-mode: multiply;
  mask-image: none;
  border-radius: 0;
}

.scroll-brand img.mattesu-logo,
.footer-brand img.mattesu-logo,
.management-header img.mattesu-logo,
.login-card img.mattesu-logo { height: auto; }

.footer-brand img.mattesu-logo { margin-bottom: 10px; }

@media (min-width: 901px) {
  header, .home-featured header {
    --masthead-width: min(600px, calc(100vw - 400px));
    --brand-height: calc(var(--masthead-width) * 560 / 1902);
  }
  header.has-scroll-brand .nav-links { align-self: stretch; }
}

@media (max-width: 900px) {
  .brand { aspect-ratio: 1902 / 560; mix-blend-mode: multiply; }
}