/* Shared Haas Arts wordmark sizing. Keep the supplied SVG's aspect ratio. */
.site-header .brand {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  flex-shrink: 0;
}
.site-header .brand > .brand__logo,
.site-footer .brand > .brand__logo {
  display: block;
  width: 280px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}
.site-header .brand__subtitle {
  font-size: 10px;
  font-weight: 450;
  letter-spacing: .025em;
}
.site-footer .brand > .brand__logo { width: 264px; }
@media (max-width: 1200px) {
  .site-header .brand > .brand__logo { width: 240px; }
  .site-header .brand__tagline { display: none; }
}
@media (max-width: 860px) {
  .site-header .brand > .brand__logo { width: 250px; }
}
@media (max-width: 420px) {
  .site-header .brand > .brand__logo { width: 210px; }
  .site-header .brand__subtitle { font-size: 9px; }
}