.brand {
  display: inline-flex;
  align-items: baseline;
  gap: .12em;
  font-size: 1.38rem;
  line-height: 1;
  font-weight: 820;
  letter-spacing: -.055em;
  text-transform: uppercase;
  text-decoration: none;
}
.brand-week { letter-spacing: -.06em; }
.brand-of {
  margin-inline: .05em;
  color: var(--muted);
  font-size: .52em;
  font-weight: 650;
  letter-spacing: .08em;
}
.brand-tech {
  letter-spacing: -.06em;
  background: linear-gradient(100deg, var(--accent), var(--accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.brand:hover .brand-tech { filter: brightness(1.08); }

.article-hero-image .image-credit {
  display: grid;
  gap: 4px;
  margin-top: 10px;
  color: var(--muted);
  font-size: .82rem;
  line-height: 1.45;
}
.article-hero-image .image-caption {
  display: block;
  color: var(--muted);
}
.article-hero-image .image-source-line,
.article-hero-image .image-rights-line,
.article-hero-image .image-disclosure {
  display: block;
  font-size: .78rem;
}
.article-hero-image .image-rights-line {
  max-width: 900px;
}
.article-hero-image .image-disclosure {
  font-weight: 700;
}
.article-hero-image .image-source-line a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}
.article-hero-image .image-source-line a:hover { color: var(--accent); }

@media (max-width: 680px) {
  .brand { font-size: 1.08rem; }
  .article-hero-image .image-credit { font-size: .68rem; }
  .article-hero-image .image-source-line,
  .article-hero-image .image-rights-line,
  .article-hero-image .image-disclosure { font-size: .65rem; }
}