/* Compact horizontal portfolio. Native scrolling also works without JavaScript. */
#work.selected-work{padding:64px 0}
#work .work-heading{gap:32px;margin-bottom:24px}
#work .work-heading h2{font-size:clamp(34px,3.8vw,48px)}
#work .work-heading .lede{font-size:15px;max-width:38ch}
#work .work-toolbar{padding-top:18px;margin-bottom:18px}
#work-count{margin-top:12px}
#work .portfolio-grid{display:flex;gap:22px;overflow-x:auto;overflow-y:hidden;padding:6px 4px 20px;scrollbar-width:thin;scrollbar-color:var(--accent) var(--line);overscroll-behavior-x:contain}
#work .portfolio-grid::-webkit-scrollbar{height:6px}
#work .portfolio-grid::-webkit-scrollbar-track{background:var(--line);border-radius:10px}
#work .portfolio-grid::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}
#work .work-card{flex:0 0 calc((100% - 44px)/3);max-width:420px}
#work .work-card .thumb{aspect-ratio:1;margin-bottom:13px}
#work .wc-meta{gap:12px}
#work .wc-meta h3{font-size:18px;line-height:1.25}
#work .wc-cat{font-size:11px}
#work .work-open{padding:8px 12px;font-size:10px;right:12px;bottom:12px;gap:10px}
#work .work-end{margin-top:24px;padding-top:22px}
#work .work-end p{font-size:20px}
.work-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}
.work-controls[hidden]{display:none}
.work-scroll-hint{font-size:11px;color:var(--muted);margin:0}
.work-control-buttons{display:flex;align-items:center;gap:8px}
.work-control-buttons button{display:inline-flex;justify-content:center;align-items:center;min-height:40px;padding:9px 14px;border:1px solid var(--line-2);background:transparent;border-radius:999px;font-size:11px;font-weight:600;color:var(--ink)}
.work-control-buttons button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-2)}
.work-control-buttons button:disabled{opacity:.45;cursor:default}
.work-control-buttons .work-arrow{width:40px;padding:0;font-size:18px}
@media(max-width:1000px){#work .work-card{flex-basis:calc((100% - 22px)/2);max-width:none}}
@media(max-width:600px){#work.selected-work{padding:44px 0}#work .work-heading{margin-bottom:20px}#work .work-heading .lede{margin-top:14px;font-size:14px}#work .portfolio-grid{gap:16px}#work .work-card{flex-basis:85%;max-width:none}#work .work-heading h2{font-size:36px}.work-controls{flex-wrap:wrap;gap:10px}.work-control-buttons{margin-left:auto}#work .work-end p{font-size:18px}#work .filter-row{flex-wrap:nowrap;overflow:auto;padding-bottom:8px}#work .filter-btn{flex:none}}