/* ==========================================================================
   CHRISTINE PRODUCTIES — AFBEELDINGSVANGNET
   Geldt op alle schermbreedtes. Twee dingen:
   1. een rustig atelierkader in plaats van het kapotte-plaatje-icoon van de
      browser wanneer een foto ontbreekt;
   2. een paar regels zodat elk formaat en elke verhouding netjes valt.
   ========================================================================== */

/* --- Elk formaat past ----------------------------------------------------
   Deze stonden er al voor de bestaande kaders, maar niet als algemene regel.
   Nu geldt hij voor alles wat in een fotokader komt: een liggende foto wordt
   net zo goed bijgesneden als een staande, zonder uitrekken. */
.plate-stage img,
.about-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  background:#211c21;
}
.about-img img{ height:auto; aspect-ratio:4/5 }

/* --- Kader als er niets is ----------------------------------------------- */
.cp-noimg{
  position:relative;
  background:
    repeating-linear-gradient(
      135deg,
      color-mix(in oklab,var(--ink) 82%,transparent) 0 10px,
      color-mix(in oklab,var(--ink) 88%,transparent) 10px 20px
    );
}
.cp-noimg::after{
  content:"BEELD VOLGT";
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  font:800 10px/1 "Manrope",sans-serif;
  letter-spacing:.24em;
  color:color-mix(in oklab,var(--red-soft) 60%,transparent);
  text-align:center;
  padding:1rem;
}
.cp-noimg.about-img::after{ content:"PORTRET VOLGT" }