/* ── k3 ───────────────────────────────────────────────────── */
.k3{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0; border:1px solid var(--line); }
.k3-media{ position:relative; min-height:340px; overflow:hidden; }
/* Framing dan gradasi warna sudah dipanggang ke dalam berkasnya oleh
   assets/source/grade-k3-photo.py: potongan persegi pada barisan kru, terpal
   biru diredam menjadi batu tulis gelap, dan APD dibiarkan sebagai satu-satunya
   warna jenuh di dalam bingkai. Jadi tidak ada lagi zoom transform di sini --
   yang tersisa hanya cover. Kru berdiri di bawah garis tengah, jadi pada slot
   lebar-pendek (HP) potongan ditarik ke bawah agar kepala kru tetap terlihat. */
.k3-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 72%; }
/* Scrim kanan menyatukan foto dengan panel teks di sebelahnya. Dimulai lebih
   jauh dan lebih tipis daripada sebelumnya: pada potongan baru, ujung kanan
   bingkai masih berisi kru berrompi hi-vis, bukan lagi terpal kosong. */
.k3-media .ov{ position:absolute; inset:0; background:linear-gradient(to right, rgba(35,43,51,0) 68%, rgba(35,43,51,.38)); }
.k3-media figcaption{
  position:absolute; left:0; right:0; bottom:0; background:rgba(35,43,51,.86);
  border-top:1px solid var(--line); padding:11px 15px;
  font-family:"JetBrains Mono",monospace; font-size:10.5px; letter-spacing:.06em; color:var(--txt-2); line-height:1.6;
}
.k3-body{ background:var(--surface); padding:clamp(24px,3vw,44px); display:flex; flex-direction:column; gap:18px; }
.k3-body h2{ font-size:clamp(24px,3vw,38px); font-variation-settings:"wdth" 110,"wght" 800; }
.k3-body > p{ color:var(--txt-2); font-size:15.5px; line-height:1.65; }
.k3-list{ display:flex; flex-direction:column; gap:1px; background:var(--line); border:1px solid var(--line); margin-top:2px; }
.k3-list li{ background:var(--surface-2); padding:16px 18px; display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; }
.k3-list .i{ font-family:"JetBrains Mono",monospace; font-size:11px; color:var(--orange); padding-top:3px; }
.k3-list b{ font-size:14.5px; display:block; }
.k3-list p{ font-size:13.5px; color:var(--dim); margin-top:3px; line-height:1.55; }
@media (max-width:900px){ .k3{ grid-template-columns:1fr; } .k3-media{ min-height:280px; } }