/* ============================================================
   Autorenseiten: Motion-Feinschliff + Abschluss-Kapitel.
   Ergänzt site.css (author-* Komponenten) und magnet-shared.css
   (.m-dark); Motion über magnet-shared.js (data-m*).
   ============================================================ */

/* Bild-Entfaltung (data-munfold) darf nicht über den Rahmen skalieren. */
.author-story__media,
.author-break .site-shell,
.author-quote figure {
  overflow: hidden;
}

/* ---------- Hero: primäre Handlung direkt oben ---------- */

.author-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  margin-top: 26px;
}

/* ---------- Abschluss: dunkles Kapitel mit beiden Handlungen ---------- */

.author-cta {
  padding: clamp(76px, 9.5vw, 140px) 0;
}

.author-cta__grid {
  display: grid;
  grid-template-columns: 0.82fr 0.45fr;
  gap: clamp(28px, 5vw, 88px);
  align-items: end;
}

.author-cta h2 {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(2.35rem, 4.2vw, 4.4rem);
  line-height: 1.0;
  letter-spacing: -0.012em;
  color: var(--bone);
  margin-top: 14px;
}

.author-cta p {
  margin-top: 20px;
  max-width: 52ch;
  color: rgba(244, 240, 232, 0.7);
}

.author-cta__actions {
  display: grid;
  gap: 20px;
  justify-items: start;
  align-content: end;
}

@media (max-width: 980px) {
  .author-cta__grid {
    grid-template-columns: 1fr;
    align-items: start;
  }
}