@font-face{font-family:ArchiveKontur;src:url('assets/kontur-light-italic.woff') format('woff');font-style:italic;font-weight:300;font-display:swap}
:root{color-scheme:dark;--archive-dark:#242424;--archive-light:#ebedef;--archive-petrol:#2f6f73;--archive-light-gold:#df9d07;--archive-dark-gold:#ffc645;--archive-paper:var(--archive-dark);--archive-ink:var(--archive-light);--archive-muted:color-mix(in srgb,var(--archive-dark),var(--archive-light) 68%);--archive-line:color-mix(in srgb,var(--archive-dark),var(--archive-light) 18%);--archive-soft:color-mix(in srgb,var(--archive-dark),var(--archive-petrol) 6%);--archive-gold:var(--archive-dark-gold)}
:root[data-theme="light"]{color-scheme:light;--archive-paper:var(--archive-light);--archive-ink:var(--archive-dark);--archive-muted:color-mix(in srgb,var(--archive-light),var(--archive-dark) 72%);--archive-line:color-mix(in srgb,var(--archive-light),var(--archive-dark) 18%);--archive-soft:color-mix(in srgb,var(--archive-light),var(--archive-petrol) 6%);--archive-gold:var(--archive-light-gold)}
*{box-sizing:border-box}
body{margin:0;background:var(--archive-paper);color:var(--archive-ink);font:400 14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
a{color:inherit;text-decoration:none}
.archive-shell{max-width:1120px;margin:0 auto;padding:36px 42px 28px}
.archive-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--archive-line)}
.archive-wordmark{font:300 italic 38px/1 ArchiveKontur,serif;letter-spacing:-1.2px;white-space:nowrap}
.archive-wordmark span{color:var(--archive-gold)}
.archive-return{font-size:12px;min-height:44px;display:flex;align-items:center;text-align:right}
.archive-intro{margin:48px 0 30px}
.archive-kicker{text-transform:uppercase;letter-spacing:2px;font-size:11px;color:var(--archive-muted);margin:0 0 13px}
h1{font:300 italic 49px/1.13 ArchiveKontur,serif;letter-spacing:-.7px;margin:0}
.archive-intro>p:not(.archive-kicker){font-size:13px;color:var(--archive-muted);margin:10px 0 0}
.archive-intro>.archive-preview-label{font-size:11px}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.archive-tile{position:relative;display:block;width:100%;margin:0;background:var(--archive-soft);overflow:hidden;border-radius:4px;isolation:isolate;min-height:218px;aspect-ratio:1.9}
.archive-featured{grid-column:1/-1;aspect-ratio:3.5;min-height:240px}
.archive-tile img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform 250ms ease}
.archive-tile[data-version=kielkunst2] img{object-position:57% 45%}
.archive-tile[data-version=kielkunst3] img{object-position:50% 52%}
.archive-tile[data-version=squarespace] img{object-position:50% 48%}
a.archive-tile:hover img{transform:scale(1.025)}
.archive-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 82%);z-index:1;pointer-events:none}
.archive-tile-label{position:absolute;inset:auto 23px 20px;display:flex;align-items:end;justify-content:space-between;gap:15px;color:#fff;z-index:2}
.archive-year{display:block;font:300 italic 32px/1.1 ArchiveKontur,serif;letter-spacing:-.4px}
.archive-online-until{display:block;font-size:11px;letter-spacing:.6px;margin-bottom:7px}
.archive-note{display:block;font-size:11px;line-height:1.45;margin-top:8px;max-width:32ch;color:rgba(255,255,255,.86)}
.archive-arrow{font-size:22px;padding-left:12px;flex-shrink:0}
.archive-missing-image:after{display:none}
.archive-missing-image .archive-tile-label{color:var(--archive-ink)}
.archive-missing-image .archive-note{color:var(--archive-muted)}
.archive-image-pending{display:block;padding:22px 23px;color:var(--archive-muted);font-size:11px}
.archive-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:11px;color:var(--archive-muted);margin-top:28px;padding-top:18px;border-top:1px solid var(--archive-line)}
:focus-visible{outline:3px solid var(--archive-gold);outline-offset:5px}
@media(max-width:999px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.archive-shell{padding:22px 20px}.archive-wordmark{font-size:30px}.archive-return{font-size:11px;max-width:138px}.archive-intro{margin-top:34px}h1{font-size:36px}.archive-grid{gap:16px}.archive-tile{min-height:190px;aspect-ratio:1.2}.archive-featured{aspect-ratio:2.6}.archive-tile-label{inset:auto 16px 16px}.archive-year{font-size:27px}.archive-image-pending{padding:16px}.archive-note{max-width:26ch}}
@media(max-width:480px){.archive-grid{grid-template-columns:1fr}.archive-tile,.archive-featured{grid-column:auto;aspect-ratio:1.9;min-height:190px}}
@media(prefers-reduced-motion:reduce){.archive-tile img{transition:none}a.archive-tile:hover img{transform:none}}

.archive-header-actions{display:flex;align-items:center;gap:16px;min-width:0}
.archive-theme-cycle{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid var(--archive-line);border-radius:7px;color:var(--archive-ink);background:transparent;padding:0;touch-action:manipulation}
.archive-theme-cycle:hover{background:color-mix(in srgb,var(--archive-ink) 6%,transparent)}
.archive-theme-cycle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.archive-theme-cycle .theme-icon{display:none}
.archive-theme-cycle[data-mode="light"] .theme-icon-light,.archive-theme-cycle[data-mode="dark"] .theme-icon-dark{display:initial}
.archive-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:620px){.archive-header{gap:14px}.archive-header-actions{gap:10px}.archive-return{min-width:0;max-width:88px}}