/* Real client evidence. Shared structure for illustrated and text-only cases. */
.client-cases{padding-top:var(--mx-space-48);border-top:1px solid var(--mx-line);color:var(--mx-ink);font-family:var(--mx-font-sans)}
.client-section-heading{margin-bottom:var(--mx-space-32)}
.client-section-heading h3{font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.15;letter-spacing:-.022em;margin:0 0 var(--mx-space-12)}
.client-section-heading p{font-size:17px;line-height:1.5;color:var(--muted);margin:0}
.client-case-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--mx-space-24)}
.client-case{min-width:0;background:var(--mx-surface);border:1px solid var(--mx-line);border-radius:24px;overflow:hidden}
.client-case-featured{grid-column:span 3;display:flex;flex-direction:column}
.client-visual{margin:0;padding:var(--mx-space-12) var(--mx-space-12) 0;min-width:0}
.client-image-button{position:relative;display:block;width:100%;padding:0;border:0;border-radius:16px;overflow:hidden;background:var(--mx-soft);cursor:zoom-in}
.client-image-button img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center}
.client-visual-cedric .client-image-button{background:#f2f6ef}
.client-zoom{position:absolute;right:var(--mx-space-12);bottom:var(--mx-space-12);display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:var(--mx-page);color:var(--mx-ink);border:1px solid var(--mx-line);font:500 23px/1 var(--mx-font-sans)}
.client-image-button:hover .client-zoom{background:var(--mx-soft)}
.client-visual figcaption{padding:var(--mx-space-12) var(--mx-space-12) 0;color:var(--muted);font-size:12px;line-height:1.5}
.client-visual figcaption a{color:inherit;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
.client-case-body{display:flex;flex-direction:column;padding:var(--mx-space-24) var(--mx-space-32) var(--mx-space-32);flex:1;min-width:0}
.client-person{display:flex;align-items:center;gap:var(--mx-space-12);margin-bottom:var(--mx-space-24)}
.client-person>img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}
.client-person p{margin:0;line-height:1.35}
.client-person .client-name{font-size:16px;font-weight:500;color:var(--mx-ink)}
.client-person .client-job{font-size:12px;color:var(--muted);margin-top:var(--mx-space-04)}
.client-case h4{font-size:clamp(28px,2.5vw,34px);font-weight:600;line-height:1.13;letter-spacing:-.022em;margin:0 0 var(--mx-space-16)}
.client-intro{font-size:16px;line-height:1.55;color:var(--muted);margin:0 0 var(--mx-space-24)}
.client-facts{padding:0;margin:0 0 var(--mx-space-24);font-size:14px;line-height:1.55}
.client-facts>div{display:grid;grid-template-columns:94px minmax(0,1fr);gap:var(--mx-space-16);padding:var(--mx-space-16) 0;border-top:1px solid var(--mx-line)}
.client-facts dt{color:var(--muted);font-weight:500;font-size:12px}
.client-facts dd{margin:0;color:var(--mx-ink)}
.client-case-footer{margin-top:auto}
.client-topic{display:flex;align-items:center;gap:var(--mx-space-08);font-size:12px;color:var(--muted);font-weight:500;min-height:32px}
.client-agent{position:relative;width:28px;height:28px;background:var(--mx-agent-color);border-radius:50%;flex-shrink:0}
.client-agent::before,.client-agent::after{content:"";position:absolute;top:40%;height:6px;width:4px;border-radius:50%;background:white}
.client-agent::before{left:8px}.client-agent::after{right:8px}
.client-agent-orange{--mx-agent-color:#E8813A;border-radius:58% 42% 48% 52%}
.client-agent-plum{--mx-agent-color:#B04A9A;border-radius:60% 40% 55% 45%}
.client-agent-blue{--mx-agent-color:#3B6CFF}
.client-agent-green{--mx-agent-color:#1F9E7A;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);border-radius:0}
.client-agent-teal{--mx-agent-color:#218E86;border-radius:50% 15% 50% 50%}
.client-tools{display:flex;align-items:center;gap:var(--mx-space-08);margin-left:auto}
.client-tools img{display:block;width:22px;height:22px;object-fit:contain}
.client-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--mx-space-08) var(--mx-space-16);padding-top:var(--mx-space-24);margin-top:var(--mx-space-16);border-top:1px solid var(--mx-line)}
.client-actions a{display:inline-flex;align-items:center;justify-content:center;gap:var(--mx-space-12);min-height:44px;padding:var(--mx-space-08) var(--mx-space-16);font-size:13px;font-weight:500;text-decoration:none;border-radius:999px;color:var(--mx-ink)}
.client-actions .client-read{border:1px solid var(--mx-line);background:var(--mx-soft)}
.client-actions a:hover{background:var(--mx-soft);text-decoration:underline;text-underline-offset:4px}
.client-cases :is(a,button):focus-visible{outline:3px solid var(--mx-focus);outline-offset:4px}
.client-image-button:focus-visible{outline-offset:-5px!important}
.client-case-wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:start}
.client-case-wide .client-visual{padding:var(--mx-space-12);height:100%;display:flex;flex-direction:column;justify-content:center}
.client-case-wide .client-image-button{flex:0 0 auto;min-height:0}
.client-case-wide .client-image-button img{height:auto;width:100%;aspect-ratio:3/2;object-fit:contain}
.client-case-wide .client-visual figcaption{padding-top:var(--mx-space-04)}
.client-case-wide .client-case-body{padding-top:var(--mx-space-32)}
.client-case-text{grid-column:span 2;display:flex;flex-direction:column}
.client-case-text .client-case-body{padding:var(--mx-space-32)}
.client-case-text h4{font-size:25px;min-height:3.4em;margin-bottom:var(--mx-space-24)}
.client-case-text .client-person{align-items:flex-start;min-height:60px}
.client-case-text .client-facts>div{display:block}
.client-case-text .client-facts dt{margin-bottom:var(--mx-space-08)}
.client-case-text .client-facts{font-size:14px}
.client-case-text .client-case-footer{border-top:1px solid var(--mx-line);padding-top:var(--mx-space-16)}
.client-lightbox{margin:auto;width:min(1160px,calc(100vw - 32px));max-height:90svh;padding:var(--mx-space-24);background:var(--mx-surface);color:var(--mx-ink);border:1px solid var(--mx-line);border-radius:24px;overflow:auto}
.client-lightbox::backdrop{background:rgba(20,20,20,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.client-lightbox>header{display:flex;align-items:center;justify-content:space-between;gap:var(--mx-space-16);margin-bottom:var(--mx-space-16)}
.client-lightbox>header p{font-size:14px;font-weight:500;margin:0}
.client-lightbox-close{font:500 13px var(--mx-font-sans);min-height:44px;padding:var(--mx-space-08) var(--mx-space-16);border-radius:999px;background:var(--mx-soft);border:1px solid var(--mx-line);color:inherit;cursor:pointer}
.client-lightbox-close span{margin-left:var(--mx-space-12);font-size:19px}
.client-lightbox-image{display:block;max-height:68svh;width:100%;height:auto;object-fit:contain;border-radius:16px}
.client-lightbox-caption{font-size:13px;line-height:1.5;color:var(--muted);margin:var(--mx-space-16) 0 0}
.client-article-figure{max-width:1000px}
.client-article-figure figcaption{line-height:1.6}
@media(max-width:1099px){
  .client-case-body{padding:var(--mx-space-24)}
  .client-case-grid{gap:var(--mx-space-16)}
  .client-case-text{grid-column:span 3}
  .client-case-text:last-child{grid-column:1/-1}
  .client-case-text:last-child .client-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mx-space-24)}
  .client-case-text:last-child h4{min-height:0}
  .client-case-text:last-child .client-topic{max-width:420px}
  .client-facts>div{grid-template-columns:82px minmax(0,1fr);gap:var(--mx-space-12)}
}
@media(max-width:767px){
  .client-cases{padding-top:var(--mx-space-32)}
  .client-section-heading{margin-bottom:var(--mx-space-24)}
  .client-section-heading p{font-size:16px}
  .client-case-grid{display:flex;flex-direction:column;gap:var(--mx-space-24)}
  .client-case{border-radius:20px}
  .client-case-body,.client-case-text .client-case-body,.client-case-wide .client-case-body{padding:var(--mx-space-24)}
  .client-case h4{font-size:28px}
  .client-person{margin-bottom:var(--mx-space-24)}
  .client-case-wide{display:flex;flex-direction:column}
  .client-case-wide .client-visual{height:auto;width:100%;padding-bottom:0}
  .client-case-wide .client-image-button{min-height:0;flex:initial}
  .client-case-wide .client-image-button img{position:static;aspect-ratio:3/2;height:auto;object-fit:contain}
  .client-facts{font-size:15px}
  .client-case-text h4{min-height:0}
  .client-case-text .client-person{min-height:0}
  .client-case-text:last-child .client-facts{display:block}
  .client-case-text .client-facts>div{display:grid}
  .client-case-text .client-facts dt{margin:0}
  .client-visual figcaption{padding-inline:var(--mx-space-12);font-size:11px}
  .client-lightbox{padding:var(--mx-space-16);border-radius:20px}
  .client-lightbox>header p{font-size:12px}
}
@media(max-width:359px){
  .client-case-body,.client-case-text .client-case-body,.client-case-wide .client-case-body{padding:var(--mx-space-24)}
  .client-case h4{font-size:26px}
  .client-facts>div,.client-case-text .client-facts>div{display:block}
  .client-facts dt,.client-case-text .client-facts dt{margin-bottom:var(--mx-space-08)}
  .client-person .client-name{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.client-cases *{scroll-behavior:auto!important}}