.archive { padding-block-start:clamp(28px,4vw,56px); }
.archive .page-heading { align-items:start; margin-block-end:16px; gap:28px; }
.archive .page-heading h1 { font-size:clamp(40px,5vw,72px); margin:0; }
.archive .page-heading p { max-inline-size:38ch; padding-block-start:8px; }
.archive-file-link { display:flex; flex-wrap:wrap; gap:0 24px; margin:0 0 24px; }
.archive-file-link .text-link { font-size:17px; margin:0; min-block-size:44px; }
.archive-audience { margin-block:12px 8px; }
.archive-purpose { margin-block:8px 20px; max-inline-size:65ch; }
.archive-controls { gap:16px; padding-block:16px 24px; }
.archive-controls label { min-inline-size:0; }
.archive .archive-results { margin-block:20px; }
.archive > .archive-grid:not(.list-view) { grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 28px; }
.archive > .archive-grid:not(.list-view) .artifact-link .work-image { height:auto; aspect-ratio:14/9; object-fit:contain; }
.archive > .archive-grid:not(.list-view) .tile-caption h2 { font-size:clamp(21px,1.8vw,28px); }
#work-filters { scroll-margin-block-start:20px; }
@media(max-width:1100px) {
  .archive > .archive-grid:not(.list-view) { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:700px) {
  .archive .page-heading { display:block; margin-block-end:8px; }
  .archive .page-heading p { padding-block-start:10px; }
  .archive-file-link { gap:0 16px; margin-block-end:12px; }
  .archive-file-link .text-link { font-size:16px; }
  .archive-controls { grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:12px; padding-block:12px 20px; }
  .archive-controls label:first-of-type { grid-column:1; grid-row:1; }
  .archive-controls > button { grid-column:2; grid-row:1; padding-inline:12px; font-size:17px; }
  .archive-controls label:nth-of-type(2) { grid-column:1; grid-row:2; }
  .archive-controls label:nth-of-type(3) { grid-column:2; grid-row:2; }
  .archive .archive-results { margin-block:12px; }
  .archive > .archive-grid:not(.list-view) { grid-template-columns:minmax(0,1fr); gap:36px; }
}