/* Projeler: fotoğraflı kartlar ve galeri. Yalnız /projeler ve /projeler/{slug} sayfalarında yüklenir. */
.project-grid{align-items:stretch}
.project-card{display:flex;flex-direction:column;gap:10px}
.project-card h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.project-card .text-link{margin-top:auto}
.project-cover{margin:-1px -1px 4px;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;background:var(--line)}
.project-cover img{display:block;width:100%;height:100%;object-fit:cover}
.project-summary{display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.project-gallery{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:16px}
.project-gallery li{margin:0}
.project-gallery a{display:block;border-radius:var(--radius);overflow:hidden;background:var(--line)}
.project-gallery a:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.project-gallery img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.project-gallery li:first-child{grid-column:1/-1}
.project-gallery li:first-child img{aspect-ratio:16/9}
.project-back{margin-top:24px}
@media (max-width:720px){.project-gallery{gap:12px}.project-gallery li:first-child img{aspect-ratio:4/3}}
/* Panel: proje fotoğrafları düzenleyicisi (panel.html de bu dosyayı yükler) */
.project-photo-list{list-style:none;margin:12px 0;padding:0;display:grid;gap:12px}
.project-photo-list li{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start;padding:10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
.project-photo-list img{width:120px;height:90px;object-fit:cover;border-radius:4px;background:var(--line)}
.project-photo-list .actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
@media (max-width:520px){.project-photo-list li{grid-template-columns:1fr}.project-photo-list img{width:100%;height:auto;aspect-ratio:4/3}}
/* Paket 10: public project videos and the shared panel editor. */
.project-video-gallery{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:16px}
.project-video-gallery li{min-width:0;margin:0;padding:0;border-radius:var(--radius);background:var(--white)}
.project-video-gallery video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:var(--radius);background:#09131d}
.project-video-gallery video:focus-visible,.project-video-list video:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.project-video-gallery p{margin:8px 2px 0;overflow-wrap:anywhere}
.project-video-list video{display:block;width:120px;max-width:100%;height:90px;object-fit:contain;border-radius:4px;background:#09131d}
.we-media-card .we-checker video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#09131d}
@media (max-width:520px){.project-video-gallery{grid-template-columns:minmax(0,1fr);gap:12px}.project-video-list video{width:100%;height:auto;aspect-ratio:16/9}}