.mep-kuo{--p:#35104f;--p2:#6b2b87;--gold:#d8b44a;--gold2:#f7d968;--ink:#271638;--muted:#6d6376;--cream:#fffdf8;max-width:1100px;margin:0 auto;padding:0 10px 50px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fff 0,#fcf9ff 100%);box-sizing:border-box}
.mep-kuo *{box-sizing:border-box}.mep-kuo button,.mep-kuo input{font:inherit}
.mep-hero{background:linear-gradient(135deg,#291039,#582071);border:1px solid var(--gold);border-bottom:4px solid var(--gold);border-radius:0 0 22px 22px;padding:28px 20px 22px;text-align:center;box-shadow:0 8px 22px rgba(53,16,79,.12)}
.mep-eyebrow,.mep-label{color:#c99425;font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.mep-hero .mep-eyebrow{color:var(--gold2)}
.mep-hero h1{margin:8px 0;color:var(--gold2)!important;font:700 clamp(34px,5vw,52px)/1.1 Georgia,serif!important;text-shadow:0 2px 4px rgba(0,0,0,.25)}
.mep-divider{color:var(--gold2);margin-top:10px}.mep-divider:before,.mep-divider:after{content:"";display:inline-block;width:120px;max-width:20%;height:1px;background:var(--gold);vertical-align:middle;margin:0 10px}
.mep-leaders{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0 28px}.mep-leader{display:flex;gap:18px;align-items:center;background:var(--cream);border:1px solid var(--gold);border-radius:18px;padding:16px;cursor:pointer;box-shadow:0 7px 20px rgba(53,16,79,.08);transition:.18s}.mep-leader:hover,.mep-leader:focus{transform:translateY(-2px);box-shadow:0 12px 25px rgba(53,16,79,.13);outline:none}
.mep-leader-photo{width:125px;height:155px;flex:0 0 125px;border-radius:13px;overflow:hidden;background:#3d1558;border:2px solid var(--gold)}.mep-leader-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.mep-leader-info h2{margin:5px 0 7px;font:700 23px/1.15 Georgia,serif;color:var(--ink)}.mep-leader-info p{margin:0;color:#62586c;line-height:1.45}.mep-btn{display:inline-block;margin-top:12px;padding:8px 13px;border-radius:999px;background:var(--p);color:var(--gold2);font-weight:800;font-size:12px}.mep-btn b{font-size:16px;margin-left:5px}
.mep-org{background:#fffdf8;border:1px solid #dfc36a;border-radius:20px;padding:20px;margin-bottom:30px}.mep-org-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.mep-org-head h2,.mep-section-head h2{font:700 28px/1.2 Georgia,serif;margin:5px 0;color:var(--ink)}.mep-org-head p{margin:0;color:var(--muted)}.mep-org-toggle{background:var(--p);color:#fff;border:0;border-radius:10px;padding:12px 16px;font-weight:800;cursor:pointer}.mep-org-body{padding-top:22px}.mep-org-lead{text-align:center}.mep-org-person{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--gold);border-radius:14px;padding:8px 12px;text-align:left;cursor:pointer}.mep-org-person img{width:52px;height:64px;object-fit:cover;object-position:top;border-radius:8px}.mep-org-person small,.mep-org-card small{display:block;color:#8b6b1f;font-size:10px;font-weight:900}.mep-org-person strong{display:block}.mep-line{width:2px;height:22px;background:var(--gold);margin:auto}.mep-org-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.mep-org-card{background:#fff;border:1px solid #e4d7e9;border-radius:13px;padding:8px;cursor:pointer;text-align:left;min-width:0}.mep-org-card-media{display:block;width:100%;height:auto;overflow:visible;border-radius:9px;background:#42155f;margin-bottom:7px}.mep-org-card-media img{display:block!important;width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;object-fit:initial!important;object-position:initial!important;border-radius:9px!important;margin:0!important}.mep-org-card strong{display:block;font-size:12px;line-height:1.2}.mep-portfolio{padding-top:2px}.mep-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.mep-count{color:var(--muted);font-size:13px}.mep-controls{display:flex;gap:10px;align-items:center;margin-bottom:18px}.mep-search{flex:1;padding:12px 15px;border:1px solid #e3d8e8;border-radius:12px;background:#fff}.mep-filters{display:flex;gap:7px;flex-wrap:wrap}.mep-filters button{border:1px solid #e3d8e8;background:#fff;padding:10px 13px;border-radius:999px;cursor:pointer;font-size:12px}.mep-filters button.active{background:var(--p);border-color:var(--p);color:#fff}.mep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mep-card{background:#fffdf8;border:1px solid #eadff0;border-radius:15px;overflow:hidden;cursor:pointer;transition:.18s}.mep-card:hover,.mep-card:focus{transform:translateY(-3px);box-shadow:0 10px 22px rgba(53,16,79,.12);outline:none}.mep-card-photo{height:320px;background:linear-gradient(#42155f,#6c2d88);overflow:hidden}.mep-card-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.mep-card-info{text-align:center;padding:11px}.mep-card-info h3{font-size:14px;line-height:1.25;margin:0 0 5px}.mep-card-info>div{font-size:11px;color:var(--muted);min-height:30px}.mep-card-info span{display:inline-block;margin-top:7px;background:#f2e8f6;color:#603678;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:800}.mep-empty{text-align:center;padding:30px;color:var(--muted)}
.mep-modal{position:fixed;inset:0;background:rgba(25,8,36,.72);display:grid;place-items:center;padding:20px;z-index:999999}.mep-modal[hidden]{display:none}.mep-modal-box{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fffdf8;border:1px solid var(--gold);border-radius:20px;position:relative;display:grid;grid-template-columns:38% 62%;box-shadow:0 25px 70px rgba(0,0,0,.3)}.mep-modal-close{position:absolute;right:12px;top:12px;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:var(--p);font-size:24px;cursor:pointer;z-index:2}.mep-modal-photo{min-height:420px;background:#42155f}.mep-modal-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.mep-modal-info{padding:35px}.mep-modal-name{font:700 30px/1.15 Georgia,serif;margin:8px 0 18px}.mep-modal-scope{color:#61566b;line-height:1.55}.mep-modal-email{display:inline-block;margin-top:18px;background:var(--p);color:var(--gold2)!important;text-decoration:none;padding:11px 14px;border-radius:10px;font-weight:800}
@media(max-width:950px){.mep-grid{grid-template-columns:repeat(2,1fr)}.mep-org-grid{grid-template-columns:repeat(3,1fr)}.mep-org-card-media{height:auto}}
@media(max-width:700px){.mep-org-card-media{height:auto}.mep-card-photo{height:300px}.mep-leaders{grid-template-columns:1fr}.mep-controls{display:block}.mep-filters{margin-top:9px}.mep-grid{grid-template-columns:repeat(2,1fr)}.mep-org-grid{grid-template-columns:repeat(2,1fr)}.mep-org-head{align-items:flex-start;flex-direction:column}.mep-org-toggle{width:100%}.mep-modal-box{grid-template-columns:1fr}.mep-modal-photo{height:330px;min-height:0}.mep-leader-photo{width:105px;height:135px;flex-basis:105px}}
@media(max-width:480px){.mep-org-card-media{height:auto}.mep-card-photo{height:360px}.mep-grid{grid-template-columns:1fr}.mep-org-grid{grid-template-columns:1fr}.mep-hero h1{font-size:34px!important}.mep-leader{gap:12px}.mep-leader-photo{width:90px;height:120px;flex-basis:90px}.mep-leader-info h2{font-size:19px}}

/* V19 — fixed text slots for organization cards */
.mep-org-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  height:100%;
  box-sizing:border-box;
}
.mep-org-card-media{
  flex:0 0 auto;
}
.mep-org-card strong{
  display:flex;
  align-items:flex-start;
  min-height:29px;
  height:29px;
  line-height:1.2;
  overflow:hidden;
  margin:0 0 2px 0;
}
.mep-org-card small{
  display:flex;
  align-items:flex-start;
  min-height:36px;
  height:36px;
  line-height:1.2;
  overflow:hidden;
  margin:0;
}

/* V21 — KUO premium banner header */
.mep-hero{
  position:relative!important;
  width:100%!important;
  min-height:126px!important;
  box-sizing:border-box!important;
  margin:0 auto 24px!important;
  padding:20px 28px 18px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border:1.5px solid #d9ad32!important;
  border-bottom:4px solid #d9ad32!important;
  border-radius:12px!important;
  background:
    radial-gradient(circle at 10% 50%, rgba(255,210,80,.14), transparent 24%),
    radial-gradient(circle at 90% 50%, rgba(255,210,80,.12), transparent 24%),
    linear-gradient(115deg,#321047 0%,#4b146b 50%,#321047 100%)!important;
  box-shadow:0 6px 18px rgba(44,12,65,.16)!important;
}
.mep-hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  opacity:.22!important;
  background:
    linear-gradient(135deg,transparent 0 14%,rgba(255,215,90,.35) 14.2%,transparent 14.5% 85%,rgba(255,215,90,.35) 85.2%,transparent 85.5%);
}
.mep-hero h1{
  position:relative!important;
  z-index:1!important;
  margin:6px 0 8px!important;
  color:#f7d45d!important;
  font-size:42px!important;
  line-height:1.05!important;
  font-weight:700!important;
  letter-spacing:.2px!important;
  text-shadow:0 2px 1px rgba(35,8,50,.65)!important;
}
.mep-hero .mep-kicker,
.mep-hero p{
  position:relative!important;
  z-index:1!important;
}
.mep-hero .mep-kicker{
  color:#f5cf58!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  margin:0!important;
}
.mep-hero p{
  display:none!important;
}
.mep-hero:after{
  content:"◆"!important;
  position:absolute!important;
  z-index:1!important;
  bottom:7px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  color:#f5cf58!important;
  font-size:12px!important;
  line-height:1!important;
  text-shadow:-35px 0 0 #f5cf58,35px 0 0 #f5cf58!important;
}
@media(max-width:700px){
  .mep-hero{min-height:108px!important;padding:16px 18px 15px!important}
  .mep-hero h1{font-size:31px!important}
  .mep-hero .mep-kicker{font-size:9px!important;letter-spacing:1.4px!important}
}

/* V22 — EXACT KUO REFERENCE HEADER IMAGE */
.mep-hero{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0 auto 24px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  display:block!important;
  position:relative!important;
}
.mep-hero:before,
.mep-hero:after,
.mep-hero .mep-eyebrow,
.mep-hero h1,
.mep-hero .mep-divider,
.mep-hero .mep-kicker,
.mep-hero p{
  display:none!important;
}
.mep-hero-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
}

/* V23 — Unified KUO premium leaders + full-image organization/portfolio cards */
.mep-leaders{
  gap:20px!important;
  margin:22px 0 28px!important;
}
.mep-leader{
  position:relative!important;
  min-height:214px!important;
  padding:14px!important;
  gap:18px!important;
  align-items:stretch!important;
  background:linear-gradient(135deg,#fffdf8 0%,#f9f1ff 100%)!important;
  border:1px solid #d9ad32!important;
  border-radius:18px!important;
  box-shadow:0 8px 22px rgba(53,16,79,.08)!important;
}
.mep-leader:after{
  content:"";
  position:absolute;
  right:-1px;
  bottom:-1px;
  width:90px;
  height:90px;
  border-right:1px solid rgba(216,180,74,.35);
  border-bottom:1px solid rgba(216,180,74,.35);
  border-radius:0 0 18px 0;
  pointer-events:none;
}
.mep-leader-photo{
  width:145px!important;
  flex:0 0 145px!important;
  height:auto!important;
  min-height:182px!important;
  aspect-ratio:723 / 1024!important;
  border-radius:13px!important;
  overflow:hidden!important;
  background:#35104f!important;
  border:2px solid #d8b44a!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.mep-leader-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}
.mep-leader-info{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}
.mep-leader-info h2{
  margin:5px 0 7px!important;
  font-size:23px!important;
}
.mep-leader-info p{
  max-width:430px!important;
}
.mep-btn{
  align-self:flex-start!important;
  border:1px solid #d8b44a!important;
  box-shadow:0 2px 0 rgba(216,180,74,.2)!important;
}

/* Organization: every portrait gets the same physical box and is NEVER cropped. */
.mep-org-grid{
  align-items:stretch!important;
  gap:12px!important;
}
.mep-org-card{
  min-height:0!important;
  padding:8px!important;
  background:#fffdf8!important;
  border:1px solid #dfd0e8!important;
  border-radius:14px!important;
}
.mep-org-card-media{
  width:100%!important;
  aspect-ratio:723 / 1024!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#42155f!important;
  border-radius:9px!important;
  margin-bottom:8px!important;
}
.mep-org-card-media img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}
.mep-org-card strong{
  height:31px!important;
  min-height:31px!important;
  font-size:12px!important;
  line-height:1.25!important;
  overflow:hidden!important;
}
.mep-org-card small{
  height:30px!important;
  min-height:30px!important;
  font-size:10px!important;
  line-height:1.25!important;
  overflow:hidden!important;
}

/* Portfolio: preserve the original portrait composition instead of filling/cropping. */
.mep-grid{
  align-items:stretch!important;
}
.mep-card-photo{
  width:100%!important;
  height:auto!important;
  aspect-ratio:723 / 1024!important;
  min-height:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#42155f!important;
  overflow:hidden!important;
}
.mep-card-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
}
.mep-card-info{
  min-height:112px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.mep-card-info h3{
  min-height:35px!important;
  height:35px!important;
  overflow:hidden!important;
  margin-bottom:4px!important;
}
.mep-card-info>div{
  min-height:31px!important;
  height:31px!important;
  overflow:hidden!important;
}

/* Modal also preserves the complete portrait. */
.mep-modal-photo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#42155f!important;
  overflow:hidden!important;
}
.mep-modal-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

@media(max-width:950px){
  .mep-org-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:700px){
  .mep-leader{min-height:0!important}
  .mep-leader-photo{width:125px!important;flex-basis:125px!important;min-height:156px!important}
  .mep-org-grid{grid-template-columns:repeat(2,1fr)!important}
  .mep-card-photo{aspect-ratio:723 / 1024!important}
}
@media(max-width:480px){
  .mep-leader{gap:12px!important;padding:10px!important}
  .mep-leader-photo{width:100px!important;flex-basis:100px!important;min-height:125px!important}
  .mep-leader-info h2{font-size:18px!important}
  .mep-org-grid{grid-template-columns:1fr 1fr!important}
}

/* V24 — Match the actual 1446x2048 portrait source ratio.
   This removes the purple letterbox caused by forcing 4:5 boxes while preserving the entire image. */
.mep-leader-photo,
.mep-org-card-media,
.mep-card-photo{
  aspect-ratio:723 / 1024!important;
}
.mep-org-card-media img,
.mep-card-photo img,
.mep-leader-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* V25 — kembali kepada paparan asal yang kemas: gambar memenuhi lebar kad,
   kekalkan keseluruhan imej dan elakkan letterbox/ruang ungu tambahan. */
.mep-org-card-media,
.mep-card-photo{
  aspect-ratio:auto!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  overflow:visible!important;
  background:transparent!important;
}
.mep-org-card-media img,
.mep-card-photo img{
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:initial!important;
  object-position:initial!important;
  display:block!important;
  border-radius:9px!important;
}
/* Pastikan setiap kad bermula pada grid yang sama tanpa memaksa crop gambar. */
.mep-org-grid{align-items:start!important}
.mep-org-card{height:auto!important}

/* V26 — TEXT ALIGNED ONLY
   Gambar dikekalkan 100% seperti asal. Hanya ruang teks diseragamkan. */
.mep-org-card{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  height:100%!important;
}
.mep-org-card strong{
  display:flex!important;
  align-items:flex-start!important;
  min-height:29px!important;
  height:29px!important;
  line-height:1.2!important;
  overflow:hidden!important;
  margin:0 0 2px 0!important;
}
.mep-org-card small{
  display:flex!important;
  align-items:flex-start!important;
  min-height:36px!important;
  height:36px!important;
  line-height:1.2!important;
  overflow:hidden!important;
  margin:0!important;
}

/* Portfolio: 2 baris nama + 3 baris portfolio, tanpa menyentuh gambar. */
.mep-card-info{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-height:112px!important;
}
.mep-card-info h3{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-height:35px!important;
  height:35px!important;
  line-height:1.25!important;
  overflow:hidden!important;
  margin:0 0 5px!important;
}
.mep-card-info>div{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-height:42px!important;
  height:42px!important;
  line-height:1.25!important;
  overflow:hidden!important;
}
.mep-card-info span{margin-top:7px!important}

/* V27 — premium leadership profile */
.mep-lead-modal{
  position:fixed!important;inset:0!important;z-index:1000000!important;
  display:grid!important;place-items:center!important;padding:20px!important;
  background:rgba(25,7,38,.76)!important;backdrop-filter:blur(3px);
}
.mep-lead-modal[hidden]{display:none!important}
.mep-lead-dialog{
  width:min(780px,100%);max-height:90vh;overflow:auto;position:relative;
  display:grid;grid-template-columns:42% 58%;
  background:#fffdf8;border:1.5px solid #d8b44a;border-radius:20px;
  box-shadow:0 25px 70px rgba(20,5,30,.35);overflow:hidden;
}
.mep-lead-photo{background:#35104f;min-height:470px}
.mep-lead-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}
.mep-lead-content{
  padding:42px 36px;display:flex;flex-direction:column;justify-content:center;
  background:
    radial-gradient(circle at 100% 0,rgba(216,180,74,.13),transparent 30%),
    linear-gradient(145deg,#fffdf8,#f7eef9);
}
.mep-lead-label{color:#8b6a1d;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.mep-lead-name{font:700 32px/1.15 Georgia,serif;color:#35104f;margin:9px 0 14px}
.mep-lead-divider{height:2px;width:70px;background:#d8b44a;margin-bottom:20px}
.mep-lead-scope{color:#62576b;line-height:1.65;margin:0}
.mep-lead-email{
  display:inline-block;align-self:flex-start;margin-top:22px;padding:12px 16px;
  background:#35104f;color:#f7d968!important;text-decoration:none;border-radius:10px;font-weight:800
}
.mep-lead-close{
  position:absolute;right:13px;top:13px;width:40px;height:40px;border:1px solid #d8b44a;
  border-radius:50%;background:#fff;color:#35104f;font-size:24px;cursor:pointer;z-index:2
}
.mep-leaders .mep-leader{cursor:pointer}
@media(max-width:700px){
 .mep-lead-dialog{grid-template-columns:1fr}
 .mep-lead-photo{height:360px;min-height:0}
 .mep-lead-content{padding:27px}
 .mep-lead-name{font-size:27px}
}


/* V33 — KUO animated logo: subtle, premium, non-intrusive */
.mep-hero{position:relative!important;overflow:hidden!important;}
.mep-hero-logo{
  position:absolute!important;
  z-index:4!important;
  top:10px!important;
  right:18px!important;
  width:128px!important;
  height:auto!important;
  max-width:128px!important;
  display:block!important;
  opacity:.92!important;
  filter:drop-shadow(0 0 4px rgba(244,210,70,.22))!important;
  transform-origin:center!important;
  animation:mepKuoLogoFloat 4.8s ease-in-out infinite, mepKuoLogoGlow 3.6s ease-in-out infinite!important;
  pointer-events:none!important;
}
@keyframes mepKuoLogoFloat{
  0%,100%{transform:translateY(0) scale(1);}
  50%{transform:translateY(-3px) scale(1.015);}
}
@keyframes mepKuoLogoGlow{
  0%,100%{filter:drop-shadow(0 0 3px rgba(244,210,70,.18));opacity:.88;}
  50%{filter:drop-shadow(0 0 9px rgba(244,210,70,.42));opacity:1;}
}
@media (max-width:760px){
  .mep-hero-logo{width:92px!important;max-width:92px!important;top:8px!important;right:10px!important;}
}

/* V34 — Leadership cards use the same purple/gold visual language as the MEP banner */
.mep-leader{
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    linear-gradient(135deg,rgba(48,10,70,.94),rgba(74,19,91,.91)) center/cover no-repeat,
    url('assets/header-kuo-mep.png') center/cover no-repeat!important;
  border:1px solid #d8b44a!important;
  box-shadow:0 10px 24px rgba(53,16,79,.16)!important;
}
.mep-leader:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(38,7,56,.10) 0%,rgba(38,7,56,.34) 48%,rgba(38,7,56,.10) 100%),
    radial-gradient(circle at 92% 15%,rgba(255,215,90,.16),transparent 28%),
    linear-gradient(135deg,transparent 62%,rgba(216,180,74,.18) 63%,transparent 64%);
}
.mep-leader:after{
  width:160px!important;
  height:160px!important;
  right:-12px!important;
  bottom:-20px!important;
  border-right:1px solid rgba(216,180,74,.48)!important;
  border-bottom:1px solid rgba(216,180,74,.48)!important;
  border-radius:0 0 18px 0!important;
  z-index:0!important;
}
.mep-leader-photo{
  position:relative!important;
  z-index:2!important;
  background:#35104f!important;
  border-color:#d8b44a!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.06),0 8px 18px rgba(15,3,25,.28)!important;
}
.mep-leader-info{
  z-index:2!important;
}
.mep-leader-info .mep-label{
  color:#f1cf5c!important;
}
.mep-leader-info h2{
  color:#fff1ad!important;
  text-shadow:0 2px 10px rgba(0,0,0,.28)!important;
}
.mep-leader-info p{
  color:rgba(255,255,255,.90)!important;
}
.mep-leader .mep-btn{
  background:#35104f!important;
  color:#f4d25d!important;
  border:1px solid #d8b44a!important;
}


/* V37 — Foto Ketua & Timbalan betul-betul sama tinggi dengan foto Portfolio MEP */
@media (min-width:701px){
  .mep-leaders .mep-leader{align-items:stretch!important;min-height:352px!important;}
  .mep-leaders .mep-leader-photo{width:240px!important;height:320px!important;flex:0 0 240px!important;align-self:center!important;}
  .mep-leaders .mep-leader-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;}
  .mep-leaders .mep-leader-info{align-self:center!important;}
}
@media (max-width:700px){
  .mep-leaders .mep-leader-photo{width:180px!important;height:240px!important;flex:0 0 180px!important;}
}
@media (max-width:480px){
  .mep-leaders .mep-leader-photo{width:135px!important;height:180px!important;flex-basis:135px!important;}
}


/* V38 — Organization chart leadership images match portfolio card image size */
.mep-org-lead{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
.mep-org-person{
  width:178px!important;
  min-width:178px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
  padding:8px!important;
  text-align:left!important;
}
.mep-org-person img{
  display:block!important;
  width:160px!important;
  height:200px!important;
  max-width:160px!important;
  max-height:200px!important;
  object-fit:cover!important;
  object-position:center top!important;
  border-radius:9px!important;
  margin:0 auto!important;
}
.mep-org-person span{
  display:block!important;
  padding:2px 2px 4px!important;
}
.mep-org-person small{
  min-height:24px!important;
  line-height:1.2!important;
}
.mep-org-person strong{
  line-height:1.2!important;
}
.mep-org-card-media{
  height:200px!important;
  overflow:hidden!important;
}
.mep-org-card-media img{
  width:100%!important;
  height:200px!important;
  max-height:200px!important;
  object-fit:cover!important;
  object-position:center top!important;
}
@media(max-width:700px){
  .mep-org-person{width:178px!important;min-width:178px!important}
  .mep-org-person img{width:160px!important;height:200px!important}
}
@media(max-width:480px){
  .mep-org-person{width:170px!important;min-width:170px!important}
  .mep-org-person img{width:152px!important;height:190px!important}
  .mep-org-card-media,.mep-org-card-media img{height:190px!important;max-height:190px!important}
}