/* ============================================================
   Home (T4) — seitenspezifisch.
   Das komplette Layout kommt aus main.css (1:1-Preview-Port);
   hier steht nur, was die echten <img> in den Blueprint-Rahmen
   brauchen. KEINE Versteck-Zustände in CSS — Start-Opacity und
   Transforms setzt ausschließlich assets/js/home.js (No-JS-Regel).
   ============================================================ */

/* Bild füllt den Rahmen: das Seitenverhältnis steuert figure.ph
   (aspect-ratio in main.css, inkl. Mobile-Umschaltung), das Bild
   legt sich per object-fit darüber. Die ::before/::after-Eckwinkel
   von .ph (z-index 2) bleiben über dem Bild sichtbar. */
.ph > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}