/* Signature: großes Initial-Monogramm im Hero (zusätzlich, ohne Layout zu brechen). */
.hero {
  position: relative;
  overflow: hidden;
}
.hero::before {
  content: attr(data-initial);
  position: absolute;
  top: 50%;
  right: -2vw;
  transform: translateY(-50%);
  font-family: var(--font-display);
  font-style: italic;
  font-size: clamp(12rem, 30vw, 24rem);
  color: var(--accent);
  opacity: 0.07;
  line-height: 1;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
.hero > * { position: relative; z-index: 1; }