.client-work-page{background:var(--white)}
.client-work-relationship{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;padding:20px 0 40px;align-items:start}
.client-work-relationship h2{font-size:clamp(2rem,2.8vw,2.7rem);line-height:1.17;margin:0;max-width:24ch}
.client-work-relationship p{font-size:.9375rem;line-height:1.9;max-width:620px}
.client-work-partner-portrait{padding:0 0 60px}
.client-work-partner-portrait img{width:100%;height:auto}
.client-work-partner-portrait figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:14px;color:var(--muted);font-size:.6875rem;letter-spacing:.06em;line-height:1.7}
.client-work-intro{padding-block:72px}
.client-work-intro>.eyebrow{margin-bottom:28px}
.client-work-intro>div{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:start}
.client-work-intro h2{font-size:clamp(2.1rem,3.2vw,3rem);margin:0}
.client-work-intro>div>p{font-size:.9375rem;max-width:620px;line-height:1.9}
.client-case{position:relative;border-top:1px solid var(--line);padding:160px 0 76px;background:#f0ebe2}
.client-case-watermark{position:absolute;top:20px;left:max(56px,calc((100% - 1280px)/2));font:italic 400 7rem/1 Georgia,'Times New Roman',serif;letter-spacing:-.05em;color:#83562738;pointer-events:none;user-select:none}
.client-case-commercial{background:var(--white)}
.client-case-heading h2{font-size:clamp(1.85rem,2.8vw,2.7rem);line-height:1.17;margin-bottom:18px;max-width:42ch}
.client-case-profile{font-size:.75rem;letter-spacing:.045em;color:#5c5449;line-height:1.8}
.client-case-overview{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:start;margin-top:38px}
.client-case-summary h3{font-size:.75rem;letter-spacing:.1em;color:var(--copper);text-transform:uppercase}
.client-case-summary p{font-size:.9375rem;line-height:1.9;margin-top:10px;max-width:620px}
.client-case-summary h3:not(:first-child){margin-top:26px}
.client-case-role-note{font-size:.8125rem;line-height:1.9;margin-top:32px;padding-top:18px;border-top:1px solid var(--line);color:#5c5449;max-width:900px}
.client-case-capabilities{max-width:430px}
.client-case-capabilities h3,.client-case-section-label{font-size:.75rem;letter-spacing:.1em;color:var(--copper);text-transform:uppercase}
.client-case-capabilities ul{padding:0;margin:12px 0 0;list-style:none}
.client-case-capabilities li{font-size:.75rem;line-height:1.8;padding:3px 0 3px 13px;position:relative}
.client-case-capabilities li::before{content:"";width:3px;height:3px;background:var(--copper);position:absolute;left:0;top:13px}
.client-case-section-label{margin-top:34px}
.client-case-service-scope{margin-top:42px}
.client-case-service-scope>.client-case-section-label{margin:0 0 18px}
.client-case-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:30px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.client-case-metrics>div{padding:25px 32px 28px 0;display:flex;flex-direction:column-reverse;gap:8px}
.client-case-metrics>div+div{border-left:1px solid var(--line);padding-left:32px}
.client-case-metrics dt{font-size:.8125rem;letter-spacing:.04em;color:#5c5449}
.client-case-metrics dd{font:400 clamp(3rem,4.8vw,4.4rem)/1 var(--serif);margin:0;color:var(--copper)}
.client-case-metrics-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.client-case-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:16px}
.client-case-results>div{padding-top:20px;border-top:1px solid var(--line)}
.client-case-results h3{font-size:.875rem;font-weight:500;letter-spacing:0}
.client-case-results p{font-size:.8125rem;line-height:1.85;margin-top:10px;color:#5c5449;max-width:320px}
.client-case-scope{border-top:1px solid var(--line)}
.client-case-scope:last-child{border-bottom:1px solid var(--line)}
.client-case-scope summary{display:flex;align-items:center;justify-content:space-between;padding:21px 0;cursor:pointer;list-style:none;font-size:.875rem;color:var(--copper)}
.client-case-scope summary::-webkit-details-marker{display:none}
.client-case-scope summary:focus-visible{outline:2px solid var(--copper);outline-offset:4px}
.client-scope-toggle{width:16px;height:16px;position:relative;margin-left:24px;flex:none}
.client-scope-toggle::before,.client-scope-toggle::after{content:"";position:absolute;background:currentColor;top:7px;left:0;width:16px;height:1px;transition:transform .6s ease}
.client-scope-toggle::after{transform:rotate(90deg)}
.client-case-scope[open] .client-scope-toggle::after{transform:rotate(0)}
.client-scope-content{max-width:860px;padding:0 0 26px;animation:client-scope-arrive .7s ease both}
.client-scope-content h4{font-size:.75rem;font-weight:500;margin:20px 0 0;letter-spacing:.025em;color:var(--copper)}
.client-scope-content h4:first-child{margin-top:4px}
.client-scope-content p{font-size:.8125rem;line-height:1.9;margin-top:10px;color:#5c5449}
@keyframes client-scope-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.client-case-overview,.client-work-intro>div,.client-work-relationship{gap:45px}}
@media(max-width:760px){.client-work-relationship{grid-template-columns:1fr;gap:20px;padding:12px 0 30px}.client-work-partner-portrait{padding-bottom:40px}}
@media(max-width:760px){.client-case-metrics-four{grid-template-columns:repeat(2,minmax(0,1fr))}.client-case-metrics-four>div:nth-child(3){border-left:0;padding-left:0}.client-case-metrics-four>div:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:760px){.client-work-intro{padding-block:46px}.client-work-intro>div,.client-case-overview{grid-template-columns:1fr;gap:30px}.client-case{padding:48px 0}.client-case-heading h2{margin-bottom:16px}.client-case-metrics{margin-top:26px}.client-case-metrics>div{padding:20px 10px 20px 0}.client-case-metrics>div+div{padding-left:16px}.client-case-metrics dt{font-size:.6875rem;letter-spacing:0}.client-case-metrics dd{font-size:2.8rem}.client-case-results{grid-template-columns:1fr;gap:20px;margin-top:20px}.client-case-results p{max-width:none}.client-case-service-scope{margin-top:32px}.client-case-scope summary{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.client-scope-content{animation:none}.client-scope-toggle::before,.client-scope-toggle::after{transition:none}}
@media(min-width:761px) and (max-width:1100px){.client-case-watermark{left:32px}}
@media(max-width:760px){.client-case{padding-top:120px}.client-case-watermark{left:24px;top:18px;font-size:5.5rem}}
