/* ─────── MEDIA TRIO (global bileşen) ───────
   Üç kolonlu açık vitrin: .sec-h3 başlık + .sec-p metin, istenirse üstte kare görsel; kart/overlay yok.
   .trio-panel: blok partial'ı için section-level clip'li panel (fa-trio desiyle birebir eşleşir).
   .ik-trio: insan-kaynaklari sayfasına özgü nested div panel sarmalayıcı. */

/* Section'ın kendisi panel — global 120px section padding içeride çalışır (fa-trio static desiyle aynı) */
section.trio-panel{
  background:var(--paper);
  clip-path:inset(0 16px round 20px);
}

/* İnsan Kaynakları: section içinde nested div panel (section padding dışarıda, div padding içeride) */
.ik-trio{
  position:relative;
  isolation:isolate;
  clip-path:inset(0 16px round 20px);
  padding:80px 0;
}
.ik-trio::before{
  content:'';
  position:absolute;
  top:0;bottom:0;
  left:16px;right:16px;
  background:var(--paper);
  border-radius:20px;
  z-index:-1;
}
.media-trio{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:88px 22px; /* satır arası process paneliyle aynı ritim */
}
.media-trio-media{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  aspect-ratio:1/1;
}
.media-trio-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform 1.2s cubic-bezier(.2,.65,.3,1);
}
.media-trio-item:hover .media-trio-media img{transform:scale(1.04)}
.media-trio-media+.sec-h3{margin-top:24px} /* yalnızca görselli kullanımda başlık görselden boşluk alır */
.media-trio-item .sec-p{margin-top:12px}