/* Shared homepage reference wall. Explicit image slots prevent intrinsic logo sizes from stretching cards. */
#confiance .client-logo-grid,
.training-page .tr-references .client-logo-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(10px,1vw,16px);margin-top:30px;align-items:stretch}
#confiance .client-logo-grid .ltile,
.training-page .tr-references .client-logo-grid .ltile{display:flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:0;height:clamp(70px,6.5vw,96px);aspect-ratio:auto;padding:10px 12px;border:1px solid #ebe9f5;border-radius:10px;background:#fff;box-shadow:0 6px 18px #1b1b350d;overflow:hidden}
#confiance .client-logo-grid .ltile img,
.training-page .tr-references .client-logo-grid .ltile img{display:block;box-sizing:border-box;width:82%;height:100%;max-width:100%;max-height:58px;object-fit:contain}
#confiance .client-logo-grid .ltile img[src^="assets/references/"],
.training-page .tr-references .client-logo-grid .ltile img[src^="assets/references/"]{width:94%}
#confiance .client-logo-grid .ltile.ltile--boa img,
.training-page .tr-references .client-logo-grid .ltile.ltile--boa img{width:100%}
#confiance .client-logo-grid .ltile img[alt="General Electric"],
.training-page .tr-references .client-logo-grid .ltile img[alt="General Electric"]{width:52%}
#confiance .client-logo-grid .ltile img[alt="CMI"],
.training-page .tr-references .client-logo-grid .ltile img[alt="CMI"]{width:62%}
@media(max-width:1200px){#confiance .client-logo-grid,.training-page .tr-references .client-logo-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:900px){#confiance .client-logo-grid,.training-page .tr-references .client-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){#confiance .client-logo-grid,.training-page .tr-references .client-logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#confiance .client-logo-grid .ltile,.training-page .tr-references .client-logo-grid .ltile{height:64px;padding:8px;border-radius:8px}#confiance .client-logo-grid .ltile img,.training-page .tr-references .client-logo-grid .ltile img{max-height:44px}}
/* 90% compact variant shared across homepage and training pages. */
#confiance .client-logo-grid,.training-page .tr-references .client-logo-grid{width:90%;margin-left:auto;margin-right:auto;gap:clamp(9px,.9vw,14.4px)}
#confiance .client-logo-grid .ltile,.training-page .tr-references .client-logo-grid .ltile{height:clamp(63px,5.85vw,86.4px);padding:9px 10.8px}
#confiance .client-logo-grid .ltile img,.training-page .tr-references .client-logo-grid .ltile img{max-height:52.2px}
@media(max-width:560px){#confiance .client-logo-grid,.training-page .tr-references .client-logo-grid{gap:7.2px}#confiance .client-logo-grid .ltile,.training-page .tr-references .client-logo-grid .ltile{height:57.6px;padding:7.2px}#confiance .client-logo-grid .ltile img,.training-page .tr-references .client-logo-grid .ltile img{max-height:39.6px}}
/* Further optical reduction while preserving the approved order and grid. */
#confiance .client-logo-grid,.training-page .tr-references .client-logo-grid{width:85%}
#confiance .client-logo-grid .ltile img,.training-page .tr-references .client-logo-grid .ltile img{transform:scale(.9)}
@media(max-width:560px){#confiance .client-logo-grid,.training-page .tr-references .client-logo-grid{width:90%}}

/* Center the supplied square Alliances asset, keeping its original pixels and trimming white space in the display slot. */
#confiance .client-logo-grid .ltile img[alt="Alliances"],
.training-page .tr-references .client-logo-grid .ltile img[alt="Alliances"]{width:100%;max-width:100%;object-fit:cover;object-position:center;transform:none}

/* Compact institutional references: one recognisable mark or a readable name. */
.client-logo-grid .ltile.ltile--cfc img{width:100%!important;transform:none!important}
.client-logo-grid .reference-wordmark-window{display:block;position:relative;width:90%;aspect-ratio:158/40;overflow:hidden}
.client-logo-grid .ltile.ltile--onhym .reference-wordmark-window img{position:absolute;left:-52%;top:0;width:204%!important;max-width:none!important;height:auto!important;max-height:none!important;transform:none!important}
#confiance .client-logo-grid .ltile.ltile--presidential,
.training-page .tr-references .client-logo-grid .ltile.ltile--presidential{padding:4px}
.client-logo-grid .ltile.ltile--presidential img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:scale(1.22)!important}
.client-logo-grid .reference-institution-label{font-size:clamp(8px,.8vw,11px);font-weight:600;line-height:1.1;color:#735526;white-space:nowrap}
.client-logo-grid .reference-institution-name{display:flex;flex-direction:column;align-items:center;gap:3px;color:#8a1538;text-align:center;line-height:1.1}
.client-logo-grid .reference-institution-name strong{font-size:clamp(16px,1.5vw,22px);font-weight:600;letter-spacing:.025em}
.client-logo-grid .reference-institution-name>span{font-size:clamp(9px,.75vw,11px);font-weight:500}

/* EBRD: use the full image slot without the shared optical reduction. */
#confiance .client-logo-grid .ltile img[alt="European Bank for Reconstruction and Development"],
.training-page .tr-references .client-logo-grid .ltile img[alt="European Bank for Reconstruction and Development"]{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform:none}

/* Additional references: use the complete slot for clear, consistent marks. */
#confiance .client-logo-grid .ltile.ltile--new-reference img,
.training-page .tr-references .client-logo-grid .ltile.ltile--new-reference img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform:none}
#confiance .client-logo-grid .ltile.ltile--pharma5 img,
.training-page .tr-references .client-logo-grid .ltile.ltile--pharma5 img{object-fit:cover;object-position:center}
#confiance .client-logo-grid .ltile.ltile--marjane img,
.training-page .tr-references .client-logo-grid .ltile.ltile--marjane img{max-height:52px}

/* MCIT: a small emblem beside the quieter acronym. The source artwork is unchanged. */
.client-logo-grid .ltile.ltile--mcit{gap:8px}
.client-logo-grid .ltile--mcit .reference-emblem{position:relative;display:block;flex:0 0 26px;width:26px;height:26px;overflow:hidden}
.client-logo-grid .ltile--mcit .reference-emblem img{position:absolute;display:block;left:50%;top:0;width:120px!important;height:auto!important;max-width:none!important;max-height:none!important;transform:translateX(-50%)!important;object-fit:contain!important}
@media(max-width:560px){.client-logo-grid .ltile.ltile--mcit{gap:5px}.client-logo-grid .ltile--mcit .reference-emblem{flex-basis:23px;width:23px;height:23px}.client-logo-grid .ltile--mcit .reference-emblem img{width:106px!important}}

/* Tanger Med: complete official artwork, fitted inside the card. */
#confiance .client-logo-grid .ltile img[alt="Tanger Med Port Authority"],
.training-page .tr-references .client-logo-grid .ltile img[alt="Tanger Med Port Authority"]{width:100%;max-width:100%;object-fit:contain;transform:none}

/* Saham: use the full slot while preserving the complete logo. */
#confiance .client-logo-grid .ltile img[alt="Saham Group"],
.training-page .tr-references .client-logo-grid .ltile img[alt="Saham Group"]{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform:none}

/* MOCA: complete official mark, without an additional caption. */
#confiance .client-logo-grid .ltile.ltile--moca,
.training-page .tr-references .client-logo-grid .ltile.ltile--moca{padding:6px;gap:0}
#confiance .client-logo-grid .ltile.ltile--moca img,
.training-page .tr-references .client-logo-grid .ltile.ltile--moca img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform:none}

/* Oman: more vertical room for the complete bilingual institutional mark. */
#confiance .client-logo-grid .ltile.ltile--oman,
.training-page .tr-references .client-logo-grid .ltile.ltile--oman{padding:4px}
#confiance .client-logo-grid .ltile.ltile--oman img,
.training-page .tr-references .client-logo-grid .ltile.ltile--oman img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform:none}

/* MCIT: compact institutional lettering, with matching weight on both lines. */
.client-logo-grid .ltile--mcit .reference-institution-name{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;gap:0;line-height:1}
.client-logo-grid .ltile--mcit .reference-institution-name strong{font-family:inherit;font-weight:700;letter-spacing:0;line-height:1}
.client-logo-grid .ltile--mcit .reference-institution-name>span{font-family:inherit;font-weight:700;letter-spacing:0;line-height:1;margin-top:1px}

/* Saudi Ministry of Culture: enlarge the original mark inside its generous source margins. */
#confiance .client-logo-grid .ltile.ltile--saudi-culture,
.training-page .tr-references .client-logo-grid .ltile.ltile--saudi-culture{padding:6px}
#confiance .client-logo-grid .ltile.ltile--saudi-culture img,
.training-page .tr-references .client-logo-grid .ltile.ltile--saudi-culture img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform:scale(1.5)}