:root{--paper:#f4eedc;--ink:#242820;--sage:#7e826c;--accent:#d5df79;--line:rgba(244,238,220,.32)}
*{box-sizing:border-box}
html{scrollbar-gutter:stable}
body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.6 'PingFang SC','Helvetica Neue',sans-serif}
button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}
button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.portfolio-heading-nav{display:flex;align-items:center;gap:24px}
.portfolio-return{display:inline-flex;align-items:center;min-height:30px;color:var(--paper);text-decoration:none;letter-spacing:.04em}
.portfolio-return:hover{color:var(--accent)}
.works-filters{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:-10px 0 28px}
.works-filters button{min-height:44px;border:1px solid var(--line);border-radius:25px;padding:0 16px;background:transparent;color:var(--paper);font-size:11px}
.works-filters button[aria-pressed=true]{background:var(--paper);color:var(--ink)}
.works-filters button:hover{border-color:var(--paper)}
.works-filters>p{margin:0 0 0 auto;font-size:10px;opacity:.65}
@media(max-width:900px){.portfolio-label-title{display:none}.portfolio-return{min-height:44px}.works-filters{gap:7px;margin-top:-3px}.works-filters button{font-size:10px;padding:0 12px}.works-filters>p{width:100%;margin:5px 0 0}}