/* ============================================================
   VISI & MISI + BAGAN STRUKTUR ORGANISASI (di dalam "Tentang Kami")
   ============================================================ */
.vm{display:grid;grid-template-columns:1fr 1.35fr;gap:22px;margin-top:34px}
@media(max-width:860px){.vm{grid-template-columns:1fr}}
.vm-kartu{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px 26px 28px;position:relative;overflow:hidden}
.vm-kartu::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--cy),transparent)}
.vm-kartu h3{margin:0 0 6px;font:700 13px "Chakra Petch","Archivo",sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--cy)}
.vm-kartu .visi{font:700 clamp(19px,2vw,25px)/1.4 "Archivo",sans-serif;letter-spacing:-.01em;color:var(--ink);margin:10px 0 0}
.vm-kartu ol{margin:14px 0 0;padding:0;list-style:none;counter-reset:m}
.vm-kartu ol li{counter-increment:m;position:relative;padding:11px 0 11px 42px;border-top:1px solid var(--line);color:var(--muted);font-size:15.5px;line-height:1.62}
.vm-kartu ol li:first-child{border-top:0}
.vm-kartu ol li::before{content:counter(m,decimal-leading-zero);position:absolute;left:0;top:11px;
  font:700 12px "Chakra Petch","Archivo",sans-serif;letter-spacing:.06em;color:var(--cy);
  background:rgba(34,211,238,.10);border:1px solid rgba(34,211,238,.28);border-radius:6px;padding:3px 7px}

/* ---------------- bagan struktur ---------------- */
.org{margin-top:40px}
.org-baris{display:flex;justify-content:center;gap:clamp(12px,2.6vw,34px);flex-wrap:wrap;position:relative}
.org-garis{height:34px;position:relative}
.org-garis::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;
  background:linear-gradient(180deg,rgba(56,189,248,.55),rgba(56,189,248,.18))}
.org-garis.lebar::after{content:"";position:absolute;left:22%;right:22%;top:50%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(56,189,248,.45),transparent)}
.org-orang{width:clamp(132px,15vw,168px);text-align:center;background:var(--panel);
  border:1px solid var(--line);border-radius:14px;padding:16px 12px 14px;
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.org-orang:hover{border-color:rgba(34,211,238,.55);transform:translateY(-3px);
  box-shadow:0 18px 38px -20px rgba(34,211,238,.6)}
.org-orang img{width:clamp(64px,7vw,80px);height:clamp(64px,7vw,80px);object-fit:cover;object-position:50% 22%;
  border-radius:50%;border:2px solid rgba(56,189,248,.35);display:block;margin:0 auto 10px}
.org-orang b{display:block;font:700 13.5px/1.3 "Archivo",sans-serif;color:var(--ink)}
.org-orang span{display:block;margin-top:4px;font-size:11.5px;line-height:1.4;color:var(--muted)}
.org-orang em{display:inline-block;margin-top:8px;font-style:normal;font:700 9.5px "Chakra Petch","Archivo",sans-serif;
  letter-spacing:.16em;text-transform:uppercase;color:var(--cy);background:rgba(34,211,238,.10);
  border:1px solid rgba(34,211,238,.25);border-radius:999px;padding:3px 9px}
@media(max-width:640px){
  .org-baris{gap:10px}
  .org-orang{width:calc(50% - 6px);padding:13px 9px 12px}
  .org-garis{height:22px}
}

/* foto Khamila diambil dari potret di depan kantor — titik pandang disesuaikan
   supaya wajahnya yang masuk lingkaran, bukan bagian gedungnya */
.org-orang img[alt="Khamila"]{object-position:50% 52%}