/* Selected clients: one layout, no historical carousel rules. */
.mm-clients.mm-clients-wide.client-strip{display:block;padding:88px 0 92px;background:#22282b;color:#f4f4ef}
.mm-clients .label{justify-content:flex-start;margin-bottom:18px}
.mm-clients-wide .mm-clients-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;padding-inline:var(--pad);margin-bottom:42px}
.mm-clients-wide .mm-clients-heading h2{font-size:clamp(38px,4.6vw,68px);line-height:1.03;letter-spacing:-.045em;margin:0}
.mm-site .mm-clients-wide .mm-clients-heading h2 span{color:#21d4ec}
.mm-clients-wide .mm-clients-heading>p{font-size:15px;line-height:1.65;color:#c0cbce;margin:0 0 3px}
.mm-clients-wide .mm-clients-heading .label{color:#c0cbce}
.mm-site .mm-clients-wide .mm-clients-heading .label::before{background:#ffda00;color:#ffda00}
.mm-client-wall{margin-inline:var(--pad);border:0;background:transparent;isolation:isolate}
.mm-clients.mm-clients-wide .mm-client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:18px;padding:0;border:0;background:transparent;overflow:visible;scroll-snap-type:none;cursor:default;touch-action:auto}
.mm-site .mm-clients.mm-clients-wide .mm-client-tile:nth-child(n){appearance:none;display:flex;align-items:center;justify-content:center;gap:0;min-width:0;min-height:196px;padding:34px 24px;border:1px solid #21d4ec35;background:#1b2226;color:#f4f4ef;border-radius:0;font:inherit;text-align:left;cursor:pointer;overflow:hidden;position:relative;contain:layout paint;isolation:isolate;transform:none!important;animation:none;transition:background-color .18s,border-color .18s}
.mm-site .mm-clients.mm-clients-wide .mm-client-tile:nth-child(n):hover,.mm-site .mm-clients.mm-clients-wide .mm-client-tile:nth-child(n):focus-visible{border-color:#ffda00;background:#fff;outline:none}
.mm-client-logo{display:block;position:relative;width:100%;max-width:275px;height:120px;pointer-events:none}
.mm-site .mm-clients.mm-clients-wide .mm-client-tile .mm-client-logo>img{display:block;position:absolute;inset:0;width:100%;max-width:none;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none;transform:none!important;animation:none!important;transition:opacity .18s}
.mm-site .mm-clients.mm-clients-wide .mm-client-tile .mm-client-logo-mono{filter:grayscale(1) brightness(0) invert(1);opacity:.86}
.mm-site .mm-clients.mm-clients-wide .mm-client-tile .mm-client-logo-color{filter:none;opacity:0}
.mm-site .mm-clients.mm-clients-wide .mm-client-tile:nth-child(n):hover .mm-client-logo-mono,.mm-site .mm-clients.mm-clients-wide .mm-client-tile:nth-child(n):focus-visible .mm-client-logo-mono{opacity:0}
.mm-site .mm-clients.mm-clients-wide .mm-client-tile:nth-child(n):hover .mm-client-logo-color,.mm-site .mm-clients.mm-clients-wide .mm-client-tile:nth-child(n):focus-visible .mm-client-logo-color{opacity:1}
.mm-site .mm-clients.mm-clients-wide .mm-client-tile .mm-client-logo-mono[src$="/iok-logo.svg"]{filter:grayscale(1) brightness(1.65)}
.mm-site .mm-clients.mm-clients-wide .mm-client-tile .mm-client-logo-mono[src$="/kidzilla.webp"]{filter:grayscale(1) brightness(1.25)}
.mm-client-tile--light{background:#f9f9f4;color:#252a24}.mm-client-tile--dark{background:#24272b;color:#f4f4ed}
@media(max-width:680px){.mm-clients.mm-clients-wide.client-strip{padding-block:48px 55px}.mm-clients-wide .mm-clients-heading{display:block;margin-bottom:28px}.mm-clients-wide .mm-clients-heading>p{margin-top:24px;font-size:14px}.mm-clients.mm-clients-wide .mm-client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mm-site .mm-clients.mm-clients-wide .mm-client-tile:nth-child(n){min-height:144px;padding:22px 14px}.mm-client-logo{height:86px}}
@media(prefers-reduced-motion:reduce){.mm-site .mm-clients.mm-clients-wide .mm-client-tile:nth-child(n),.mm-site .mm-clients.mm-clients-wide .mm-client-tile .mm-client-logo>img{transition:none}}
.mm-client-dialog{width:min(880px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:0;background:#f4f4ec;color:#252a24;overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #0005}
.mm-client-dialog::backdrop{background:#111c22c7;backdrop-filter:blur(8px)}
.mm-client-close{position:absolute;z-index:2;top:16px;right:16px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #d3d8ce;border-radius:50%;background:#f6f6ef;color:#252a24;cursor:pointer}
.mm-client-close svg{width:21px;height:21px}
.mm-client-close:hover{background:#dce8de}
.mm-client-close:focus-visible,.mm-client-links a:focus-visible,.mm-client-projects a:focus-visible{outline:#028bc9 solid 3px;outline-offset:3px}
.mm-client-profile{display:grid;grid-template-columns:.85fr 1.15fr;min-height:450px}
.mm-client-profile-brand{padding:40px;display:flex;align-items:center;justify-content:center;position:relative;min-width:0}
.mm-client-profile-brand img{width:100%;max-width:285px;height:170px;object-fit:contain}
.mm-client-profile-kicker{position:absolute;top:32px;left:30px;font-size:10px;letter-spacing:.16em}
.mm-client-profile-mark{position:absolute;bottom:24px;left:30px;font-size:58px;font-weight:300;line-height:1}
.mm-client-profile-info{padding:64px 40px 38px;min-width:0}
.mm-client-profile-info .label{font-size:9px;letter-spacing:.1em;margin-bottom:14px}
.mm-client-profile-info h2{font-size:clamp(30px,3vw,43px);line-height:1.04;letter-spacing:-.04em;margin:0 0 22px}
.mm-client-profile-info p{font-size:15px;line-height:1.75;white-space:pre-line;margin:0 0 24px}
.mm-client-links{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}
.mm-client-links a{display:flex;align-items:center;gap:12px;border:1px solid #cdd3c8;border-radius:99px;padding:9px 12px;text-decoration:none;font-size:12px}
.mm-client-links a:hover{background:#f5dc35;border-color:#e6c621}
.mm-client-projects{border-top:1px solid #cdd3c8;padding-top:22px}
.mm-client-projects>.label{display:block;margin-bottom:12px}
.mm-client-projects>a{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid #dce0d6;text-decoration:none;font-size:14px}
.mm-client-projects>a:hover{color:#007aaf}
@media(max-width:680px){.mm-client-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
.mm-client-profile{grid-template-columns:1fr}
.mm-client-profile-brand{min-height:200px;padding:50px 65px 36px}
.mm-client-profile-brand img{height:100px}
.mm-client-profile-kicker{top:22px;left:22px}
.mm-client-profile-mark{font-size:32px;bottom:14px;left:22px}
.mm-client-profile-info{padding:30px 25px}
.mm-client-profile-info h2{font-size:35px}
.mm-client-close{top:12px;right:12px;width:36px;height:36px}}