.work-head{padding:clamp(28px, 6vw, 72px) var(--gutter) 0;grid-template-columns:1fr auto;align-items:end;gap:24px;display:grid}.work-head h1{font:800 clamp(40px, 6vw, 88px) / .95 var(--sans);letter-spacing:-.04em}.work-head p{color:var(--muted);text-align:right;max-width:36ch}.work-filters{z-index:5;padding:20px var(--gutter);background:linear-gradient(var(--bg) 70%, transparent);flex-wrap:wrap;gap:8px;display:flex;position:sticky;top:0}.work-filters button{font:500 13px/1 var(--mono);color:var(--ink);cursor:pointer;transition:border-color .15s, background .15s, transform .15s var(--ease);background:0 0;border:1px solid #3a3a3a;border-radius:99px;padding:10px 14px}.work-filters button:hover{border-color:var(--ink)}.work-filters button:active{transform:scale(.96)}.work-filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.work-filters sup{opacity:.7;margin-left:4px;font-size:10px}.work-list{padding:0 var(--gutter);margin:0;list-style:none}.work-row{border-top:1px solid var(--line)}.work-row:last-child{border-bottom:1px solid var(--line)}.work-row>a{transition:padding .35s var(--ease);grid-template-columns:44px minmax(0,1.1fr) minmax(0,1.6fr) 150px 110px;align-items:baseline;gap:20px;padding:22px 0;text-decoration:none;display:grid}.work-number{font:500 12px/1 var(--mono);color:var(--muted)}.work-row h2{font:800 clamp(24px, 2.6vw, 40px) / 1 var(--sans);letter-spacing:-.03em;transition:transform .35s var(--ease)}.work-row p{color:var(--muted);font-size:16px;line-height:1.4}.work-row p small,.case small{color:var(--muted);font:500 11px/1.4 var(--mono)}.work-category{font:500 12px/1.3 var(--mono);color:var(--muted)}.work-status{font:500 12px/1 var(--mono);text-align:right;white-space:nowrap}.work-status.live:before{content:"";background:var(--live);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.work-row>a:hover h2,.work-row>a:focus-visible h2{transform:translate(12px)}.work-row>a:hover p,.work-row>a:focus-visible p{color:var(--ink)}.work-thumb{display:none}.work-empty{padding:40px var(--gutter);color:var(--muted)}.work-peek{z-index:6;pointer-events:none;opacity:0;width:380px;transition:opacity .2s, transform .35s var(--ease);position:fixed;top:0;left:0;transform:translate(-50%,-50%)scale(.85)rotate(-2deg)}.work-peek.on{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(-2deg)}.work-peek:has(img){filter:drop-shadow(0 30px 30px #0008)}@media (hover:hover) and (min-width:861px){.work-peek{display:block}}@media (hover:none),(max-width:860px){.work-peek{display:none}.work-row>a{grid-template-rows:auto auto auto;grid-template-columns:96px 1fr;gap:6px 16px;padding:18px 0}.work-thumb{grid-row:1/4;align-self:start;display:block}.work-thumb .win-bar{gap:3px;height:14px;padding:0 6px}.work-thumb .win-bar i{width:4px;height:4px}.work-thumb .win-bar span{display:none}.work-thumb .win{border-radius:6px}.work-thumb .ph{padding:4px;font-size:12px}.work-thumb .ph small,.work-number{display:none}.work-category,.work-status{text-align:left;grid-column:2}}@media (max-width:700px){.work-head{grid-template-columns:1fr}.work-head p{text-align:left}}::view-transition-group(*){animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1)}.work-filtered[data-filter=commerces] .work-row:not([data-cat=commerces]),.work-filtered[data-filter=creatifs] .work-row:not([data-cat=creatifs]),.work-filtered[data-filter=apps] .work-row:not([data-cat=apps]){display:none}.work-list{counter-reset:work}.work-row{counter-increment:work}.work-number:before{content:counter(work, decimal-leading-zero)}