.calendar-intro{font:15px/2 var(--serif);color:#817a72;margin:0 0 28px}
.calendar-years{display:flex;flex-wrap:wrap;gap:18px 32px;font-size:12px;color:var(--muted);padding:20px 0;margin-bottom:40px;border-bottom:1px solid var(--line)}
.calendar-years a[aria-current=page]{color:var(--ink);text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
.calendar-years span{font:9px Georgia,serif;vertical-align:super;margin-left:8px}
.calendar-covers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 32px;margin:20px 0 70px}
.calendar-covers img{display:block;width:100%;height:260px;object-fit:contain}
.calendar-covers figcaption{display:flex;align-items:baseline;justify-content:space-between;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.calendar-covers h2{font:28px Georgia,serif;letter-spacing:1px}
.calendar-covers figcaption>span{font-size:10px;color:var(--muted)}
.calendar-context{font:11px/2 var(--serif);color:var(--muted);margin:55px 0 70px}
.calendar-page .single-work img{max-width:100%;width:auto;height:auto;max-height:78vh}
@media(max-width:900px){.calendar-covers{grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-covers img{height:240px}}
@media(max-width:600px){.calendar-years{gap:20px;font-size:11px;row-gap:24px}.calendar-years span{margin-left:4px}.calendar-intro{font-size:13px}.calendar-covers{gap:35px 18px}.calendar-covers img{height:185px}.calendar-covers h2{font-size:24px}.calendar-covers figcaption{margin-top:14px}.calendar-page .photo-heading{align-items:center}.calendar-page .photo-heading h1{font-size:24px}.calendar-page .photo-heading>span{white-space:nowrap}}