/* amber-eyebrow.css — der „Eyebrow"/Kicker ueber Ueberschriften.
   Mono, amberfarben, Grossbuchstaben, mit kurzem amber Strich davor.
   EINE Variante ueber alle Seiten (vorher: Startseite ohne Strich `.eyebrow`,
   Bio/Module mit Strich `.role` — jetzt vereinheitlicht auf `.role`).
   Auf zentrierten Seiten (Hero) zentriert sich der Block automatisch mit,
   auf linksbuendigen Content-Seiten steht er links. */
.role{
  font-family:var(--mono);
  font-size:12px;
  font-weight:500;
  color:var(--am2);
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:22px;
  display:flex;
  align-items:center;
  gap:12px;
}
.role::before{
  content:'';
  width:24px;
  height:1px;
  background:var(--am);
}