.work-filters{display:flex;flex-wrap:wrap;gap:var(--gap-sm);margin-bottom:var(--gap-xl)}.work-filters button{font-size:var(--small);font-weight:700;padding:var(--gap-md) var(--gap-lg);background:var(--surface);border-radius:var(--radius-button);min-height:48px}.work-filters button[aria-pressed=true]{background:var(--text);color:var(--white)}.work-filters button:hover{background:var(--accent);color:var(--ink)}.work-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--gap-xl)}.work-card{min-width:0;position:relative;padding:var(--gap-sm);background:var(--surface);border-radius:var(--radius-card)}.work-card:nth-child(even){transform:translateY(var(--gap-2xl))}.work-image{position:relative;display:block;width:100%;padding:0;overflow:hidden;border-radius:var(--radius-inner);background:var(--card-cool);aspect-ratio:1.3}.work-card:nth-child(even) .work-image{aspect-ratio:1.08}.work-image>img{width:100%;height:100%;object-fit:cover;filter:contrast(1.06) saturate(.88);transition:transform .6s}.work-image:hover>img{transform:scale(1.035)}.work-open{position:absolute;right:var(--gap-lg);bottom:var(--gap-lg);display:grid;place-items:center;width:52px;height:52px;background:var(--accent);border-radius:var(--radius-button)}.work-image:hover .work-open{background:var(--panel)}.work-caption{display:flex;justify-content:space-between;gap:var(--gap-lg);align-items:center;padding:var(--gap-lg);margin-top:var(--gap-xs)}.work-caption h3{font:500 clamp(28px,2.6vw,38px)/1.12 var(--font-display);text-transform:uppercase;letter-spacing:-.025em}.work-caption>span{color:var(--muted);font-size:var(--caption);white-space:nowrap}.works:after{content:'';display:block;height:var(--gap-2xl)}
@media(max-width:1100px){.work-caption{display:block}.work-caption>span{display:block;margin-top:var(--gap-sm)}}
@media(max-width:700px){.work-grid{grid-template-columns:1fr;gap:var(--gap-xl)}.work-card:nth-child(even){transform:none}.work-image,.work-card:nth-child(even) .work-image{aspect-ratio:1.1}.work-caption h3{font-size:32px}.work-filters button{font-size:14px;padding:var(--gap-md) var(--gap-lg)}.works:after{display:none}}