.work-grid{background-color:var(--color-border);border-top:2px solid var(--color-border);border-bottom:2px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.work-card{aspect-ratio:3/4;cursor:pointer;background:var(--color-surface);text-decoration:none;display:block;position:relative;overflow:hidden}.work-card:focus-visible{outline:4px solid var(--color-primary);outline-offset:-4px}.work-card-bg{will-change:transform;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.work-card-img{object-fit:cover;width:100%;height:100%}.work-card:hover .work-card-bg,.work-card:focus-visible .work-card-bg{filter:saturate(1.04)contrast(1.02);transform:scale(1.025)}.work-card-inner{padding:var(--space-8) var(--space-6);opacity:0;background:linear-gradient(#0000 40%,oklch(7% .01 60/.96) 100%);flex-direction:column;justify-content:flex-end;transition:opacity .52s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.work-card:hover .work-card-inner,.work-card:focus-visible .work-card-inner{opacity:1}.wc-title{font-family:var(--font-display);font-size:var(--text-2xl);color:#f0ece4;margin-bottom:var(--space-2);font-weight:500;line-height:1.1}.wc-cat{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary)}.work-archive-header{padding:var(--space-20) var(--space-8) var(--space-12)}.work-filters{gap:var(--space-8);margin-top:var(--space-8);border-top:1px solid var(--color-divider);padding-top:var(--space-4);display:flex}.filter-btn{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;text-decoration:none}.filter-btn:hover,.filter-btn.active{color:var(--color-primary)}.archive-grid{padding:0 var(--space-8) var(--space-24)}work-archive{display:block}.archive-controls{gap:var(--space-4) var(--space-12);margin:0 var(--space-8) var(--space-8);padding-top:var(--space-6);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.archive-controls[hidden],.archive-card[hidden],.archive-featured-row[hidden],.archive-empty[hidden],.archive-search-clear[hidden]{display:none}.archive-controls label{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2);display:block}.archive-search-field{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.archive-search-field:focus-within{border-color:var(--color-primary);box-shadow:0 1px 0 var(--color-primary)}.archive-search-field:focus-within svg{color:var(--color-primary)}.archive-search input:focus-visible{outline:none}.archive-search-field svg{color:var(--color-text-muted);flex-shrink:0}.archive-search input,.archive-sort select{min-height:44px;font:inherit;color:var(--color-text);background:0 0;border:0;border-radius:0;font-size:1rem}.archive-search input{width:100%;min-width:0}.archive-search input::placeholder{color:var(--color-text-muted);opacity:1}.archive-search input::-webkit-search-cancel-button{appearance:none}.archive-sort select{border-bottom:1px solid var(--color-border);padding-right:var(--space-6);cursor:pointer}.archive-sort option{background:var(--color-bg);color:var(--color-text)}.archive-sort option:hover,.archive-sort option:focus,.archive-sort option:checked{background-color:var(--color-accent-3);background-image:linear-gradient(var(--color-accent-3), var(--color-accent-3));box-shadow:0 0 0 100px var(--color-accent-3) inset;color:#fff}.archive-search-clear,.archive-reset{font:inherit;font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;min-height:44px;text-decoration:underline}.archive-search-clear:hover,.archive-reset:hover{color:var(--color-primary)}.archive-result-count{font-size:var(--text-xs);color:var(--color-text-muted);grid-column:1/-1}.archive-empty{padding:var(--space-12) 0}.archive-featured-row{margin-bottom:var(--space-8)}.archive-masonry{column-count:3;column-gap:var(--space-4)}.archive-grid-category .archive-masonry{column-count:2}.archive-card{color:var(--color-text);margin-bottom:var(--space-8);break-inside:avoid;width:100%;text-decoration:none;transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .52s cubic-bezier(.16,1,.3,1);display:block;position:relative}.archive-card:hover,.archive-card:focus-visible{outline:none;transform:translateY(-4px)}.archive-thumb{background:radial-gradient(circle at 18% 20%, oklch(28% .06 35/.22), transparent 38%), linear-gradient(135deg, var(--color-surface-offset) 0%, var(--color-surface) 52%, var(--color-bg) 100%);border:1px solid var(--color-divider);margin-bottom:var(--space-4);overflow:hidden}.archive-thumb-img{object-fit:contain;width:100%;height:auto;transition:filter .9s cubic-bezier(.16,1,.3,1);display:block}.archive-thumb div.archive-thumb-img{aspect-ratio:3/4}.archive-card:hover .archive-thumb-img,.archive-card:focus-visible .archive-thumb-img{filter:saturate(1.04)contrast(1.02)}.archive-card-info{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.ac-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:500;line-height:1.1}.ac-meta{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.archive-featured-row .archive-thumb{aspect-ratio:21/9;background:radial-gradient(circle at 18% 20%, oklch(28% .06 35/.36), transparent 36%), linear-gradient(135deg, var(--color-surface-offset) 0%, var(--color-surface) 48%, var(--color-bg) 100%);border:1px solid var(--color-divider);padding:var(--space-4);box-sizing:border-box;justify-content:center;align-items:center;display:flex}.archive-featured-row .archive-thumb-img{object-fit:contain;width:100%;height:100%}.archive-featured-row .archive-card:hover .archive-thumb-img,.archive-featured-row .archive-card:focus-visible .archive-thumb-img{filter:saturate(1.04)contrast(1.02)}@media (prefers-reduced-motion:reduce){.work-card-bg,.archive-card,.archive-thumb-img,.work-card-inner{transition:none}.work-card:hover .work-card-bg,.work-card:focus-visible .work-card-bg,.archive-card:hover,.archive-card:focus-visible,.archive-card:hover .archive-thumb-img,.archive-card:focus-visible .archive-thumb-img{filter:none;transform:none}}.category-hero{padding:var(--space-16) var(--space-8) var(--space-12);border-bottom:1px solid var(--color-divider)}.cat-label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-4);display:block}.cat-title{font-family:var(--font-display);font-size:var(--text-hero);margin-bottom:var(--space-8);font-weight:800;line-height:.9}.cat-intro{gap:var(--space-12);grid-template-columns:1fr 2fr;display:grid}.cat-desc{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-muted);max-width:50ch;font-weight:300}@media (width<=900px){.archive-controls{margin-inline:var(--space-6);column-gap:var(--space-6)}.work-grid{grid-template-columns:1fr}.work-archive-header{padding:var(--space-16) var(--space-6) var(--space-6)}.work-filters{gap:var(--space-4);padding-bottom:var(--space-2);overflow-x:auto}.archive-grid{padding:0 var(--space-6) var(--space-16)}.archive-masonry,.archive-grid-category .archive-masonry{column-count:1}.archive-featured-row .archive-thumb{aspect-ratio:4/3}.archive-card-info{gap:var(--space-1);flex-direction:column}.category-hero{padding:var(--space-12) var(--space-6)}.cat-intro{gap:var(--space-6);grid-template-columns:1fr}}@media (width<=600px){.archive-controls{grid-template-columns:minmax(0,1fr)}.archive-sort{align-items:center;gap:var(--space-4);display:flex}.archive-sort label{margin-bottom:0}}.archive-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.work-card-inner .wc-cat{color:#ff8072}@media (hover:none),(pointer:coarse){.work-card-inner{opacity:1}}