.mp-clients-section{max-width:var(--max);margin:auto;padding:100px 24px;border-top:1px solid var(--line)}
.mp-clients-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:40px}
.mp-clients-heading h2{font-size:clamp(30px,4vw,52px);line-height:1.15;letter-spacing:-.045em;margin:0;max-width:720px}
body[dir=rtl] .mp-clients-heading h2{letter-spacing:0}
.mp-clients-heading .btn{white-space:nowrap;font-size:13px}
.mp-clients-mount{min-height:210px}
.mp-client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.mp-client-card{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:22px 16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;color:var(--ink);text-align:center}
a.mp-client-card:hover{border-color:var(--gold)}
.mp-client-logo{height:112px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.mp-client-logo img{display:block;width:100%;height:100%;object-fit:contain;max-width:172px}
.mp-client-name{font-size:14px;font-weight:700;margin:0;line-height:1.5}
.mp-client-category{font-size:11px;color:var(--muted);margin-top:6px}
.mp-client-case{color:var(--gold);font-size:11px;margin-top:10px}
.mp-marquee{overflow:hidden;direction:ltr;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)}
.mp-marquee-track{display:flex;width:max-content;animation:mp-client-scroll 50s linear infinite}
.mp-marquee-group{display:flex;gap:16px;padding-right:16px;flex-shrink:0}
.mp-marquee .mp-client-card{width:220px;min-height:208px}
.mp-marquee:hover .mp-marquee-track,.mp-marquee:focus-within .mp-marquee-track,.mp-marquee.mp-paused .mp-marquee-track{animation-play-state:paused}
@keyframes mp-client-scroll{to{transform:translateX(-50%)}}
.mp-motion-button{background:none;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:8px 15px;font:inherit;font-size:11px;cursor:pointer;margin-top:18px}
.mp-preview-note{font-size:11px;color:var(--soft);margin-top:24px;line-height:1.7}
.mp-clients-hero{max-width:var(--max);margin:auto;padding:165px 24px 55px}
.mp-clients-hero h1,.mp-clients-hero h2{font-size:clamp(46px,7vw,86px);letter-spacing:-.055em;line-height:1.1;margin:20px 0 24px}
body[dir=rtl] .mp-clients-hero h1,body[dir=rtl] .mp-clients-hero h2{letter-spacing:0}
.mp-clients-hero p:not(.eyebrow){max-width:620px;color:var(--muted);line-height:1.8}
.mp-client-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:30px}
.mp-client-filters button{background:var(--surface);border:1px solid var(--line);border-radius:30px;color:var(--muted);padding:10px 17px;font:inherit;font-size:12px;cursor:pointer}
.mp-client-filters button[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#050505}
.mp-client-filters button:focus-visible,.mp-motion-button:focus-visible,a.mp-client-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.mp-results{color:var(--muted);font-size:12px;margin-bottom:22px}
.mp-clients-page .mp-clients-section{padding-top:35px;border-top:0}
.mp-empty{color:var(--muted);padding:45px 0;line-height:1.8}
@media(max-width:900px){.mp-client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mp-clients-heading{align-items:start;flex-direction:column}}
@media(max-width:600px){.mp-clients-section{padding:65px 20px}.mp-client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mp-client-card{padding:18px 10px}.mp-client-logo{height:90px}.mp-client-name{font-size:12px}.mp-marquee .mp-client-card{width:180px}.mp-clients-hero{padding:135px 20px 30px}}
@media(prefers-reduced-motion:reduce){.mp-marquee-track{animation:none}.mp-marquee{overflow-x:auto;mask-image:none}.mp-marquee-group[aria-hidden=true]{display:none}.mp-motion-button{display:none}}

/* Local space-theme variant; existing website sections are unchanged. */
.mp-cosmic{position:relative;isolation:isolate;max-width:none;overflow:hidden;padding:95px max(5vw,24px) 52px;background:#030507;border:0}
.mp-cosmic:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.3),rgba(0,0,0,.05)),url('/assets/clients-space-v1.webp') center center/cover no-repeat}
.mp-cosmic:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 45%,rgba(0,0,0,.55))}
.mp-cosmic-page{padding-top:155px!important;padding-bottom:55px!important;min-height:830px}
.mp-cosmic .mp-clients-heading{display:grid;grid-template-columns:1.35fr 1fr auto;align-items:center;gap:34px;max-width:1420px;margin:0 auto 68px}
.mp-cosmic .mp-clients-heading{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px 36px;position:relative}
.mp-cosmic .mp-clients-heading:before{content:"";position:absolute;inset:-24px -30px;z-index:-1;background:linear-gradient(90deg,#000b, #0006 65%,transparent);border-radius:24px;pointer-events:none}
.mp-cosmic .mp-clients-heading>div{grid-row:1/3}
.mp-cosmic .mp-clients-heading>.btn{grid-column:2;justify-self:start;margin-top:0}
body[dir=rtl] .mp-cosmic .mp-clients-heading:before{background:linear-gradient(270deg,#000b,#0006 65%,transparent)}
.mp-cosmic .eyebrow{display:flex;align-items:center;gap:15px;letter-spacing:.24em;font-size:13px;font-weight:500}
.mp-cosmic .eyebrow:before{content:"";width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:var(--gold);box-shadow:0 0 24px #ffd00099}
.mp-cosmic [data-cosmic-title]{font-size:clamp(38px,4.7vw,76px);line-height:1.04;letter-spacing:-.055em;font-weight:800;max-width:620px;margin:18px 0 0;text-transform:none}
.mp-cosmic [data-cosmic-title] span{color:var(--gold);display:inline}
body[dir=rtl] .mp-cosmic [data-cosmic-title]{letter-spacing:0;line-height:1.3}
.mp-cosmic-description{color:#e0e0e0;font-size:14px;line-height:1.9;border-inline-start:1px solid #b4b4b46b;padding-inline-start:28px;max-width:410px;margin:0}
.mp-cosmic .btn.ghost{border:1px solid #ffd000b8;border-radius:40px;padding:16px 26px;background:linear-gradient(180deg,#17170fc7,#050505ed);box-shadow:0 0 22px #ffca0026;color:#fff;font-weight:500}
.mp-cosmic .mp-clients-mount{max-width:1520px;margin:auto;position:relative}
.mp-cosmic .mp-orbit-row{position:relative;overflow:visible;mask-image:none;margin:0 -5vw 36px;padding:12px 0}
.mp-orbit-row:before{content:"";position:absolute;inset:10% 2% -10%;border:2px solid #ffc84d;border-radius:50%;box-shadow:0 0 9px #ffd565,0 0 26px #ffab2370,inset 0 0 13px #ffc84d2a;z-index:-1;transform:rotate(1deg)}
.mp-orbit-reverse:before{transform:rotate(-2deg)}
.mp-cosmic .mp-marquee-track{animation-duration:85s;padding:5px 0;will-change:transform}
.mp-cosmic .mp-orbit-reverse .mp-marquee-track{animation-direction:reverse;animation-duration:92s}
.mp-cosmic .mp-clients-mount:has(.mp-client-card:hover) .mp-marquee-track,.mp-cosmic .mp-clients-mount:focus-within .mp-marquee-track{animation-play-state:paused}
.mp-cosmic .mp-marquee-group{gap:18px;padding-right:18px;align-items:center}
.mp-cosmic .mp-client-card{width:188px;height:220px;min-height:220px;justify-content:flex-start;padding:18px 16px 14px;background:linear-gradient(145deg,#36362bcc 0%,#0a0c0df7 27%,#040607f7 75%);border:1px solid #b5a5749c;border-radius:15px;box-shadow:0 9px 20px #0009,inset 0 1px 0 #ffebae66;transform:perspective(700px) rotateY(-7deg) rotateZ(2deg);transition:border-color .25s,box-shadow .25s}
.mp-cosmic .mp-client-card:hover,.mp-cosmic .mp-client-card:focus-visible{border-color:#ffd000bb;box-shadow:0 0 20px #ffd00025,0 9px 20px #0009,inset 0 1px 0 #fff0b688;outline:none}
.mp-cosmic .mp-client-card:nth-child(even){transform:perspective(700px) rotateY(7deg) rotateZ(-2deg)}
.mp-cosmic .mp-client-logo{height:92px;flex:0 0 92px;margin-bottom:12px;max-width:150px}
.mp-cosmic .mp-client-logo img{max-width:140px;max-height:92px;object-fit:contain}
.mp-cosmic .mp-client-name{font-size:12px;line-height:1.4;max-width:158px;min-height:34px;display:flex;align-items:center;justify-content:center}
.mp-cosmic .mp-client-category{display:block;opacity:0;font-size:10px;line-height:1.4;min-height:14px;margin-top:4px;transition:opacity .2s}
.mp-cosmic .mp-client-case{opacity:0;margin-top:7px;font-size:11px;line-height:1.4;transition:opacity .2s}
.mp-cosmic .mp-client-card:hover .mp-client-category,.mp-cosmic .mp-client-card:focus-visible .mp-client-category,.mp-cosmic .mp-client-card:hover .mp-client-case,.mp-cosmic .mp-client-card:focus-visible .mp-client-case{opacity:1}
.mp-client-proof{color:#e0d5b8;font-size:12px;letter-spacing:.06em;text-align:center;line-height:1.8;margin:22px auto 0;max-width:900px}
body[dir=rtl] .mp-client-proof{letter-spacing:0}
.mp-cosmic .mp-motion-button{background:#050505b3;border-color:#eac56b66;color:#e5d7b1}
.mp-cosmic .mp-preview-note{color:#c4baa4;max-width:1420px;margin:18px auto 0;text-align:center}
.mp-clients-page .mp-clients-hero{padding-top:65px;position:relative}
.mp-clients-page .mp-clients-hero .back-link{position:static;display:inline-block;margin-bottom:20px}
@media(min-width:1600px){.mp-cosmic [data-cosmic-title]{font-size:80px}.mp-cosmic .mp-client-card{width:210px}}
@media(max-width:1000px){.mp-cosmic .mp-clients-heading{grid-template-columns:1.3fr 1fr;gap:22px;margin-bottom:38px}.mp-cosmic .mp-clients-heading>.btn{justify-self:start}.mp-cosmic-page{min-height:850px}.mp-cosmic [data-cosmic-title]{font-size:52px}}
@media(max-width:600px){.mp-cosmic{padding:65px 20px 30px}.mp-cosmic-page{padding-top:125px!important;min-height:810px}.mp-cosmic:before{background-position:65% center}.mp-cosmic .mp-clients-heading{display:flex;gap:18px;align-items:start;margin-bottom:32px}.mp-cosmic [data-cosmic-title]{font-size:42px;max-width:350px}.mp-cosmic .eyebrow{font-size:10px}.mp-cosmic-description{font-size:12px;margin:0;padding-inline-start:14px;max-width:330px}.mp-cosmic .btn.ghost{font-size:12px;padding:12px 22px}.mp-cosmic .mp-client-card{width:148px;min-height:148px;padding:14px 12px}.mp-cosmic .mp-client-logo{height:78px}.mp-cosmic .mp-client-name{font-size:10px}.mp-cosmic .mp-marquee-group{gap:12px;padding-right:12px}.mp-cosmic .mp-orbit-row{margin-bottom:16px}.mp-cosmic .mp-preview-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.mp-cosmic .mp-marquee-track{animation:none}.mp-cosmic .mp-orbit-reverse{display:none}.mp-cosmic .mp-marquee{overflow-x:auto}.mp-cosmic .mp-client-card{transform:none!important}}
@media(max-width:1000px){.mp-cosmic .mp-clients-heading{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.mp-cosmic .mp-clients-heading>div{grid-row:1/3}}
@media(max-width:600px){.mp-cosmic .mp-clients-heading{display:flex;gap:18px;align-items:start}.mp-cosmic .mp-clients-heading:before{inset:-12px -15px;background:linear-gradient(90deg,#000c,#0005,transparent)}.mp-cosmic .mp-client-card{width:clamp(160px,43vw,195px);height:208px;min-height:208px;padding:16px 12px}.mp-cosmic .mp-client-logo{height:84px;flex-basis:84px;max-width:136px;margin-bottom:12px}.mp-cosmic .mp-client-logo img{max-width:128px;max-height:84px}.mp-cosmic .mp-client-name{font-size:11px;min-height:32px}.mp-cosmic .mp-client-category{font-size:9px}.mp-cosmic .mp-client-case{font-size:10px}.mp-client-proof{font-size:11px;margin-top:22px}}
@media(hover:none){.mp-cosmic .mp-client-category,.mp-cosmic .mp-client-case{opacity:1}}