/* The gallery's film diary: numbered, oldest first, with space for the images. */
.archive-page main{padding:32px 4% 96px;max-width:1800px;margin:auto;color:#111;background:#fff}
.archive-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:12px 0 36px;border-bottom:1px solid #111}
.archive-intro h1{font-family:var(--font-heading)!important;font-size:clamp(84px,14vw,220px);line-height:.9;margin:0;letter-spacing:0}
.archive-intro p{font-size:26px;margin:0 0 16px}
.archive-intro a{display:flex;justify-content:space-between;gap:30px;font-size:20px;min-height:44px;align-items:center;text-decoration:none}
.archive-intro a:hover{text-decoration:underline}
.archive-chapters{display:flex;gap:12px 36px;flex-wrap:wrap;padding:18px 0 26px;font-size:20px}
.archive-chapters a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;border-bottom:1px solid transparent}
.archive-chapters a:hover,.archive-chapters a:focus-visible{border-color:currentColor}
.archive-timeline{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;row-gap:60px}
.archive-film{min-width:0;scroll-margin-top:100px;border-top:1px solid #bdbdbd;padding-top:16px}
.archive-film-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}
.archive-film-number{font-family:var(--font-heading)!important;font-size:48px;line-height:1}
.archive-film time{font-size:18px}
.archive-cover{display:block;position:relative;color:#fff;text-decoration:none;aspect-ratio:16/9;overflow:hidden;background:#111}
.archive-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.archive-cover:hover img{transform:scale(1.035)}
.archive-play{position:absolute;bottom:14px;right:14px;width:42px;height:42px;border:1px solid #fff;border-radius:50%;display:grid;place-items:center;background:#1119;font-family:Arial,sans-serif;font-size:18px;padding-left:3px}
.archive-cover:focus-visible{outline:3px solid #111;outline-offset:5px}
.archive-film h2{font-family:var(--font-heading)!important;font-size:clamp(26px,3vw,42px);line-height:1.05;margin:18px 0 0}
.archive-film h2 a{color:inherit;text-decoration:none}.archive-film h2 a:hover{text-decoration:underline}
@media(max-width:1000px){.archive-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 24px}}
@media(max-width:600px){.archive-page main{padding:28px 24px 64px}.archive-intro{display:block;padding-bottom:24px}.archive-intro h1{font-size:clamp(70px,25vw,100px);margin-bottom:24px}.archive-intro p{font-size:22px;margin-bottom:6px}.archive-intro a{font-size:18px;justify-content:flex-start}.archive-chapters{gap:0 24px;font-size:18px;padding-bottom:18px}.archive-timeline{grid-template-columns:minmax(0,1fr);gap:36px}.archive-film-number{font-size:42px}.archive-film h2{font-size:32px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.archive-cover img{transition:none}.archive-cover:hover img{transform:none}}
.archive-unavailable{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ddd;color:#666}.archive-unavailable p{font-size:32px;margin:0 0 8px}.archive-unavailable span{font-size:18px}
.archive-intro a span{font-family:Arial,sans-serif;font-size:28px}.archive-play svg{width:15px;height:18px;fill:currentColor}

.archive-intro h1{animation:none}.archive-status{font-size:17px;margin:8px 0 0;color:#555}
.archive-source{margin:60px 0 0;padding-top:20px;border-top:1px solid #aaa;font-size:18px;line-height:1.6}.archive-source a{color:inherit;display:inline-block;margin-left:12px}