:root{--partners-red:#e31c24;--partners-navy:#07182b;--partners-ink:#0b1b2f;--partners-muted:#687589;--partners-line:#e1e6ed}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--partners-ink);font-family:'Cairo',sans-serif}
a{color:inherit;text-decoration:none}
.partners-shell{width:min(1380px,calc(100% - 9vw));margin-inline:auto}
.partners-hero{min-height:420px;position:relative;isolation:isolate;overflow:hidden;background:#fff}
.partners-hero-art{position:absolute;inset:0 auto 0 0;width:53%;background:var(--partners-navy) url('../assets/img/about-pro/riyadh-hero-v2.webp') center 48%/cover no-repeat}
.partners-hero-art:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(5,19,33,.05) 24%,rgba(5,19,33,.13) 55%,#fff 100%)}
.partners-hero-inner{min-height:420px;display:flex;align-items:center;justify-content:flex-end;direction:ltr}
.partners-hero-copy{width:49%;position:relative;z-index:1;padding:48px 0 47px 20px}
html[dir=rtl] .partners-hero-copy{direction:rtl;text-align:right}
html[dir=ltr] .partners-hero-copy{direction:ltr;text-align:left}
.partners-eyebrow,.partners-kicker{display:flex;align-items:center;gap:10px;color:var(--partners-red);font-size:11px;font-weight:900}
.partners-eyebrow i,.partners-kicker i{width:28px;height:2px;background:currentColor}
.partners-hero h1{margin:13px 0 11px;font-size:clamp(44px,5.4vw,68px);line-height:1.12;font-weight:900;letter-spacing:0}
.partners-hero h1 strong{display:block;color:var(--partners-red);font-weight:900}
.partners-hero-copy>p{max-width:600px;margin:0;color:#4e5c70;font-size:14px;line-height:1.95;font-weight:600}
.partners-button{margin-top:22px;min-height:44px;padding:9px 17px;display:inline-flex;align-items:center;gap:15px;border:1px solid var(--partners-red);border-radius:3px;color:#fff;background:var(--partners-red);font-size:11px;font-weight:900;transition:background .2s,color .2s,transform .2s}
.partners-button:hover{transform:translateY(-2px);background:#fff;color:var(--partners-red)}
.partners-button i{font-size:14px}
.partners-art-caption{position:absolute;z-index:1;left:max(5vw,30px);bottom:0;padding:13px 16px 15px;border-left:2px solid var(--partners-red);color:#fff;direction:ltr}
.partners-art-caption span,.partners-art-caption strong{display:block}
.partners-art-caption span{font:700 8px/1.6 'Cairo',sans-serif;letter-spacing:.12em}
.partners-art-caption strong{font:900 12px/1.4 'Cairo',sans-serif;letter-spacing:.035em}
.partners-content{width:min(1380px,calc(100% - 9vw));margin:0 auto;padding:62px 0 70px}
.partners-section-heading{margin:0 auto 35px;max-width:720px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.partners-kicker{text-transform:uppercase}
.partners-section-heading h2{margin:6px 0 0;font-size:clamp(27px,3vw,38px);line-height:1.35;font-weight:900}
.partners-section-heading>p{max-width:650px;margin:0;color:var(--partners-muted);font-size:14px;line-height:1.9}
.partners-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.partner-card{min-width:0;margin:0;position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--partners-line);border-radius:10px;background:#fff;box-shadow:0 5px 18px rgba(9,26,46,.035);transition:transform .22s,border-color .22s,box-shadow .22s}
.partner-card:after{position:absolute;inset:0 0 auto;height:2px;content:"";background:var(--partners-red);transform:scaleX(0);transform-origin:left;transition:transform .22s}
html[dir=rtl] .partner-card:after{transform-origin:right}
.partner-card:hover{transform:translateY(-3px);border-color:#d8dfe8;box-shadow:0 13px 27px rgba(9,26,46,.075)}
.partner-card:hover:after{transform:scaleX(1)}
.partner-logo{width:100%;height:175px;padding:30px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#fff 40%,#f8fafc 100%)}
.partner-logo img{display:block;width:100%;max-width:235px;height:100px;object-fit:contain;transition:transform .22s}
.partner-card:hover .partner-logo img{transform:scale(1.035)}
.partner-logo strong{font-size:18px;font-weight:800}
.partner-logo-dark{background:#13273e}
@media(min-width:761px) and (max-width:1050px){.partners-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.partner-card figcaption{width:100%;padding:17px 20px;border-top:1px solid #eef1f5;color:var(--partners-muted);font-size:12px;line-height:1.7;text-align:center}
.partner-card figcaption strong{display:block;color:var(--partners-ink);font-size:16px;font-weight:800;letter-spacing:.02em}
.partner-card figcaption span{display:block;margin-top:6px}
.partners-empty{grid-column:1/-1;padding:45px 20px;border:1px solid var(--partners-line);color:var(--partners-muted);text-align:center}
.partners-cta{padding:24px 0;background:var(--partners-navy);color:#fff}
.partners-cta-inner{display:flex;align-items:center;gap:17px}
.partners-cta-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:3px;color:#ff6670;font-size:19px}
.partners-cta-inner>div{flex:1}
.partners-cta h2{margin:0;font-size:16px;line-height:1.5;font-weight:900}
.partners-cta p{margin:3px 0 0;color:#bac5d2;font-size:10px;line-height:1.7}
.partners-cta-inner>a{min-height:40px;padding:8px 16px;display:inline-flex;align-items:center;gap:11px;border:1px solid var(--partners-red);border-radius:3px;background:var(--partners-red);color:#fff;font-size:10px;font-weight:900;transition:background .2s}
.partners-cta-inner>a:hover{background:transparent}
.partners-cta-inner>a i{font-size:13px}
@media(max-width:950px){.partners-shell,.partners-content{width:min(calc(100% - 44px),760px)}.partners-hero,.partners-hero-inner{min-height:350px}.partners-hero-art{width:50%}.partners-hero-copy{width:52%;padding-inline-start:8px}.partners-hero h1{font-size:clamp(40px,6vw,56px)}.partners-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partners-section-heading{align-items:center;flex-direction:column;gap:8px}.partners-content{padding:49px 0 55px}}
@media(max-width:620px){.partners-shell,.partners-content{width:calc(100% - 32px)}.partners-hero,.partners-hero-inner{min-height:390px}.partners-hero-art{inset:0;width:100%;height:150px;background-position:center 45%}.partners-hero-art:after{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.1) 80%)}.partners-art-caption{left:16px;bottom:150px;padding:7px 10px;border-left-width:2px}.partners-art-caption span{font-size:7px}.partners-art-caption strong{font-size:9px}.partners-hero-inner{align-items:flex-end}.partners-hero-copy{width:100%;padding:171px 0 27px}.partners-eyebrow{font-size:9px}.partners-hero h1{margin:8px 0;font-size:41px}.partners-hero-copy>p{font-size:11px;line-height:1.8}.partners-button{margin-top:13px;min-height:39px;padding:7px 12px;font-size:10px}.partners-content{padding:39px 0 43px}.partners-section-heading{margin-bottom:17px}.partners-section-heading h2{font-size:25px}.partners-section-heading>p{font-size:12px}.partners-grid{gap:9px}.partner-logo{height:132px;padding:22px 15px}.partner-logo img{height:76px}.partner-card figcaption{padding:12px 10px}.partner-card figcaption strong{font-size:13px}.partner-logo img{max-width:175px}.partners-cta-inner{align-items:flex-start;flex-wrap:wrap;gap:11px}.partners-cta-icon{width:37px;height:37px;font-size:16px}.partners-cta-inner>div{width:calc(100% - 48px);flex:auto}.partners-cta h2{font-size:13px}.partners-cta p{font-size:9px}.partners-cta-inner>a{margin-inline-start:48px;min-height:36px;padding:6px 12px}}
@media(max-width:380px){.partners-grid{grid-template-columns:1fr}.partner-card{min-height:135px}.partners-hero h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.partner-card,.partner-card:after,.partner-logo img,.partners-button,.partners-cta-inner>a{transition:none}}

/* English has its own reading direction and typography. */
html[lang=en] .partners-page{font-family:'Inter',sans-serif}
html[lang=en] .partners-page .matrix-unified-links,
html[lang=en] .partners-page .matrix-unified-quote,
html[lang=en] .partners-page .home-footer{font-family:'Inter',sans-serif}
html[lang=en] .partners-hero-inner{justify-content:flex-start}
html[lang=en] .partners-hero-art{inset:0 0 0 auto}
html[lang=en] .partners-hero-art:after{background:linear-gradient(270deg,rgba(5,19,33,.05) 24%,rgba(5,19,33,.13) 55%,#fff 100%)}
html[lang=en] .partners-hero-copy{padding:48px 20px 47px 0}
html[lang=en] .partners-hero h1{font-size:clamp(38px,4.2vw,58px);line-height:1.16;letter-spacing:-.035em}
html[lang=en] .partners-hero-copy>p{max-width:510px;font-size:15px;line-height:1.75;font-weight:400}
html[lang=en] .partners-art-caption{left:auto;right:max(5vw,30px)}
html[lang=en] .partners-eyebrow,html[lang=en] .partners-kicker{font-size:10px;letter-spacing:.12em;font-weight:700}
html[lang=en] .partners-section-heading h2{font-size:clamp(27px,2.8vw,36px);letter-spacing:-.025em;line-height:1.25}
html[lang=en] .partners-section-heading>p{font-size:14px;line-height:1.8;max-width:580px}
html[lang=en] .partners-cta h2{font-size:18px;line-height:1.5}
html[lang=en] .partners-cta p{font-size:12px;line-height:1.75}
html[lang=en] .partners-cta-inner>a{font-size:12px;white-space:nowrap}
@media(min-width:621px) and (max-width:950px){html[lang=en] .partners-hero h1{font-size:37px}html[lang=en] .partners-hero-copy>p{font-size:13px}}
@media(max-width:620px){html[lang=en] .partners-hero-art{inset:0;width:100%}html[lang=en] .partners-hero-art:after{background:linear-gradient(0deg,#fff 0%,rgba(255,255,255,.1) 80%)}html[lang=en] .partners-hero-copy{padding:171px 0 27px}html[lang=en] .partners-hero h1{font-size:clamp(31px,8vw,41px)}html[lang=en] .partners-hero-copy>p{font-size:13px}html[lang=en] .partners-section-heading h2{font-size:26px}html[lang=en] .partners-section-heading>p{font-size:13px}html[lang=en] .partners-cta h2{font-size:15px}html[lang=en] .partners-cta p{font-size:11px}.partners-art-caption{display:none}}

