/* Supplied artwork is kept intact. White hero lettering uses the original alpha with a soft shadow. */
.brand-logo {
  display: block;
  width: 112px;
  height: auto;
  max-width: 100%;
  aspect-ratio: 2050 / 767;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 0;
}
.wordmark:has(.brand-logo), .brand-link {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  flex-shrink: 0;
}
.brand-logo--footer { width: 96px; }
.home-minimal #hero-title {
  font-size: 0;
  line-height: 0;
  margin-bottom: 24px;
  max-width: 100%;
  text-shadow: none;
}
.home-minimal .brand-logo--hero {
  width: clamp(300px, 48vw, 760px);
  max-width: 100%;
}
.brand-logo > img {
  display: block;
  width: 100%;
  height: auto;
}
.brand-logo--white, :is(.theme-dark,[data-theme="dark"]) img.brand-logo {
  filter: brightness(0) invert(1);
}
.home-minimal .brand-logo--hero.brand-logo--white {
  filter: brightness(0) invert(1) drop-shadow(0 5px 14px #173f5552) drop-shadow(0 1px 2px #173f5533);
}
.studio-brand-link:has(.brand-logo) { gap: 0; }
.studio-brand-logo { width: 116px; }
.studio-wordmark > .brand-logo { width: 86px; }
.studio-home-copy .brand-logo { width: clamp(220px, 28vw, 420px); }
.studio-home-footer .brand-logo { width: 96px; }
@media (max-width: 600px) {
  .wordmark > .brand-logo { width: 100px; }
  .home-minimal #hero-title { margin-bottom: 18px; }
  .home-minimal .brand-logo--hero { width: 100%; }
  .studio-mobile-brand .brand-logo { width: 104px; }
}