.brand {
  display: inline-flex;
  flex: 0 1 auto;
  flex-direction: column;
  align-items: stretch;
  width: clamp(230px, 30vw, 300px);
  max-width: 100%;
  min-width: 0;
  gap: 10px;
  color: var(--plum);
  font: 400 12px/1.5 var(--primary-font);
  letter-spacing: normal;
}
.brand-logo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 300 / 78;
  object-fit: contain;
}
.brand-tagline {
  display: block;
  text-align: center;
  text-wrap: balance;
  overflow-wrap: anywhere;
  font: 400 11px/1.6 var(--primary-font);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.footer .brand { width: 300px; }
.footer-grid > div { min-width: 0; }
.footer-links { overflow-wrap: anywhere; }
@media (max-width: 780px) {
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 540px) {
  .header-main > .brand, .footer .brand { width: 280px; }
  .brand { gap: 8px; }
}
@media (max-width: 319px) {
  .header-actions { flex-wrap: wrap; }
  .header-actions > .language { flex-basis: 100%; justify-content: space-between; }
  .header-actions > .search-link { margin-right: auto; }
  .footer-grid { grid-template-columns: minmax(0, 1fr); }
}