.archive-controls { padding:14px 0 28px; }
.archive-category-tabs,.archive-sort-links { display:flex; flex-wrap:wrap; gap:0 24px; }
.archive-category-tabs { border-bottom:1px solid var(--line); padding-bottom:8px; }
.archive-controls nav a { position:relative; display:inline-flex; align-items:center; min-height:44px; padding:8px 0; color:var(--muted); font-size:13px; text-decoration:none; }
.archive-controls nav a::after { content:""; position:absolute; right:0; bottom:3px; left:0; height:1px; background:var(--ink); transform:scaleX(0); transform-origin:left; transition:transform .22s cubic-bezier(.16,1,.3,1); }
.archive-controls nav a[aria-current="true"],.archive-controls nav a:hover,.archive-controls nav a:focus-visible { color:var(--ink); }
.archive-controls nav a[aria-current="true"]::after,.archive-controls nav a:hover::after,.archive-controls nav a:focus-visible::after { transform:scaleX(1); }
.archive-sortbar { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:0 20px; padding-top:8px; }
.archive-sort-links { gap:0 20px; }
.archive-sort-links a,.archive-result-count { font-size:12px; }
.archive-result-count { margin:0; color:var(--muted); white-space:nowrap; }
.archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px 20px; padding-bottom:64px; }
.archive-card,.archive-card a { min-width:0; }
.archive-card { display:flex; }
.archive-card a { display:flex; flex-direction:column; width:100%; color:inherit; text-decoration:none; }
.archive-card .archive-art { position:relative; flex:0 0 auto; width:100%; aspect-ratio:1; overflow:hidden; }
.archive-card .archive-art img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.archive-card .archive-art svg,.archive-card .archive-art [data-daily-poster] { display:block; width:100%; height:100%; }
.archive-card .archive-art .lab-weerbeeld-preview { width:100%; height:100%; }
.archive-caption { position:relative; flex:1; display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:1fr auto; gap:6px 12px; margin-top:6px; border-top:1px solid var(--ink); padding:10px 0; }
.archive-caption h2 { grid-column:1 / -1; min-height:2.16em; margin:0; font-size:clamp(22px,2.5vw,36px); font-weight:700; line-height:1.08; letter-spacing:-.045em; overflow-wrap:anywhere; }
.archive-caption span { color:var(--muted); font-size:12px; }
.archive-caption .archive-year { text-align:right; }
/* Match the Lab overview's artwork lift and drawing caption rule. */
.archive-grid .archive-art { transition:transform .72s cubic-bezier(.16,1,.3,1); }
.archive-grid .archive-card:hover .archive-art,.archive-grid .archive-card:focus-within .archive-art { transform:translate3d(0,-5px,0); }
.archive-grid .archive-caption::after { content:""; position:absolute; right:0; bottom:0; left:0; height:1px; background:var(--ink); transform:scaleX(0); transform-origin:left; transition:transform .32s cubic-bezier(.16,1,.3,1); }
.archive-grid .archive-card:hover .archive-caption::after,.archive-grid .archive-card:focus-within .archive-caption::after { transform:scaleX(1); }
.archive-image-missing { display:grid; place-items:center; height:100%; color:var(--muted); font-size:12px; }
.archive-card a:focus-visible,.archive-selected a:focus-visible,.archive-selected button:focus-visible,.archive-controls :focus-visible { outline:2px solid var(--ink); outline-offset:4px; }
.archive-selected .selected-work-meta { align-items:center; gap:16px; flex-wrap:wrap; }
.archive-selected .selected-work-meta a { display:inline-flex; align-items:center; gap:8px; font-size:12px; color:inherit; text-decoration:none; }
.archive-arrow { display:inline-block; flex:none; width:16px!important; height:16px!important; }
.selected-work-stage { position:relative; min-width:0; min-height:610px; overflow:hidden; }
.archive-selected .selected-work-preview { display:block; position:absolute; inset:0; min-height:0; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .26s ease,transform .3s cubic-bezier(.2,.7,.2,1); }
.archive-selected .selected-work-preview.is-active { opacity:1; visibility:visible; pointer-events:auto; }
.archive-selected .selected-work-preview:focus-visible { outline-offset:-3px; }
.archive-selected .selected-work-preview.is-entering { visibility:visible; transform:translate3d(0,5px,0) scale(1.008); }
.archive-selected .selected-work-preview.is-leaving { visibility:visible; transform:translate3d(0,-3px,0) scale(.996); }
.archive-selected .selected-work-preview .archive-art { position:absolute; inset:0; width:100%; height:100%; aspect-ratio:auto; }
.archive-selected .selected-work-preview .archive-art img { object-fit:cover; object-position:center; }
.archive-selected .selected-work-preview .archive-art svg,.archive-selected .selected-work-preview .lab-weerbeeld-preview { width:100%; height:100%; }
.archive-selected .selected-work-caption b { display:flex; align-items:center; gap:8px; }
.archive-selected [hidden] { display:none!important; }
.archive-selected .selected-work-picker { min-width:0; }
.archive-selected .selected-work-item { grid-template-columns:24px 52px minmax(0,1fr); column-gap:12px; }
.archive-selected .selected-work-thumb { grid-column:2; grid-row:1 / span 2; display:block; width:52px; height:52px; overflow:hidden; }
.archive-selected .selected-work-thumb .archive-art { width:100%; height:100%; }
.archive-selected .selected-work-thumb img { display:block; width:100%; height:100%; object-fit:cover; }
.archive-selected .selected-work-thumb svg,.archive-selected .selected-work-thumb .lab-weerbeeld-preview { width:100%; height:100%; }
.archive-selected .selected-work-thumb .lab-studio-preview i { border-width:2px; }
.archive-selected .selected-work-name { grid-column:3; }
.archive-selected .selected-work-type { grid-column:3; }
.home-links.home-links--archive { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:1000px) { .archive-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:700px) { .selected-work-stage { min-height:440px; } .archive-selected .selected-work-item { grid-template-columns:20px 44px minmax(0,1fr); column-gap:10px; } .archive-selected .selected-work-number { grid-row:1 / span 2; } .archive-selected .selected-work-thumb { width:44px; height:44px; } .archive-selected .selected-work-type { display:block; } .home-links.home-links--archive { grid-template-columns:1fr; } }
@media (max-width:600px) { .archive-grid { grid-template-columns:1fr; gap:32px; } .archive-category-tabs { column-gap:18px; } }
@media (prefers-reduced-motion:reduce) { .archive-card .archive-art { transition:none; animation:none; transform:none; } }
@media (prefers-reduced-motion:reduce) { .archive-grid .archive-card .archive-art { transition:none; transform:none; } .archive-grid .archive-caption::after { transition:none; } }
@media (prefers-reduced-motion:reduce) { .archive-selected .selected-work-preview,.archive-selected .selected-work-preview img,.archive-selected .selected-work-item::after { transition:none; transform:none; } }
@media (prefers-reduced-motion:reduce) { .archive-controls nav a::after { transition:none; } }