.site-header .site-wordmark { display: block; line-height: 0; max-width: calc(100% - 76px); }
.site-brand-logo { display: block; width: clamp(240px, 36vw, 470px); max-width: 100%; height: auto; }
html[data-header="compact"] .site-header .site-brand-logo { width: clamp(210px, 29vw, 360px); }
.site-wordmark > .atelier-wordmark-tagline, .site-footer__brand > .site-footer__tagline { display: none; }
.site-footer .site-footer__logo-frame { aspect-ratio: auto; overflow: visible; max-width: none; }
.site-footer .site-footer__brand { max-width: 250px; }
.site-footer .site-footer__logo { width: 100%; max-width: none; height: auto; filter: none; mix-blend-mode: normal; }
@media (max-width: 599px) {
  .site-header .site-wordmark { max-width: calc(100% - 60px); }
  .site-brand-logo { width: 250px; }
  html[data-header="compact"] .site-header .site-brand-logo { width: 250px; }
}