/* Projektseite: Medienraster */
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;grid-auto-flow:dense}
.mi{margin:0;background:var(--surface);border:var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .35s,border-color .35s}
.mi:hover{transform:translateY(-5px);border-color:rgba(110,139,245,.35)}
.mi-media{position:relative;background:#000}
.mi-quer{grid-column:span 2}
.mi-quer .mi-media{aspect-ratio:16/9}
.mi-hoch .mi-media{aspect-ratio:9/16}
.mi-bild .mi-media{aspect-ratio:4/5}
.mi-media img,.mi-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mi-cap{padding:15px 18px;color:var(--text-2);font-size:.92rem;border-top:1px solid rgba(255,255,255,.05)}
@media (max-width:900px){.media-grid{grid-template-columns:1fr 1fr}.mi-quer{grid-column:span 2}}
@media (max-width:600px){.media-grid{grid-template-columns:1fr}.mi-quer{grid-column:span 1}}

/* Video-Ruhezustand: Vollblur + Titel + Play */
.mi-media video{transition:filter .55s ease,transform .55s ease}
.mi-media.idle video{filter:blur(16px) saturate(1.15) brightness(.85);transform:scale(1.1)}
.mi-ov{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:linear-gradient(180deg,rgba(5,6,10,.2),rgba(5,6,10,.55));border:0;cursor:pointer;padding:20px;transition:opacity .4s}
.mi-ov.gone{opacity:0;pointer-events:none}
.mi-play{width:64px;height:64px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.2,.8,.3,1.4);box-shadow:0 12px 40px -8px rgba(110,139,245,.6)}
.mi-play::after{content:"";border-left:18px solid #04050a;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:5px}
.mi-ov:hover .mi-play{transform:scale(1.12)}
.mi-ovt{font-family:'Space Grotesk',sans-serif;font-weight:600;color:#fff;font-size:1.02rem;line-height:1.35;text-shadow:0 2px 14px rgba(0,0,0,.65);text-align:center;max-width:90%}