/* Real client/project previews: local assets, no embeds or remote tracking. */
.clients-section{border-bottom:1px solid var(--line)}
.clients-heading{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin-bottom:35px}
.clients-heading h2{font-size:clamp(2.7rem,5vw,4.5rem);margin-bottom:0}
.clients-heading>p{max-width:390px;color:var(--muted);font-size:.96rem;line-height:1.85;margin-bottom:7px}
.clients-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.client-card{display:block;min-width:0;text-decoration:none;border:1px solid var(--line);background:var(--panel);border-radius:3px;overflow:hidden;transition:border-color .2s}
.client-card:hover,.client-card:focus-visible{border-color:var(--green)}
.client-browser{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 17px;font:.55rem/1.6 var(--mono);color:var(--muted);border-bottom:1px solid var(--line)}
.client-browser>span:first-child{color:var(--green);white-space:nowrap}.client-browser>span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-browser>span:last-child{color:var(--green);font-size:.85rem}
.client-image{overflow:hidden;aspect-ratio:1440/980;background:var(--bg);border-bottom:1px solid var(--line)}
.client-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s ease}
.client-card:hover .client-image img{transform:scale(1.025)}
.client-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px}
.client-category{font:.53rem/1.8 var(--mono);letter-spacing:.035em;text-transform:uppercase;color:var(--green);display:block;margin-bottom:10px}
.client-caption h3{font-size:1.65rem;letter-spacing:-.04em;line-height:1.15;margin-bottom:10px}
.client-caption p{font-size:.79rem;line-height:1.7;color:var(--muted);margin:0;max-width:325px}
.client-visit{flex-shrink:0;color:var(--green);font:.6rem var(--mono);white-space:nowrap}
@media(min-width:781px) and (max-width:1150px){.topbar{gap:20px}.topbar nav{gap:15px}.topbar nav a{font-size:.72rem}}
@media(max-width:900px){.clients-heading{gap:30px}.client-caption{padding:21px;gap:10px}.client-caption h3{font-size:1.45rem}.client-visit{font-size:.53rem}}
@media(max-width:780px){.clients-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.clients-heading>p{font-size:.85rem;max-width:510px}.clients-grid{grid-template-columns:1fr;gap:24px}.client-caption{padding:23px;gap:16px}.client-caption h3{font-size:1.65rem}.client-category{font-size:.51rem}.client-caption p{font-size:.77rem}.client-visit{font-size:.55rem}.client-browser{font-size:.52rem;padding:12px 16px}}
@media(max-width:420px){.client-caption{align-items:flex-start;padding:20px;gap:16px}.client-visit{font-size:0;line-height:1}.client-visit::after{content:'↗';font-size:1.3rem}.client-category{font-size:.48rem}.client-caption h3{font-size:1.55rem}.client-browser{font-size:.48rem;gap:9px}.client-caption p{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.client-card,.client-image img{transition:none}.client-card:hover .client-image img{transform:none}}