/* An open, quiet logo wall; source order remains the alphabetical reading order. */
.clients{background:#f1f3f2;color:var(--ink)}
.clients-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.58fr);align-items:start;gap:72px;margin-bottom:64px}
.clients-heading h2{max-width:650px;margin:0;font-size:clamp(40px,4.4vw,68px);line-height:1.08;letter-spacing:-.045em;font-weight:var(--heading-weight);text-wrap:balance}
.clients-copy{max-width:340px;padding-top:10px}
.clients-copy .eyebrow{margin:0 0 17px}
.clients-copy>p:last-child{margin:0;font-size:16px;line-height:1.75;color:var(--soft)}
.client-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:clamp(20px,3vw,48px);row-gap:32px;list-style:none;margin:0;padding:0}
.client-logo{--logo-width:128px;display:grid;place-items:center;min-width:0;height:96px;margin:0;padding:0}
.client-logo[hidden]{display:none}
.client-logo img{display:block;width:min(100%,var(--logo-width));height:60px;object-fit:contain;filter:grayscale(1);opacity:.55}
/* Optical widths balance each mark's shape and density; object-fit preserves the artwork. */
.client-logo[data-client-id="CL-001"]{--logo-width:54px} /* Adabi */
.client-logo[data-client-id="CL-034"]{--logo-width:104px} /* CGC */
.client-logo[data-client-id="CL-003"]{--logo-width:86px} /* CO-RO */
.client-logo[data-client-id="CL-037"]{--logo-width:130px} /* Credence */
.client-logo[data-client-id="CL-045"]{--logo-width:112px} /* Cyberview */
.client-logo[data-client-id="CL-036"]{--logo-width:86px} /* Gentari */
.client-logo[data-client-id="CL-005"]{--logo-width:58px} /* Glomac */
.client-logo[data-client-id="CL-007"]{--logo-width:118px} /* Holiday Villa */
.client-logo[data-client-id="CL-044"]{--logo-width:74px} /* ICP */
.client-logo[data-client-id="CL-008"]{--logo-width:114px} /* Jakel */
.client-logo[data-client-id="CL-043"]{--logo-width:128px} /* Jovian */
.client-logo[data-client-id="CL-030"]{--logo-width:70px} /* Kementerian Komunikasi dan Digital */
.client-logo[data-client-id="CL-028"]{--logo-width:58px} /* Khazanah Nasional */
.client-logo[data-client-id="CL-010"]{--logo-width:116px} /* KotaSAS */
.client-logo[data-client-id="CL-011"]{--logo-width:64px} /* Land & General */
.client-logo[data-client-id="CL-027"]{--logo-width:124px} /* Lembaga Zakat Selangor */
.client-logo[data-client-id="CL-029"]{--logo-width:116px} /* Majlis Ugama Islam dan Adat Resam Melayu Pahang */
.client-logo[data-client-id="CL-013"]{--logo-width:124px} /* Malay Mail */
.client-logo[data-client-id="CL-014"]{--logo-width:106px} /* Media Prima */
.client-logo[data-client-id="CL-046"]{--logo-width:134px} /* MyDIGITAL */
.client-logo[data-client-id="CL-015"]{--logo-width:112px} /* Naelofar */
.client-logo[data-client-id="CL-048"]{--logo-width:108px} /* Najjah */
.client-logo[data-client-id="CL-050"]{--logo-width:120px} /* Pelaburan Hartanah Berhad */
.client-logo[data-client-id="CL-026"]{--logo-width:116px} /* PETRONAS */
.client-logo[data-client-id="CL-016"]{--logo-width:120px} /* Powercat */
.client-logo[data-client-id="CL-039"]{--logo-width:138px} /* Primeworks Studios */
.client-logo[data-client-id="CL-040"]{--logo-width:128px} /* Public Bank */
.client-logo[data-client-id="CL-017"]{--logo-width:128px} /* Samsung */
.client-logo[data-client-id="CL-018"]{--logo-width:126px} /* Sarawak Tourism Board */
.client-logo[data-client-id="CL-019"]{--logo-width:106px} /* Sunquick */
.client-logo[data-client-id="CL-031"]{--logo-width:104px} /* TM */
.client-logo[data-client-id="CL-032"]{--logo-width:80px} /* TM One */
.client-logo[data-client-id="CL-022"]{--logo-width:116px} /* Tourism Malaysia */
.client-logo[data-client-id="CL-021"]{--logo-width:108px} /* TV3 */
.client-logo[data-client-id="CL-023"]{--logo-width:134px} /* UNHCR Malaysia */
.client-logo[data-client-id="CL-049"]{--logo-width:132px} /* UNICEF */
.client-logo[data-client-id="CL-042"]{--logo-width:112px} /* Warner Music Malaysia */
.client-logo[data-client-id="CL-047"]{--logo-width:126px} /* XES */
.client-logo[data-client-id="CL-041"]{--logo-width:50px} /* Xiaomi */
.client-logo[data-client-id="CL-024"]{--logo-width:114px} /* Yayasan Hasanah */
.client-logo[data-client-id="CL-035"]{--logo-width:58px} /* Yayasan Sime Darby */
.clients-toggle.flux-button{display:flex;width:max-content;max-width:100%;margin:42px auto 0;scroll-margin-block:120px 32px;touch-action:manipulation}
.clients-toggle[hidden]{display:none}
@media(max-width:1024px){
  .clients-heading{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:40px;margin-bottom:52px}
  .client-grid{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;row-gap:28px}
  .client-logo{height:92px}
}
@media(max-width:640px){
  .clients-heading{grid-template-columns:1fr;gap:27px;margin-bottom:38px}
  .clients-heading h2{font-size:39px;max-width:330px}
  .clients-copy{max-width:310px;padding-top:0}
  .clients-copy .eyebrow{margin-bottom:13px}
  .clients-copy>p:last-child{font-size:15px;line-height:1.8}
  .client-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:24px}
  .client-logo{height:84px}
  .client-logo img{height:56px}
  .clients-toggle.flux-button{margin-top:32px}
}
@media(forced-colors:active){.client-logo img{filter:none;opacity:1}}