.site-header .brand strong {
  font-family: "Playfair Display", serif;
  font-size: clamp(18px, 1.7vw, 25px);
  line-height: 1.1;
  letter-spacing: -.015em;
}

.site-header .brand small {
  margin-top: 4px;
  color: var(--red);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .025em;
}

@media (max-width: 700px) {
  .site-header .brand strong { font-size: 16px; }
  .site-header .brand small { font-size: 10px; }
}