.partners-section{padding-block:34px 48px;background:var(--white);scroll-margin-top:24px}
.clients-section{padding-block:28px 64px;background:var(--white);scroll-margin-top:24px}
.partners-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px}
.partners-heading h2{font-family:var(--body);font-size:15px;font-weight:700;letter-spacing:0;line-height:1.5}
.partners-heading p{font-size:14px;margin-top:4px}
.logo-heading-copy{min-width:0}
.logo-track{--visible:5;--gap:24px;list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--visible) - 1)*var(--gap))/var(--visible));gap:var(--gap);margin:0;padding:24px 6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:6px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.logo-track>li{min-width:0;scroll-snap-align:start}
.carousel-ready .logo-track{scrollbar-width:none;scroll-snap-type:none;scroll-behavior:auto}
.carousel-ready .logo-track::-webkit-scrollbar{display:none}
/* Intrinsic artwork widths and a shared edge-to-edge gap keep narrow marks
   evenly spaced beside long wordmarks, including across the loop boundary. */
.partner-grid{display:flex;gap:64px;padding-block:20px}
.partner-grid li{display:flex;flex:0 0 auto;align-items:center;justify-content:center}
.partner-logo{display:flex;align-items:center;justify-content:center;width:var(--partner-width);height:100px;border-radius:12px;transition:transform .2s}
.partner-logo:hover{transform:translateY(-3px)}
.partner-art{position:relative;display:block;width:100%;aspect-ratio:var(--art-ratio);overflow:hidden}
.partner-logo img{position:absolute;left:var(--source-left);top:var(--source-top);width:var(--source-width);height:auto;max-width:none;max-height:none}
.partner-yango{--partner-width:192px}.partner-hubtel{--partner-width:130px}.partner-eganow{--partner-width:145px}.partner-paystack{--partner-width:158px}.partner-flutterwave{--partner-width:184px}.partner-mtn{--partner-width:100px}.partner-at{--partner-width:65px}.partner-telecel{--partner-width:70px}
.client-mark{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:156px;border-radius:12px;color:var(--navy);padding:10px}
.client-art{display:flex;align-items:center;justify-content:center;width:100%;height:94px}
.client-art img{width:auto;height:auto;max-width:100%;max-height:94px;object-fit:contain}
.client-name{font-size:13px;line-height:1.4;text-align:center}
.client-mark:hover .client-name{text-decoration:underline;text-decoration-color:var(--green);text-underline-offset:6px}
.client-ghana-dj-awards img{width:130px}.client-blackcherry img{width:126px}.client-covered-cosmetics img{width:142px;max-height:142px}.client-nurtured-beauty img{width:170px}
.client-gmausa .client-art{width:94px;background:var(--navy);border-radius:12px}.client-gmausa img{width:88px;max-height:88px}
/* Preserve the entire supplied JPEG, containing only its white margins. */
.client-angela-bamford .client-art{width:170px;max-width:100%;overflow:hidden}
.client-angela-bamford img{width:142%;max-width:none;max-height:none;flex-shrink:0}
.client-allnett img{width:90px}.client-kismet-mining img{width:170px}.client-sofaamy img{width:156px}
/* Original white artwork sits on navy for contrast. */
.client-baba-jamal .client-art{width:94px;background:var(--navy);border-radius:12px}.client-baba-jamal img{width:86px;max-height:86px}
@media(max-width:1100px){.logo-track{--visible:4;--gap:20px}}
@media(max-width:800px){.logo-track{--visible:3}.partner-grid{gap:48px}.partner-logo{height:90px}.partner-yango{--partner-width:170px}.partner-hubtel{--partner-width:116px}.partner-eganow{--partner-width:128px}.partner-paystack{--partner-width:140px}.partner-flutterwave{--partner-width:164px}.partner-mtn{--partner-width:88px}.partner-at{--partner-width:60px}.partner-telecel{--partner-width:64px}}
@media(max-width:600px){
 .partners-section{padding-block:24px 36px}.clients-section{padding-block:24px 40px}
 .partners-heading{align-items:flex-start;flex-wrap:wrap;gap:16px;padding-bottom:18px}.partners-heading p{font-size:13px}
 .logo-track{--visible:2;--gap:20px;padding-block:20px}
 .partner-grid{gap:40px}.partner-logo{height:84px}.partner-paystack{--partner-width:132px}.partner-mtn{--partner-width:80px}
 .client-mark{min-height:156px;padding:4px;gap:12px}.client-art{height:88px}.client-art img{max-height:88px}.client-name{font-size:12px}.client-covered-cosmetics img{max-height:125px;width:125px}.client-angela-bamford img{max-height:none}
}
@media(prefers-reduced-motion:reduce){.partner-logo{transition:none}.partner-logo:hover{transform:none}.carousel-ready .logo-track{scroll-snap-type:x mandatory;scrollbar-width:thin}.logo-track>[data-logo-copy]{display:none}}
