.brand-showcase {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 10%, rgba(202,165,107,.09), transparent 32%),
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0));
  border-block: 1px solid rgba(255,255,255,.06);
}
.brand-showcase::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .2; background: linear-gradient(90deg, transparent 0 49.8%, rgba(255,255,255,.05) 50%, transparent 50.2%); background-size: 96px 100%; }
.brand-showcase .container { position: relative; }
.brand-showcase__header { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(280px,.92fr); gap: clamp(36px,8vw,110px); align-items: end; margin-bottom: clamp(32px,5vw,58px); }
.brand-showcase__header h2 { margin: 0; max-width: 720px; font-size: clamp(2rem,4vw,4rem); line-height: 1.08; }
.brand-showcase__header > p { margin: 0 0 7px; max-width: 610px; color: #aeb8ba; font-size: clamp(.96rem,1.4vw,1.08rem); }
.brand-showcase__clients h3, .brand-showcase__suppliers h3 { margin: 0 0 15px; color: #f4f0e8; font-size: .86rem; letter-spacing: .04em; }
.brand-showcase__grid { display: grid; gap: 1px; margin: 0; padding: 1px; list-style: none; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.06); }
.brand-showcase__grid--clients { grid-template-columns: repeat(3,minmax(0,1fr)); }
.brand-showcase__suppliers { margin-top: 30px; }
.brand-showcase__grid--suppliers { grid-template-columns: repeat(3,minmax(0,1fr)); }
.brand-showcase__item { min-width: 0; background: rgba(11,20,23,.94); }
.brand-showcase__item figure { min-height: 224px; margin: 0; padding: clamp(22px,3vw,34px); display: flex; flex-direction: column; justify-content: space-between; gap: 26px; }
.brand-showcase__logo-frame { position: relative; min-height: 118px; padding: 12px 18px; display: grid; place-items: center; overflow: hidden; background: #fff; border: 1px solid rgba(202,165,107,.22); border-radius: 14px; box-shadow: inset 0 1px rgba(255,255,255,1),0 12px 28px rgba(0,0,0,.11); transition: border-color .28s ease,box-shadow .28s ease,transform .28s ease; }
.brand-showcase__logo-frame img { display: block; width: min(100%,252px); height: 92px; object-fit: contain; filter: none; opacity: 1; mix-blend-mode: normal; transition: transform .28s ease; }
.brand-showcase__item:hover .brand-showcase__logo-frame, .brand-showcase__item:focus-within .brand-showcase__logo-frame { background: #fff; border-color: rgba(202,165,107,.48); box-shadow: inset 0 1px rgba(255,255,255,1),0 16px 34px rgba(0,0,0,.16); transform: translateY(-2px); }
.brand-showcase__item:hover img, .brand-showcase__item:focus-within img { filter: none; opacity: 1; transform: scale(1.025); }
[data-entity-id="saudi-binladin-group"] .brand-showcase__logo-frame,
[data-entity-id="knowledge-economic-city"] .brand-showcase__logo-frame,
[data-entity-id="madinah-gate"] .brand-showcase__logo-frame { min-height: 148px; }
[data-entity-id="saudi-binladin-group"] .brand-showcase__logo-frame img { width: min(100%,292px); height: 112px; clip-path: inset(0 0 33% 0); transform: translateY(10px) scale(1.08); }
[data-entity-id="saudi-binladin-group"]:hover .brand-showcase__logo-frame img,
[data-entity-id="saudi-binladin-group"]:focus-within .brand-showcase__logo-frame img { transform: translateY(10px) scale(1.11); }
[data-entity-id="knowledge-economic-city"] .brand-showcase__logo-frame img { width: min(100%,280px); height: 108px; }
[data-entity-id="madinah-gate"] .brand-showcase__logo-frame img { width: 85px; height: 85px; }
[data-entity-id="doubletree-madinah-gate"] .brand-showcase__logo-frame { min-height: 132px; }
[data-entity-id="doubletree-madinah-gate"] .brand-showcase__logo-frame img { width: min(100%,268px); height: 112px; transform: scale(1.34); }
[data-entity-id="doubletree-madinah-gate"]:hover .brand-showcase__logo-frame img,
[data-entity-id="doubletree-madinah-gate"]:focus-within .brand-showcase__logo-frame img { transform: scale(1.38); }
[data-entity-id="ehc-middle-east"] .brand-showcase__logo-frame img { width: min(100%,244px); height: 108px; }
[data-entity-id="alfaneyah"] .brand-showcase__logo-frame img { width: min(100%,116px); height: 104px; }
[data-entity-id="sajco"] .brand-showcase__logo-frame img { width: min(100%,122px); height: 108px; }
[data-entity-id="zamil-industrial"] .brand-showcase__logo-frame img { width: min(100%,236px); height: 72px; transform: scale(1.12); }
[data-entity-id="zamil-industrial"]:hover .brand-showcase__logo-frame img,
[data-entity-id="zamil-industrial"]:focus-within .brand-showcase__logo-frame img { transform: scale(1.16); }
[data-entity-id="saudi-readymix"] .brand-showcase__logo-frame { min-height: 96px; }
[data-entity-id="saudi-readymix"] .brand-showcase__logo-frame img { width: min(100%,232px); height: 82px; transform: scale(1.38); }
[data-entity-id="saudi-readymix"]:hover .brand-showcase__logo-frame img,
[data-entity-id="saudi-readymix"]:focus-within .brand-showcase__logo-frame img { transform: scale(1.42); }
[data-entity-id="jazeera-paints"] .brand-showcase__logo-frame img { width: min(100%,226px); height: 72px; }
[data-entity-id="al-futtaim-engineering"] .brand-showcase__logo-frame { min-height: 96px; }
[data-entity-id="al-futtaim-engineering"] .brand-showcase__logo-frame img { width: min(100%,248px); height: 78px; transform: scale(2.5); }
[data-entity-id="al-futtaim-engineering"]:hover .brand-showcase__logo-frame img,
[data-entity-id="al-futtaim-engineering"]:focus-within .brand-showcase__logo-frame img { transform: scale(2.55); }
[data-entity-id="mbl"] .brand-showcase__logo-frame img,
[data-entity-id="midu"] .brand-showcase__logo-frame img,
[data-entity-id="saveto"] .brand-showcase__logo-frame img,
[data-entity-id="saudi-ceramics"] .brand-showcase__logo-frame img { opacity: 0; }
[data-entity-id="mbl"] .brand-showcase__logo-frame::after,
[data-entity-id="midu"] .brand-showcase__logo-frame::after,
[data-entity-id="saveto"] .brand-showcase__logo-frame::after,
[data-entity-id="saudi-ceramics"] .brand-showcase__logo-frame::after { content: ""; position: absolute; inset: 12px 18px; display: block; pointer-events: none; background: var(--brand-mask-color); -webkit-mask: var(--brand-mask-image) center / contain no-repeat; mask: var(--brand-mask-image) center / contain no-repeat; transition: transform .28s ease; }
[data-entity-id="mbl"] { --brand-mask-image: url("/assets/organizations/mbl.png?v=20261007-14"); --brand-mask-color: #151414; }
[data-entity-id="midu"] { --brand-mask-image: url("/assets/organizations/midu.png?v=20261007-14"); --brand-mask-color: #1b273d; }
[data-entity-id="saveto"] { --brand-mask-image: url("/assets/organizations/saveto.svg?v=20261007-14"); --brand-mask-color: #1b2d45; }
[data-entity-id="saudi-ceramics"] { --brand-mask-image: url("/assets/organizations/saudi-ceramics.png?v=20261007-14"); --brand-mask-color: #27272a; }
[data-entity-id="mbl"] .brand-showcase__logo-frame::after { inset-inline: 34px; }
[data-entity-id="midu"] .brand-showcase__logo-frame::after { inset-inline: 26px; }
[data-entity-id="saveto"] .brand-showcase__logo-frame::after { inset-block: 20px; }
[data-entity-id="saudi-ceramics"] .brand-showcase__logo-frame::after { inset-block: 15px; inset-inline: 28px; }
.brand-showcase__item:hover .brand-showcase__logo-frame::after, .brand-showcase__item:focus-within .brand-showcase__logo-frame::after { transform: scale(1.025); }
.brand-showcase__item figcaption { display: grid; gap: 6px; padding-block-start: 16px; border-block-start: 1px solid rgba(255,255,255,.08); }
.brand-showcase__item figcaption strong { overflow-wrap: anywhere; color: #f4f0e8; font-size: .92rem; line-height: 1.45; }
.brand-showcase__item figcaption span { color: var(--gold-light,#e3c99e); font: 700 .66rem/1.4 Manrope,Arial,sans-serif; letter-spacing: .05em; text-transform: uppercase; }
.brand-showcase__client-tagline { margin: clamp(22px,3vw,34px) auto 0; max-width: 760px; color: #f4f0e8; font-size: clamp(1.04rem,1.8vw,1.38rem); font-weight: 600; line-height: 1.75; text-align: center; text-wrap: balance; }
.brand-showcase__client-tagline::before { content: ""; display: block; width: 54px; height: 2px; margin: 0 auto 14px; background: var(--gold,#caa56b); }
.brand-showcase__grid--suppliers .brand-showcase__item figure { min-height: 154px; padding: 18px; gap: 12px; }
.brand-showcase__grid--suppliers .brand-showcase__logo-frame { min-height: 84px; padding: 10px 14px; border-radius: 11px; }
.brand-showcase__grid--suppliers .brand-showcase__logo-frame img { height: 66px; width: min(100%,186px); }
.brand-showcase__grid--suppliers .brand-showcase__item figcaption { padding-block-start: 10px; gap: 3px; }
.brand-showcase__grid--suppliers .brand-showcase__item figcaption strong { font-size: .76rem; }
.brand-showcase__grid--suppliers .brand-showcase__item figcaption span { font-size: .58rem; }
.brand-showcase__disclosure { display: flex; justify-content: space-between; gap: 28px; align-items: baseline; margin-top: 22px; color: #879295; }
.brand-showcase__disclosure p { margin: 0; max-width: 800px; font-size: .78rem; line-height: 1.75; }
.brand-showcase__disclosure small { flex: 0 0 auto; font-size: .7rem; }
@media (max-width: 1040px) { .brand-showcase__grid--clients { grid-template-columns: repeat(3,minmax(0,1fr)); } .brand-showcase__grid--suppliers { grid-template-columns: repeat(3,minmax(0,1fr)); } }
@media (max-width: 760px) {
  .brand-showcase__header { grid-template-columns: 1fr; gap: 18px; }
  .brand-showcase__grid--clients, .brand-showcase__grid--suppliers { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .brand-showcase__item figure { min-height: 190px; padding: 22px 18px; }
  .brand-showcase__logo-frame { min-height: 102px; }
  .brand-showcase__logo-frame img { height: 80px; }
  [data-entity-id="madinah-gate"] .brand-showcase__logo-frame img,
  [data-entity-id="alfaneyah"] .brand-showcase__logo-frame img,
  [data-entity-id="sajco"] .brand-showcase__logo-frame img { height: 90px; }
  [data-entity-id="madinah-gate"] .brand-showcase__logo-frame img { width: 85px; height: 85px; }
  .brand-showcase__grid--suppliers .brand-showcase__item figure { min-height: 142px; padding: 16px; }
  .brand-showcase__grid--suppliers .brand-showcase__logo-frame { min-height: 76px; }
  .brand-showcase__grid--suppliers .brand-showcase__logo-frame img { height: 58px; width: min(100%,168px); }
  .brand-showcase__disclosure { align-items: flex-start; flex-direction: column; gap: 8px; }
}
@media (max-width: 430px) { .brand-showcase__grid--clients { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .brand-showcase__logo-frame img { transition: none; } }
@media (forced-colors: active) { .brand-showcase__grid, .brand-showcase__item figcaption { border: 1px solid CanvasText; } .brand-showcase__logo-frame img { filter: none; opacity: 1; } }