/* Client work leads the portfolio; the approved client website is the evidence. */
.work-intro{padding-bottom:44px}
.client-feature{scroll-margin-top:90px;padding:32px 0 80px;background:#eeeae3;color:#343332}
.client-feature-top{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid #b9b6af;font-size:14px}
.client-feature-heading{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:7%;padding:22px 0 42px}
.client-feature-heading h2{font-size:clamp(56px,7.7vw,110px);color:#343332;line-height:1.03;margin:0}
.client-feature-heading h2 em{color:#9a4a1d}
.client-feature-heading>div{max-width:44ch;padding-bottom:4px}
.client-feature-kicker{font-size:clamp(24px,2.5vw,34px);line-height:1.16;font-weight:500;margin:0 0 20px;letter-spacing:-.025em}
.client-feature-heading p:not(.client-feature-kicker){font-size:17px;line-height:1.6;margin:0}
.client-feature-screen{display:block;color:#343332;text-decoration:none;background:#f7f3eb;border:1px solid #c7c2b9;overflow:hidden;border-radius:10px}
.client-feature-address{display:flex;justify-content:space-between;padding:14px 22px;border-bottom:1px solid #d7d1c6;font-size:13px;gap:12px}
.client-feature-screen img{display:block;width:100%;height:auto}
.client-feature-screen:focus-visible{outline:3px solid #9a4a1d;outline-offset:6px}
.client-feature-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding:34px 0}
.client-feature-notes h3{font-family:var(--sans);font-size:19px;color:#343332;line-height:1.25;margin:0 0 12px}
.client-feature-notes p{font-size:16px;line-height:1.6;margin:0;color:#55514b}
.client-feature-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #b9b6af;padding-top:24px}
.client-feature-bottom p{font-size:15px;line-height:1.6;margin:0}.client-feature-bottom p span{color:#605b54;font-size:13px}
@media(max-width:700px){.client-feature{padding:20px 0 48px}.client-feature-top{font-size:12px}.client-feature-heading{grid-template-columns:1fr;gap:25px;padding:12px 0 28px}.client-feature-heading h2{font-size:64px}.client-feature-heading>div{max-width:none}.client-feature-kicker{font-size:26px}.client-feature-notes{grid-template-columns:1fr;gap:24px;padding:28px 0}.client-feature-bottom{align-items:flex-start;flex-direction:column}.client-feature-address{padding:12px;font-size:10px}.work-intro{padding-bottom:32px}}
