:where(.route-work) .work-filter{border-bottom:thin solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding:8px 0 16px;display:flex}:where(.route-work) .filter-set{flex-wrap:wrap;gap:24px;display:flex}:where(.route-work) .filter-set button{letter-spacing:-.015em;color:var(--secondary-ink);padding:8px 0;font-size:16px;transition:color .32s;position:relative}:where(.route-work) .filter-set button:after{content:"";background:var(--filter-colour,#111);transform-origin:0;height:2px;transition:transform .32s var(--ease);border-radius:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}:where(.route-work) .filter-set button[aria-pressed=true]{color:#111}:where(.route-work) .filter-set button[aria-pressed=true]:after{transform:scaleX(1)}@media (hover:hover){:where(.route-work) .filter-set button:hover{color:#111}}:where(.route-work) .work-index .case-card[hidden]{display:none}:where(.route-work) .work-index .case-card.card-in{animation:card-in .52s var(--ease) both}@keyframes card-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}:where(.route-work) .work-empty{flex-direction:column;grid-column:1/-1;align-items:flex-start;gap:24px;padding:48px 0;display:flex}:where(.route-work) .work-empty p{letter-spacing:-.035em;max-width:34ch;font-size:24px}@media (max-width:768px){:where(.route-work) .work-filter{gap:16px;margin-bottom:24px;padding-bottom:12px}:where(.route-work) .filter-set{gap:16px}:where(.route-work) .filter-set button{font-size:14px}:where(.route-work) .work-empty{padding:32px 0}:where(.route-work) .work-empty p{font-size:16px}}@media (prefers-reduced-motion:reduce){:where(.route-work) .work-index .case-card.card-in{animation:none}}:where(.route-work) .case-card.case-foundation .case-logo,:where(.route-work) .case-card.case-foundation .case-cover:before{display:none}:where(.route-work) .case-card.case-foundation .case-index{color:#111}@media (max-width:767px){:where(.route-work) .case-card.case-foundation .case-cover{background:#fff}:where(.route-work) .case-card.case-foundation .case-cover img{object-fit:contain}}:where(.route-work) .case-card .case-hook{letter-spacing:-.02em;color:#111;max-width:30ch;margin:10px 0 0;font-size:18px;line-height:1.3}:where(.route-work) .work-samples{border-top:1px solid var(--line)}:where(.route-work) .work-samples p{max-width:64ch;margin-top:18px;line-height:1.5}:where(.route-work) .work-samples h2{margin-top:18px}:where(.route-work) .work-samples a{text-underline-offset:5px;text-decoration:underline}