.brand { gap: 10px; }
.brand .brand-copy { display: grid; grid-template-columns: 1fr; }
.brand-shiny-text {
  display: inline-block;
  color: #000;
  -webkit-text-fill-color: currentColor;
}
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .brand-shiny-text {
    background-image: linear-gradient(120deg, #000 0%, #000 35%, #d9d9d9 50%, #000 65%, #000 100%);
    background-size: 200% auto;
    background-position: 150% center;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@media (prefers-reduced-motion: reduce) {
  .brand-shiny-text {
    animation: none !important;
    background: none;
    -webkit-text-fill-color: #000;
  }
}
@media (forced-colors: active) {
  .brand-shiny-text {
    animation: none !important;
    background: none;
    color: CanvasText;
    -webkit-text-fill-color: CanvasText;
  }
}
.brand .brand-caption {
  display: block;
  margin-top: 3px;
  font-size: 10px;
  letter-spacing: .14em;
  line-height: 1.4;
}
.brand-logo {
  display: block;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  object-fit: contain;
  transform: rotate(-12deg);
}
@media (max-width: 600px) {
  .brand { gap: 6px; }
  .brand-logo { width: 28px; height: 28px; }
  .brand .brand-caption { font-size: 9px; letter-spacing: .04em; }
}