.client-case-page{background:#f4f2ec;color:#151515}
.client-case-page>section.client-case-proof{min-height:min(760px,calc(100svh - 86px));align-content:center}
.client-case-proof .project-proof-copy h1{max-width:none;margin:.8rem 0 1.2rem;color:var(--proof-ink);font:800 clamp(3rem,5vw,5.4rem)/.87 var(--display);letter-spacing:-.05em;text-transform:uppercase;text-wrap:balance}
.client-case-proof .project-proof-copy h1 em{color:var(--proof-accent);font-style:normal}
.client-case-proof .project-proof-description{max-width:31rem}
.client-case-proof .project-proof-window>img{aspect-ratio:1.309;object-position:top center}
.client-case-proof .project-proof-stage figcaption{letter-spacing:.08em}
.client-case-intro{width:100%;margin:0;padding:clamp(3.5rem,7vw,7rem) clamp(1.25rem,6vw,6.25rem);background:#f4f2ec;color:#151515}
.client-case-intro-label{margin:0 0 1.4rem;color:#67635c;font:700 .68rem/1.4 'Liberation Mono',Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
.client-case-intro-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(17rem,.72fr);align-items:start;gap:clamp(2rem,7vw,7rem)}
.client-case-intro h2{max-width:12ch;margin:0;font:800 clamp(2.7rem,6vw,5.8rem)/.91 var(--display);letter-spacing:-.05em;text-transform:uppercase;text-wrap:balance}
.client-case-intro h2 em{color:var(--proof-accent);font-style:normal}
.client-case-intro-copy{max-width:34rem;padding-top:.4rem}
.client-case-intro-copy p{margin:0 0 1.1rem;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.65}
.client-case-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 0;padding:0;list-style:none}
.client-case-tags li{padding:.55rem .72rem;border:1px solid #15151545;border-radius:999px;font:700 .58rem/1.3 'Liberation Mono',Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.client-case-close{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr minmax(14rem,.45fr);align-items:end;gap:2rem;width:100%;margin:0;padding:clamp(3rem,7vw,7rem) clamp(1.25rem,6vw,6.25rem);overflow:hidden;background:var(--proof-surface);color:var(--proof-ink)}
.client-case-close::after{position:absolute;z-index:-1;right:-7rem;bottom:-15rem;width:min(55vw,44rem);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--proof-accent) 35%,transparent);border-radius:50%;box-shadow:0 0 0 3rem color-mix(in srgb,var(--proof-accent) 6%,transparent),0 0 0 7rem color-mix(in srgb,var(--proof-accent) 4%,transparent);content:""}
.client-case-close-copy{max-width:54rem}
.client-case-close-label{margin:0 0 1.25rem;color:var(--proof-accent);font:700 .65rem/1.4 'Liberation Mono',Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}
.client-case-close h2{margin:0;font:800 clamp(2.8rem,6.5vw,6.2rem)/.88 var(--display);letter-spacing:-.05em;text-transform:uppercase;text-wrap:balance}
.client-case-close h2 em{color:var(--proof-accent);font-style:normal}
.client-case-close-copy>p:last-child{max-width:40rem;margin:1.3rem 0 0;color:color-mix(in srgb,var(--proof-ink) 76%,transparent);line-height:1.6}
.client-case-close-action{justify-self:end;display:inline-flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;border:1px solid color-mix(in srgb,var(--proof-ink) 65%,transparent);font:700 .68rem/1.4 'Liberation Mono',Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;transition:background .25s,color .25s,border-color .25s}
.client-case-close-action span{color:var(--proof-accent);font:700 1.2rem/1 var(--body)}
.client-case-close-action:hover{border-color:var(--proof-accent);background:var(--proof-accent);color:var(--proof-surface)}
.client-case-close-action:hover span{color:inherit}
.client-case-next{width:100%;margin:0;padding:clamp(2rem,4vw,4rem) clamp(1.25rem,6vw,6.25rem);background:#f4f2ec;color:#151515}
.client-case-next .eyebrow{margin:0 0 .7rem;color:#64605a}
.client-case-next h2{margin:0;font:800 clamp(2rem,4vw,3.5rem)/.95 var(--display);letter-spacing:-.04em}
.client-case-next h2 span{color:var(--proof-accent)}
@media(max-width:760px){
  .client-case-page>section.client-case-proof{min-height:0}
  .client-case-intro-grid{grid-template-columns:1fr;gap:1.5rem}
  .client-case-intro h2{max-width:12ch}
  .client-case-close{grid-template-columns:1fr;gap:1.7rem}
  .client-case-close-action{justify-self:start}
}
@media(prefers-reduced-motion:reduce){.client-case-close-action{transition:none}}