.mp-clients-page .site-shell{background:#030405;position:relative;isolation:isolate}
.mp-clients-page .site-footer{flex-wrap:wrap}
.mp-clients-page .site-shell:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0002 0%,#0002 20%,#000b 65%,#000 100%),url('/assets/clients-page-space.webp') center top/100% auto no-repeat;pointer-events:none}
.mp-directory{max-width:1536px;margin:auto;padding:108px 4vw 35px;scroll-margin-top:90px}
.mp-breadcrumb{display:flex;gap:14px;color:#999;font-size:12px;margin-bottom:27px}
.mp-breadcrumb a{color:#999}
.mp-directory-head{display:grid;grid-template-columns:1.1fr 1.1fr 1fr;align-items:end;gap:26px;margin-bottom:40px}
.mp-directory-head .eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.24em;margin-bottom:16px}
.mp-directory-head .eyebrow:before{content:"";width:10px;height:10px;background:var(--gold);border-radius:50%;box-shadow:0 0 18px #ffd00099}
.mp-directory h1{font-size:clamp(34px,4vw,66px);font-weight:800;letter-spacing:-.055em;line-height:1.05;margin:0;text-transform:none;white-space:nowrap}
.mp-directory h1 span{display:inline}.mp-directory h1 em{font-style:normal;color:var(--gold);margin-inline-start:.1em}
body[dir=rtl] .mp-directory h1{letter-spacing:0;line-height:1.35;white-space:normal}
.mp-directory-intro{border-inline-start:1px solid #ffffff66;padding-inline-start:22px}
.mp-directory-intro>p{color:#ddd;font-size:13px;line-height:1.7;margin:0 0 18px;max-width:360px}
.mp-directory-stats{display:flex;gap:20px}.mp-directory-stats>div+div{border-inline-start:1px solid #ffffff35;padding-inline-start:18px}.mp-directory-stats strong{display:block;color:var(--gold);font-size:20px}.mp-directory-stats small{font-size:10px;color:#ccc}
.mp-directory-controls{display:flex;gap:10px;margin-bottom:0;min-width:0}
.mp-search{display:flex;align-items:center;gap:10px;background:#070809df;border:1px solid #ffffff35;border-radius:30px;padding:11px 15px;min-width:0;flex:1}
.mp-search span{font-size:24px;line-height:1}.mp-search input{background:none;border:0;color:#fff;font:inherit;font-size:11px;min-width:0;width:100%;outline:none}.mp-search:focus-within{border-color:var(--gold)}
.mp-directory-controls select{background:#070809df;border:1px solid #ffffff35;border-radius:30px;color:#fff;font:inherit;font-size:11px;max-width:145px;padding:12px}
.mp-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mp-work-card{position:relative;min-width:0;overflow:hidden;border:1px solid #eac45155;border-radius:13px;background:#070809;aspect-ratio:1.68;box-shadow:0 0 14px #ffd00005}
.mp-work-card:before{content:"";position:absolute;inset:0;background:url('/assets/clients-page-frames.webp') 0% 24.4%/300% 353% no-repeat;opacity:.55;pointer-events:none}
.mp-work-visual{position:absolute;inset:0 0 23% 35%;overflow:hidden;background:#0b0b0b}
.mp-work-visual img{width:100%;height:100%;object-fit:contain;display:block}
.mp-work-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070809,transparent 35%),linear-gradient(0deg,#070809,transparent 25%)}
.mp-work-identity{position:absolute;inset:8% auto 23% 4%;width:42%;background:linear-gradient(90deg,#070809 65%,transparent);display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:10px}
.mp-work-logo{width:90px;height:90px;max-width:70%;max-height:55%;object-fit:contain;object-position:left center;margin-bottom:auto;display:block;background:#070809}
.mp-work-identity h2{font-size:15px;line-height:1.2;margin:10px 0 6px;font-weight:800;text-transform:none;max-width:190px}.mp-work-identity p{font-size:11px;color:#d4d4d4;line-height:1.4;margin:0;background:#070809}
.mp-work-card-bottom{position:absolute;inset:auto 0 0;height:23%;padding:10px 4%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#050607f2;border-top:1px solid #ffffff12}
.mp-work-card-bottom strong{color:var(--gold);font-size:14px;display:block}.mp-work-card-bottom small{color:#bbb;font-size:10px;display:block;margin-top:3px}
.mp-directory-button{border:1px solid #ffffff55;background:#030405dc;color:#fff;border-radius:30px;padding:11px 18px;font:inherit;font-size:11px;cursor:pointer;white-space:nowrap}
.mp-directory-button:hover,.mp-directory-button:focus-visible{border-color:var(--gold);outline:none}
.mp-view-work{min-width:145px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 7px 6px 17px}.mp-view-work span{width:26px;height:26px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);box-shadow:0 0 9px #ffd00038;font-size:16px}
.mp-directory-bottom{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:35px}.mp-directory-bottom>p{font-size:11px;color:#bbb;margin:0}.mp-directory-bottom>#loadMoreClients{justify-self:end}.mp-pagination{display:flex;gap:10px}.mp-pagination button{width:35px;height:35px;border:1px solid #ffffff30;border-radius:50%;background:#050607;color:#ccc;font:inherit;font-size:12px;cursor:pointer}.mp-pagination button[aria-current=page]{color:var(--gold);border-color:#e5be5299;box-shadow:0 0 15px #ffd00025}
.mp-work-dialog{max-width:min(900px,94vw);max-height:94vh;padding:24px;background:#090b0d;border:1px solid #d2ad4b;color:#fff;border-radius:14px}.mp-work-dialog::backdrop{background:#000c}.mp-work-dialog img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain}.mp-work-dialog h2{font-size:18px;margin:0 35px 20px 0}.mp-work-dialog>button{position:absolute;right:12px;top:10px;border:0;background:none;color:#fff;font-size:28px;cursor:pointer}
.mp-directory-empty{grid-column:1/-1;color:#bbb;padding:60px 0;text-align:center}
@media(max-width:1100px){.mp-directory-head{grid-template-columns:1fr 1fr}.mp-directory-controls{grid-column:1/-1;justify-self:end;width:420px}.mp-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-directory h1{font-size:52px}}
@media(max-width:600px){.mp-directory{padding:110px 20px 30px}.mp-directory-head{display:flex;flex-direction:column;align-items:stretch;gap:24px;margin-bottom:25px}.mp-directory h1{font-size:43px}.mp-directory-intro{padding-inline-start:15px}.mp-directory-controls{width:100%}.mp-work-grid{grid-template-columns:1fr}.mp-work-card{aspect-ratio:1.55}.mp-work-logo{width:85px;height:85px}.mp-directory-bottom{grid-template-columns:1fr 1fr;gap:20px}.mp-pagination{grid-column:1/-1;grid-row:2;justify-content:center}.mp-directory-bottom>#loadMoreClients{font-size:10px;padding:10px 12px}}