/* Approved studio artwork and compact navigation companion. */
.site-nav .brand img { width: 40px; height: 40px; flex-shrink: 0; }
.studio-logo { width: 210px; height: auto; margin: -1.5rem 0 1.25rem; border-radius: 12px; }
.site-footer .brand-full img { width: 190px; height: auto; border-radius: 12px; }
@media (max-width: 450px) {
  .site-nav .brand { gap: .4rem; }
  .site-nav .brand img { width: 32px; height: 32px; }
  .studio-logo { width: 180px; margin-top: -1rem; }
}
/* Blend the supplied black backdrop into the site's dark surfaces. */
.studio-logo, .site-footer .brand-full img { mix-blend-mode: lighten; }