#cur{z-index:13010}
@media(hover:hover) and (pointer:fine){html.cur video,html.cur .smv-player,html.cur .smv-player *,html.cur input[type=range]{cursor:none!important}}
.production-graphic .service-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;margin:0;border:0;border-radius:inherit;filter:brightness(.58);z-index:0}
.production-graphic>i,.production-graphic>b,.production-graphic::before,.production-graphic::after{z-index:1}
.production-graphic{--line:rgba(255,255,255,.45);--dim:rgba(255,255,255,.7)}
.client-logos{padding:28px clamp(24px,6vw,100px);border-bottom:1px solid var(--line)}
.client-logos h2{font:12px var(--mono);letter-spacing:.14em;color:var(--dim);margin:0 0 18px;text-transform:uppercase}
.client-logo-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px 40px}
.client-logo-row img{width:140px;height:72px;object-fit:contain;padding:8px;background:#fff;border-radius:8px}
.client-logos p{font-size:14px;color:var(--dim)}
html[lang=ar] .client-logos h2{font-family:var(--body);letter-spacing:0}
.portrait-grid .portrait-film[data-ratio="16/9"]{grid-column:span 2}
@media(max-width:600px){.portrait-grid .portrait-film[data-ratio="16/9"]{grid-column:auto}.portrait-grid .portrait-film[data-ratio="16/9"] .work-card-media{width:100%;max-height:none;aspect-ratio:16/9}}