/* ============================================================
   SIGNATUR-EFFEKT (Karsten-Spec 2026-07-10, BUILD-PFLICHT):
   ① Kachel klappt LANGSAM als PARALLELOGRAMM über die anderen (.5s)
   ② Diagonale löst sich → Seite GANZFLÄCHIG (.35s, delay .5s)
   ③ Header + Inhalt blenden ein (delay .85s)
   ⚠️ PRODUKTION: transform-/GPU-basiert umsetzen (dieses CSS animiert
   Layout = ruckelt bei großen Bildern — nur Mockup-Näherung!)
   ============================================================ */
.tile{transition:flex-grow .5s var(--ease),margin-left .5s var(--ease),clip-path .35s var(--ease) .5s,opacity .3s var(--ease) .3s}
.fw{transition:inset .35s var(--ease) .5s,clip-path .35s var(--ease) .5s}
.fw .photo{transition:filter .5s,transform .6s var(--ease)}
.tile:hover .fw .photo{transform:scale(1.04);filter:brightness(.6)}
.tile.active .fw .photo{filter:brightness(.3) contrast(1.05)}
.shead{transition:opacity .4s} .tile.active .shead{transition-delay:.85s}
.content{transition:opacity .45s .85s}
.top{transition:opacity .4s,max-height .5s var(--ease)}
.menu{transition:opacity .3s}
@media (prefers-reduced-motion:reduce){.tile,.fw,.fw .photo,.top,.content,.shead{transition:none!important}}