/* [ttw-mezun-v2] Anasayfa mezun vitrini — sablon: templates/frontend/alumni_div_v2.html */
.mezunlarimiz-section { background: #eef2fa; padding: 52px 0 60px; }

.ttwmz-baslik {
  display: flex; align-items: baseline; gap: 16px;
  max-width: 1140px; margin: 0 auto 36px; padding: 0 15px;
}
.ttwmz-baslik .ttwmz-kod {
  font-family: ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Menlo, monospace;
  font-size: 12px; letter-spacing: .14em; color: #E8402A;
  text-transform: uppercase; white-space: nowrap;
}
.ttwmz-baslik h4 {
  margin: 0; font-size: clamp(26px, 3.2vw, 38px);
  letter-spacing: -0.025em; font-weight: 800; color: #0A102E;
}
.ttwmz-baslik::after { content: ""; flex: 1; height: 1px; background: #d7deee; align-self: center; }

.ttwmz-galeri {
  display: grid; grid-template-columns: 1.6fr 1fr; gap: 20px;
  max-width: 1140px; margin: 0 auto; padding: 0 15px; align-items: stretch;
}
.ttwmz-sol { display: grid; gap: 14px; }
.ttwmz-kucukler { display: grid; gap: 14px; grid-template-rows: repeat(3, 1fr); height: 100%; }
.ttwmz-mini-serit { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }

.ttwmz-kart {
  position: relative; display: block; overflow: hidden;
  border-radius: 14px; background: #0d1b4c; border: 1px solid #e3e8f4;
  text-decoration: none; transition: transform .18s ease, box-shadow .18s ease;
}
.ttwmz-kart:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(10,16,46,.18); }
.ttwmz-buyuk { aspect-ratio: 16 / 9; }
.ttwmz-kucuk { min-height: 120px; }

.ttwmz-mini {
  display: block; text-decoration: none;
  transition: transform .18s ease;
}
.ttwmz-mini:hover { transform: translateY(-3px); }
.ttwmz-mini-kapak {
  position: relative; display: block; aspect-ratio: 16 / 9;
  border-radius: 10px; overflow: hidden;
  background: #0d1b4c; border: 1px solid #e3e8f4;
  transition: box-shadow .18s ease;
}
.ttwmz-mini:hover .ttwmz-mini-kapak { box-shadow: 0 10px 26px rgba(10,16,46,.16); }
.ttwmz-mini-yazi {
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  margin-top: 7px; font-size: 12px; font-weight: 600; line-height: 1.35; color: #1d2433;
}

.ttwmz-foto {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: left center;
}
/* mini kapaklar YouTube kapagiyla ayni oranda: kirpma yok, kapak tam ve net gorunur */
.ttwmz-mini-kapak .ttwmz-foto { object-fit: cover; object-position: center; }
.ttwmz-etiket {
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  padding: 12px 16px; color: #fff;
  background: linear-gradient(transparent, rgba(6,10,32,.85));
}
.ttwmz-etiket b { display: block; font-size: 16px; letter-spacing: -0.01em; }
.ttwmz-etiket small { opacity: .85; font-size: 12px; }
.ttwmz-kucuk .ttwmz-etiket { padding: 10px 14px; }
.ttwmz-kucuk .ttwmz-etiket b { font-size: 13px; }

@media (max-width: 900px) {
  .ttwmz-galeri { grid-template-columns: 1fr; }
  .ttwmz-mini-serit { grid-template-columns: repeat(2, 1fr); }
  .ttwmz-kucukler { height: auto; grid-template-rows: none; }
  .ttwmz-kucuk { aspect-ratio: 16 / 7; min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .ttwmz-kart, .ttwmz-mini, .ttwmz-mini-kapak { transition: none; }
}