.work-filters{flex-wrap:wrap;gap:8px;margin:clamp(40px,6vh,64px) 0 20px;display:flex}.work-filters button{height:42px;box-shadow:inset 0 0 0 1px var(--line);color:var(--muted);transition:background-color .4s var(--ease), color .4s, box-shadow .4s;background:0 0;border:0;border-radius:100px;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:500;display:inline-flex}.work-filters button span{color:var(--faint);font-size:11px;transition:color .4s}.work-filters button:hover{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2)}.work-filters button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}.work-filters button[aria-pressed=true] span{color:#ffffff8c}.work-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.work-row{border-bottom:1px solid var(--line)}.work-row[hidden]{display:none}.work-row a{transition:opacity .5s var(--ease);grid-template-columns:64px 1fr 150px 230px 44px;align-items:center;gap:16px;padding:clamp(18px,2.4vw,28px) 0;display:grid}.work-list:hover .work-row a{opacity:.28}.work-list:hover .work-row a:hover{opacity:1}.work-n{color:var(--faint);font-size:12px}.work-thumb{display:none}.work-name{letter-spacing:-.04em;transition:padding .7s var(--ease), color .4s;font-size:clamp(1.6rem,3.4vw,3.25rem);font-weight:560;line-height:1.05}.work-row a:hover .work-name{padding-left:18px}.work-sector{color:var(--blue);font-size:14px}.work-domain{color:var(--faint);font-size:12px}.work-arrow{width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .5s var(--ease), color .5s, box-shadow .5s;border-radius:50%;place-items:center;display:grid}.work-arrow svg{transition:transform .7s var(--ease)}.work-row a:hover .work-arrow{background:var(--blue);color:#fff;box-shadow:none}.work-row a:hover .work-arrow svg{transform:rotate(45deg)}.work-preview{z-index:5;width:clamp(320px,28vw,440px);box-shadow:0 0 0 1px var(--line), 0 40px 80px -30px #0b122073;pointer-events:none;opacity:0;visibility:hidden;background:#fff;border-radius:14px;position:fixed;top:0;left:0;overflow:hidden}.work-preview-bar{border-bottom:1px solid var(--line);align-items:center;gap:5px;height:28px;padding:0 12px;display:flex}.work-preview-bar i{background:var(--line);border-radius:50%;width:8px;height:8px}.work-preview-bar span{color:var(--faint);margin:0 auto;font-size:10px;transform:translate(-14px)}.work-preview-imgs{aspect-ratio:16/9.2;background:var(--surface);position:relative;overflow:hidden}.work-preview-imgs img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .45s var(--ease), transform .9s var(--ease);position:absolute;inset:0;transform:scale(1.08)}.work-preview-imgs img.is-on{opacity:1;transform:none}@media (max-width:1024px),(pointer:coarse){.work-preview{display:none}.work-list:hover .work-row a{opacity:1}.work-row a{grid-template-columns:96px 1fr 40px;gap:6px 14px}.work-n{display:none}.work-thumb{box-shadow:0 0 0 1px var(--line);border-radius:8px;grid-row:span 2;display:block;overflow:hidden}.work-thumb img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;height:auto}.work-name{letter-spacing:-.025em;grid-column:2;font-size:1.25rem}.work-sector{grid-area:2/2;font-size:13px}.work-domain{display:none}.work-arrow{grid-area:1/3/span 2;width:40px;height:40px}.work-row a:hover .work-name{padding-left:0}}