/* Photographic covers inside a graphic folder system. */
.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-bottom:70px;align-items:start}
.folder-tile,.folder-tile.special{padding:0;background:transparent;border:0;min-height:0;display:block;width:100%}
.folder-tile:hover{background:transparent}
.folder-cover{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:#d4c4d9;border:1px solid #24132c30}
.folder-cover>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}
.folder-tile:hover .folder-cover>img{transform:scale(1.045)}
.folder-tab{position:absolute;z-index:2;left:0;top:0;background:var(--acid);font-size:10px;padding:11px 15px;letter-spacing:.07em;border-radius:0 0 7px 0;text-transform:uppercase}
.folder-cover:after{content:'↗';position:absolute;right:15px;bottom:14px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--paper);font-size:23px}
.folder-tile strong{display:block;font-weight:500;font-size:23px;letter-spacing:-.7px;line-height:1.12;margin:16px 0 8px;max-width:95%}
.folder-tile small{display:block;font-size:10px;line-height:1.6;opacity:.75}
.folder-tile .cover-context{font-size:9px;text-transform:uppercase;letter-spacing:.05em;margin-top:5px;opacity:.65}
.year-title{font-size:60px;font-weight:400;letter-spacing:-3px;margin:60px 0 20px;border-bottom:1px solid #24132c55;padding-bottom:14px}
.year-note{font-size:11px;opacity:.7;margin-bottom:26px}
.falling-pieces{position:fixed;inset:0;z-index:8;pointer-events:none;overflow:hidden;contain:strict}
.falling-piece{position:absolute;top:0;left:var(--x);width:var(--size);height:auto;filter:drop-shadow(0 15px 10px #24132c35);will-change:transform;pointer-events:none;opacity:0}
body:has(dialog[open]) .falling-pieces{visibility:hidden}
@media(max-width:760px){.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.folder-tile strong{font-size:18px;letter-spacing:-.3px}.folder-tab{font-size:8px;padding:8px 10px}.folder-cover:after{width:30px;height:30px;font-size:19px;right:9px;bottom:9px}.year-title{font-size:44px}.falling-piece{width:calc(var(--size) * .56)}.falling-piece:nth-child(n+4){display:none}}
@media(prefers-reduced-motion:reduce){.falling-pieces{display:none}.folder-cover>img{transition:none}}
body.still .falling-pieces{display:none}
.related-folders{width:100%;margin:12px 0 20px}.related-folders summary{font-size:15px;cursor:pointer;margin-bottom:18px}.related-folders .folder-grid{margin-bottom:0}.cover-source-note{width:100%;line-height:1.6;font-size:12px}
.cover-missing{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:var(--paper);border:1px solid #24132c45}.cover-missing:after{display:none}.cover-missing .folder-icon{margin:0}.missing-label{font:italic 27px Georgia,serif;max-width:160px;text-align:center;line-height:1.1}.folder-cover:has(img[style*="contain"]){background:#eee8dd}
.missing-folder-heading{font:italic 19px Georgia,serif;margin:22px 0 14px}.missing-folder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 55px}.folder-tile.without-cover{padding:18px;border:1px solid #24132c35;min-height:120px}.without-cover .cover-missing{border:0;background:none;aspect-ratio:auto;align-items:start;justify-content:start;gap:0}.without-cover .folder-icon{width:31px;height:22px}.without-cover .missing-label{display:none}.without-cover strong{font-size:18px;margin-top:12px}.without-cover:hover{background:#e1d3ed}@media(max-width:760px){.missing-folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-tile.without-cover{padding:13px}}