/* Brand-logo showcase (preview only until relationships and permissions are reviewed).
   Matching image viewports, authentic proportions and responsive continuous motion. */
.aos-brands-showcase {
  padding:31px 0 14px; background:#fff; border-block:1px solid #e9eaf1;
}
.aos-brands-showcase .aos-customer-bar-inner {
  display:grid; grid-template-columns:270px minmax(0,1fr); gap:27px; align-items:center; min-width:0;
}
.aos-brands-showcase .aos-brand-intro .aos-eyebrow { color:#cd1941; font-size:10px; line-height:1.6; }
.aos-brands-showcase .aos-brand-intro p { color:#8a90a0; font-size:12px; margin:9px 0 0; line-height:1.6; }
.aos-brands-showcase .aos-brands-marquee {
  position:relative; min-width:0; width:100%; overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
}
.aos-brands-showcase .aos-brands-marquee .aos-customer-track {
  display:flex; align-items:center; flex-wrap:nowrap; width:max-content; gap:24px;
  animation:kapa-marquee 64s linear infinite; will-change:transform;
}
.aos-brands-showcase .aos-brands-marquee .aos-customer-names.aos-brand-names {
  display:flex !important; align-items:center; flex:0 0 auto; width:max-content;
  flex-wrap:nowrap !important; gap:24px !important; justify-content:flex-start !important;
}
.aos-brands-showcase .aos-brand-tile {
  display:flex; flex:0 0 158px; width:158px; height:76px;
  align-items:center; justify-content:center; padding:9px 12px;
  border-radius:11px; background:#fff; border:1px solid #f0f1f5;
  transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.aos-brands-showcase .aos-brand-tile:hover {
  background:#fff; border-color:#e4e0ee; box-shadow:0 7px 18px rgba(40,34,77,.055);
}
.aos-brands-showcase .aos-brand-tile img {
  display:block; width:132px !important; height:51px !important;
  max-width:132px !important; max-height:51px !important; min-width:0;
  object-fit:contain; object-position:center; filter:none !important;
  opacity:1 !important; border:0; border-radius:0; flex:0 0 auto;
}
/* Optical alignment for five marks whose source artwork has unusually large
   transparent/blank internal margins. The original shapes remain undistorted. */
.aos-brands-showcase .aos-brand-tile[data-brand="Tourism Sabah"] img {
  transform:scale(1.13); transform-origin:center;
}
.aos-brands-showcase .aos-brand-tile[data-brand="HRD Corp"] img {
  transform:scale(1.13); transform-origin:center;
}
.aos-brands-showcase .aos-brand-tile[data-brand="Tata"] img {
  transform:scale(1.07); transform-origin:center;
}
.aos-brands-showcase .aos-brand-tile img[hidden] { display:none !important; }
.aos-brands-showcase .aos-brand-fallback:not([hidden]) {
  display:block; font:750 14px/1.3 Sora,Inter,sans-serif;
  letter-spacing:-.035em; text-align:center; color:#7f8495;
}
.aos-brands-showcase .aos-brand-disclosure {
  color:#b0b4c1; font-size:9px; line-height:1.5; margin:12px 0 0;
  text-align:right; letter-spacing:.005em;
}
.aos-brands-showcase .aos-brands-marquee:hover .aos-customer-track,
.aos-brands-showcase .aos-brands-marquee:focus-within .aos-customer-track { animation-play-state:paused; }
.aos-brands-showcase .aos-brand-meta { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:5px 24px; }
.aos-brands-showcase .aos-brand-credits { position:relative; color:#a4a9b5; font-size:9px; }
.aos-brands-showcase .aos-brand-credits summary { cursor:pointer; font-size:9px; }
.aos-brands-showcase .aos-brand-credits ul { position:absolute; z-index:10; right:0; width:min(320px,80vw); padding:17px 20px; margin:8px 0 0; list-style:none; border-radius:10px; box-shadow:0 10px 40px rgba(22,29,62,.14); border:1px solid #ebeaf0; background:#fff; }
.aos-brands-showcase .aos-brand-credits li { padding:5px 0; line-height:1.5; }
.aos-brands-showcase .aos-brand-credits a { color:#8665ad; }
@media(max-width:991.98px) {
  .aos-brands-showcase .aos-customer-bar-inner { grid-template-columns:1fr; gap:16px; text-align:left; }
  .aos-brands-showcase .aos-customer-track { animation-duration:55s; }
  .aos-brands-showcase .aos-brand-disclosure { text-align:left; }
}
@media(max-width:575.98px) {
  .aos-brands-showcase { padding:23px 0 15px; }
  .aos-brands-showcase .aos-brands-marquee .aos-customer-track { gap:12px; animation-duration:52s; }
  .aos-brands-showcase .aos-brands-marquee .aos-brand-names { gap:12px !important; }
  .aos-brands-showcase .aos-brand-tile { flex-basis:122px; width:122px; height:62px; padding:7px 8px; }
  .aos-brands-showcase .aos-brand-tile img { width:102px !important; height:42px !important; max-width:102px !important; max-height:42px !important; }
  .aos-brands-showcase .aos-brand-disclosure { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
  .aos-brands-showcase .aos-brands-marquee { overflow-x:auto; mask-image:none; -webkit-mask-image:none; }
  .aos-brands-showcase .aos-brands-marquee .aos-customer-track { animation:none !important; transform:none !important; will-change:auto; }
  .aos-brands-showcase .aos-brand-names[aria-hidden="true"] { display:none !important; }
  .aos-brands-showcase .aos-brand-tile { transition:none !important; }
}
@media print {
  .aos-brands-showcase .aos-brands-marquee { overflow:visible; mask-image:none; }
  .aos-brands-showcase .aos-brands-marquee .aos-customer-track { animation:none !important; transform:none !important; flex-wrap:wrap; width:auto; }
  .aos-brands-showcase .aos-brand-names { flex-wrap:wrap !important; width:auto; }
  .aos-brands-showcase .aos-brand-names[aria-hidden="true"] { display:none !important; }
}
