.work-visual-directory{padding-bottom:clamp(48px,6vw,96px)}.work-visual-tools{border-block:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-block:12px;display:flex}.work-visual-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.work-visual-filters :is(button,a){border:1px solid var(--border-strong);border-radius:var(--radius-pill);min-height:44px;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 16px;font-size:13px;line-height:1.25;text-decoration:none;display:inline-flex}.work-visual-filters button[aria-pressed=true]{--button-highlight-fill:var(--action-primary);--button-highlight-ink:var(--text-on-action);--button-highlight-hover:var(--accent-700);color:var(--text-on-action);background:var(--action-primary);border-color:var(--action-primary)}.work-visual-tools .project-search{flex:270px;min-width:0;max-width:350px}.work-visual-count{color:var(--text-secondary);margin:12px 0 16px;font-size:13px}.work-visual-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,4vw,64px) clamp(20px,2.5vw,40px);margin:0;padding:0;list-style:none;display:grid}.work-visual-card{min-width:0;scroll-margin-top:calc(var(--header-height) + 24px);position:relative}.work-visual-card>a{height:100%;color:var(--text-primary);text-decoration:none;display:block}.work-visual-artwork{aspect-ratio:4/3;background:var(--surface-secondary);overflow:hidden}.work-visual-artwork img{object-fit:contain;width:100%;height:100%;transition:transform .22s var(--ease);display:block}.work-visual-caption{padding-top:18px}.work-visual-caption>p:first-child{color:var(--text-secondary);margin:0 0 6px;font-size:13px}.work-visual-caption h2{letter-spacing:-.025em;text-wrap:pretty;margin:0 0 10px;font-size:clamp(20px,1.55vw,26px);font-weight:600;line-height:1.2}.work-page :is(.one-page-work-heading h1,.work-visual-caption h2) :is(.localized-title-segment,.localized-phrase-segment){vertical-align:top;width:max-content;max-width:100%;display:inline-block}.work-visual-caption .work-visual-details{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.work-visual-year{color:var(--text-secondary);margin-top:4px;font-size:12px;display:block}.work-grid-anchor{scroll-margin-top:calc(var(--header-height) + 24px);position:absolute;top:0}.work-visual-directory :is(a,button,input,ol):focus-visible{outline:2px solid var(--focus);outline-offset:5px}.work-carousel-controls,.work-swipe-hint{display:none}.work-visual-empty{padding-block:40px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.work-visual-card>a:hover img{transform:scale(1.025)}}@media (width>=768px) and (width<=1023px){.work-visual-track{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=767px){.work-visual-tools{align-items:stretch;gap:10px}.work-visual-filters{gap:6px}.work-visual-filters :is(button,a){padding-inline:12px;font-size:12px}.work-visual-tools .project-search{flex-basis:100%;max-width:none}.work-visual-count{margin-bottom:4px}.work-swipe-hint{color:var(--text-secondary);margin:0 0 12px;font-size:12px;display:block}.work-visual-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;margin-right:calc(-1 * var(--gutter));padding:0 var(--gutter) 8px 0;gap:16px;display:flex;overflow-x:auto}.work-visual-track::-webkit-scrollbar{display:none}.work-visual-card{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 88%}.work-visual-card:last-child{margin-right:12%}.work-visual-caption h2{font-size:23px}.work-carousel-controls{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.work-carousel-controls>button{border-radius:var(--radius-pill);border:1px solid var(--border-strong);width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:0 0;place-items:center;display:grid}.work-carousel-controls>button:disabled{opacity:.35;cursor:default}.work-carousel-position{color:var(--text-secondary);justify-items:center;font-size:12px;display:grid}.work-carousel-dots{display:flex}.work-carousel-dots button{--button-highlight-fill:transparent;cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:44px;padding:0;display:grid}.work-carousel-dots span{background:var(--border-strong);border-radius:50%;width:5px;height:5px}.work-carousel-dots [aria-current] span{background:var(--action-primary);border-radius:8px;width:16px}}@media (prefers-reduced-motion:reduce){.work-visual-track{scroll-behavior:auto}.work-visual-artwork img{transition:none;transform:none}}
