/* =============================================================================
   Zitat auf Foto — Foto kommt als --quote-image aus dem Markup.
   ========================================================================== */

@scope (.quote-photo) {
  :scope {
    background-image: linear-gradient(rgb(0 0 0 / 55%), rgb(0 0 0 / 55%)), var(--quote-image, none);
    background-position:
      0 0,
      50%;
    background-size: auto, cover;
  }

  .quote_author-name {
    margin-top: var(--padding-inline);
    color: var(--color-ivory-light);
    font-size: var(--p-size);
    font-weight: 400;
  }
}