/* Shared brand slogan (homepage hero + login), one source for both pages. Owner: match the login look (2026-10-04).
   Markup: <p class="hero-eyebrow"> + <h1 class="hero-title"><span class="hero-line-main"> + <span class="hero-line-row">
   <span class="hero-line-gradient"> <span class="hero-line-accent"></span></span></h1>. Sits on photos/video: on-media text. */
.hero-eyebrow {
  display: inline-block;
  margin: 0 0 0.625rem;
  color: var(--on-media-accent);
  font-family: var(--font-body);
  font-size: .73rem;
  font-weight: 620;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.hero-title {
  width: fit-content;
  margin: 0 0 0.75rem;
  font-family: var(--font-display);
  color: var(--on-media);
  font-size: clamp(2rem, 4vw, 3.9rem);
  font-weight: 560;
  line-height: .92;
  letter-spacing: -.03em;
  text-wrap: balance;
}
.hero-line-main { display: block; color: var(--on-media); }
.hero-line-row { display: block; }   /* left-aligned lines (owner: no centred "V" shape) */
.hero-line-row span { display: block; }
.hero-line-gradient, .hero-line-accent {
  background: var(--gnosis-gradient-media);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}