/* Extension of SOLONSKY Indigo/Porcelain. Real film frames, preserved at source ratio. */
.client-cases{--case-ink:#1c2034;--case-paper:#f4f0e8;color:var(--case-ink);background:var(--case-paper);padding:clamp(48px,7vw,112px) max(24px,calc((100vw - 1240px)/2));text-align:left}
.client-cases h2{font-family:Manrope,sans-serif;font-size:clamp(2rem,4.5vw,4rem);font-weight:500;line-height:1.08;letter-spacing:-.035em;margin:0 0 20px;text-wrap:balance}
.client-cases-intro{font-size:clamp(17px,1.5vw,21px);line-height:1.6;max-width:60ch;margin:0 0 36px}
.client-cases-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.client-case{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:24px;align-items:start;padding-top:24px;border-top:1px solid #1c20342e}
.client-case figure{margin:0}.client-case img{width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#1c2034;display:block}
.client-case h3{font-family:Manrope,sans-serif;font-size:clamp(23px,2.2vw,31px);font-weight:500;line-height:1.2;letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance}
.client-case p{font-size:16px;line-height:1.65;margin:0 0 20px;max-width:65ch}.client-cases a,.client-case-page a{text-underline-offset:.25em;text-decoration-thickness:1px}
.client-case a,.case-links a{display:inline-flex;align-items:center;min-height:44px;margin:0 16px 8px 0;text-decoration:underline;font-weight:600}
.client-cases a:hover,.client-case-page a:hover{color:#454d73}.client-cases a:focus-visible,.client-case-page :focus-visible{outline:2px solid #454d73;outline-offset:5px}
.client-case-page{margin:0;background:#f4f0e8;color:#1c2034;font-family:Manrope,sans-serif;line-height:1.6}.client-case-page ::selection{background:#1c2034;color:#f4f0e8}
.case-header{max-width:1328px;padding:24px 44px;margin:auto;display:flex;justify-content:space-between;gap:24px;align-items:center;border-bottom:1px solid #1c20342e}.case-brand{font-weight:700;font-size:19px;letter-spacing:.025em;text-decoration:none}.case-header nav{display:flex;flex-wrap:wrap;gap:20px}.case-header a{min-height:44px;display:inline-flex;align-items:center}
.case-main{max-width:1328px;padding:64px 44px 0;margin:auto}.case-main h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.05;letter-spacing:-.04em;font-weight:500;max-width:18ch;margin:0 0 40px;text-wrap:balance}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:clamp(32px,6vw,96px);align-items:start}.case-description{font-size:clamp(18px,2vw,22px);line-height:1.65;max-width:65ch;margin:0 0 32px}.case-facts{display:grid;grid-template-columns:100px minmax(0,1fr);gap:12px 20px;border-top:1px solid #1c20342e;padding-top:24px;margin:0 0 32px}.case-facts dt{font-weight:600}.case-facts dd{margin:0}.case-film{margin:0}.case-film video{width:100%;height:auto;aspect-ratio:9/16;display:block;object-fit:contain;background:#1c2034}.case-film figcaption{font-size:14px;margin-top:12px}.case-links{display:flex;flex-wrap:wrap;gap:8px 16px}.case-footer{border-top:1px solid #1c20342e;padding:32px 0;margin-top:64px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px}.case-footer .soloncode-powered{width:100%;margin:0}.case-footer a{min-height:44px;display:inline-flex;align-items:center}.client-case-page .client-cases{padding-inline:0}
@media(max-width:1100px){.client-case{grid-template-columns:minmax(0,160px) minmax(0,1fr);gap:20px}.client-cases-list{gap:28px}}
@media(max-width:800px){.client-cases-list{grid-template-columns:1fr}.client-case{grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:24px}.case-layout{grid-template-columns:1fr}.case-film{max-width:420px;width:100%;justify-self:center;grid-row:1}.case-layout>div{grid-row:2}.case-main{padding:40px 24px 0}.case-header{padding:16px 24px;flex-wrap:wrap}.case-header nav{gap:16px}.case-main h1{font-size:clamp(2.3rem,9vw,4rem);margin-bottom:32px}.case-description{font-size:18px}}
@media(max-width:480px){.client-case{grid-template-columns:minmax(0,112px) minmax(0,1fr);gap:20px}.client-case h3{font-size:23px}.client-case p{font-size:15px}.client-cases{padding:48px 24px}.case-facts{grid-template-columns:1fr;gap:4px}.case-facts dd{margin-bottom:12px}}
@media(prefers-reduced-motion:no-preference){.client-cases a,.client-case-page a{transition:color .18s ease-out}}

/* Service pages already supply their own horizontal page inset. */
.client-cases--service{padding-inline:0}
.case-brand{gap:12px}.case-brand img{width:36px;height:36px;object-fit:contain;flex:none}