/* ── mitra ────────────────────────────────────────────────── */
/* Strip kecil logo mitra yang berjalan pelan ke kiri. Daftar logo ditulis dua
   kali (salinan kedua aria-hidden) dan digeser setengah lebarnya, jadi
   putarannya tak terlihat sambungannya. Berhenti saat disorot; tanpa gerak
   bila pengguna memilih reduced motion. */
.sect.mitra{ padding-block:clamp(36px,4.5vw,64px); }
.mitra-h{ margin-bottom:clamp(18px,2vw,26px); font-family:"JetBrains Mono",monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--dim); text-align:center; }
.mitra-run{ overflow:hidden; mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.mitra-track{ display:flex; width:max-content; animation:mitra-run 38s linear infinite; }
.mitra-run:hover .mitra-track{ animation-play-state:paused; }
.mitra-list{ display:flex; gap:14px; padding-right:14px; }
.mitra-list li{ flex:none; height:76px; padding:10px 18px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:4px; }
.mitra-list a{ display:flex; align-items:center; gap:10px; height:100%; color:#3b1d0b; font-family:"JetBrains Mono",monospace; font-size:12px; font-weight:600; letter-spacing:.04em; text-decoration:none; white-space:nowrap; }
.mitra-list a:hover span,.mitra-list a:focus-visible span{ text-decoration:underline; }
.mitra-list img{ height:56px; width:auto; max-width:190px; object-fit:contain; }
@keyframes mitra-run{ to{ transform:translateX(-50%); } }
@media (max-width:620px){
  .mitra-list li{ height:60px; padding:8px 14px; }
  .mitra-list img{ height:44px; max-width:150px; }
}
@media (prefers-reduced-motion: reduce){
  .mitra-run{ mask-image:none; -webkit-mask-image:none; }
  .mitra-track{ animation:none; width:auto; justify-content:center; }
  .mitra-list{ flex-wrap:wrap; justify-content:center; padding-right:0; }
  .mitra-list[aria-hidden]{ display:none; }
}