.client-projects{--project-bg:#dfeaf0;--project-ink:#17354c;background:var(--project-bg);color:var(--project-ink);padding:80px 4.5vw 55px;scroll-margin-top:74px;transition:background .65s,color .65s}
.project-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:6vw;align-items:end;padding-bottom:38px}
.project-heading h2{font:clamp(3.4rem,6.4vw,6.8rem)/1.03 var(--serif);letter-spacing:-.035em;margin-top:24px}
.project-heading h2 em{font-weight:400}.project-heading>div:last-child>p{font-size:1rem;line-height:1.8;max-width:440px}
.project-controls{display:flex;gap:12px;align-items:center;margin-top:24px}.project-controls button{background:transparent;color:inherit;border:1px solid currentColor;border-radius:50%;width:44px;height:44px;font-size:20px}.project-controls button:hover{background:#ffffff50}.project-position{font-size:12px;margin-left:8px;letter-spacing:.06em}
.project-selector{display:flex;overflow-x:auto;gap:27px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;scrollbar-width:thin;padding:0 2px;margin-bottom:36px}
.project-selector button{flex-shrink:0;position:relative;min-height:64px;border:0;background:transparent;color:inherit;opacity:1;white-space:nowrap;font-size:15px;font-weight:400;letter-spacing:.05em;padding:17px 0}.project-selector button>span{font-size:10px;font-weight:400;vertical-align:super;margin-right:6px}.project-selector button[aria-pressed=true]{opacity:1;font-weight:600}.project-selector button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:currentColor}.project-selector button:hover{opacity:1}
.project-feature{display:grid;grid-template-columns:1.3fr .7fr;gap:5vw;align-items:center}.project-main-image{position:relative;width:100%;border:0;background:#ffffff40;padding:0;overflow:hidden;color:inherit;display:block}.project-main-image>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .8s var(--ease)}.project-main-image:hover>img{transform:scale(1.025)}.project-open{position:absolute;bottom:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.06em;background:#f8f5eeeb;color:#26221e;padding:12px 17px}.project-open b{font-size:24px;font-weight:400}
.project-story h3{font:clamp(3rem,5vw,5.2rem)/1 var(--serif);letter-spacing:-.035em;margin:18px 0}.project-story>.eyebrow{font-size:11px;letter-spacing:.07em}.project-line{font:1.8rem/1.2 var(--serif);max-width:370px}.project-brief{font-size:15px;line-height:1.75;margin:19px 0;max-width:390px}.project-palette{display:flex;align-items:center;gap:7px;margin:25px 0}.project-palette>span:not(.project-scope){width:21px;height:21px;border-radius:50%;border:1px solid #0002;flex-shrink:0}.project-scope{font-size:9px;letter-spacing:.04em;margin-left:7px;max-width:165px;line-height:1.5}.project-story .text-link{font-size:14px}
.project-contact-sheet{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-top:28px}.project-contact-sheet button{display:block;border:0;background:transparent;color:inherit;padding:0;text-align:left}.project-contact-sheet button>span{display:block;overflow:hidden;background:#ffffff45}.project-contact-sheet img{width:100%;aspect-ratio:3/2;object-fit:cover;height:auto;transition:transform .6s var(--ease)}.project-contact-sheet button:hover img{transform:scale(1.04)}.project-contact-sheet small{font-size:11px;letter-spacing:.05em;display:block;margin-top:9px;text-transform:uppercase}
.project-footnote{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #0002;padding-top:25px;margin-top:35px;font-size:12px;line-height:1.6}.project-footnote p{max-width:670px}.project-footnote a{flex-shrink:0;align-self:start;border-bottom:1px solid currentColor}
.client-projects button:focus-visible,.client-projects a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.brand-filter-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:-12px 0 30px;font-size:13px}.brand-filter-row label{display:flex;align-items:center;gap:12px}.brand-filter-row select{max-width:260px;min-height:44px;padding:8px 32px 8px 12px;border:1px solid var(--line);background:transparent;color:var(--wine);font:inherit}.brand-filter-row p{color:#75645c}.archive-empty{padding:50px 0;font-family:var(--serif);font-size:26px}
@media(max-width:1000px){.project-feature{grid-template-columns:1.15fr .85fr;gap:30px}.project-story h3{font-size:44px}.project-line{font-size:25px}.project-brief{font-size:14px}.project-palette{margin:20px 0}.project-heading{gap:30px}}
@media(max-width:700px){.client-projects{padding:55px 22px 38px}.project-heading{display:block;padding-bottom:25px}.project-heading h2{font-size:49px;margin:20px 0 25px}.project-heading>div:last-child>p{font-size:15px}.project-controls{margin-top:18px}.project-selector{margin-bottom:25px;gap:24px}.project-selector button{min-height:57px}.project-feature{display:flex;flex-direction:column;gap:28px;align-items:stretch}.project-main-image>img{aspect-ratio:3/2}.project-open{left:10px;right:10px;bottom:10px;padding:8px 12px;font-size:10px}.project-story h3{font-size:50px;margin:14px 0}.project-line{font-size:29px;max-width:none}.project-brief{font-size:15px;max-width:none}.project-palette{margin:23px 0}.project-scope{max-width:none;font-size:9px}.project-contact-sheet{gap:10px;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:138px;overflow-x:auto;padding:0 0 12px;margin-top:28px;scroll-snap-type:x proximity}.project-contact-sheet button{scroll-snap-align:start}.project-contact-sheet small{font-size:10px}.project-footnote{display:block;margin-top:22px;padding-top:20px}.project-footnote a{display:inline-block;margin-top:16px}.brand-filter-row{align-items:flex-start;margin:0 6px 24px;flex-direction:column;gap:10px}.brand-filter-row label{width:100%;justify-content:space-between}.brand-filter-row select{width:70%;min-width:0}.brand-filter-row p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.client-projects,.project-main-image>img,.project-contact-sheet img{transition:none}}
.motion-off .client-projects,.motion-off .project-main-image>img,.motion-off .project-contact-sheet img{transition:none}
@media(max-width:700px){.case-dialog .case-close{float:none;display:block;width:max-content;margin:12px 12px 12px auto;top:12px}.case-dialog .case-layout{clear:both}}