/* A quiet photographic folio, preserving the existing explorer controls. */
main{max-width:1600px}.intro{padding:32px 0 24px}.intro h1{font-size:clamp(40px,4.5vw,65px)}
#exhibition{display:grid;grid-template-columns:115px minmax(0,1fr);column-gap:35px;align-items:start}
.exhibit{grid-column:2;grid-row:1}.stage{background:transparent;height:clamp(480px,70svh,880px)}
.actions{border-top:1px solid #233d3833;margin-top:18px;padding:10px 0}.actions>button{font-size:12px;letter-spacing:.02em}
.index{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:flex-start;gap:16px;padding:0;overflow:visible}
.index button,.index button:nth-child(3){flex:0 0 auto;width:100%;padding:7px;border-color:transparent;opacity:1}.index button[aria-pressed=true]{opacity:1;border-color:var(--ink)}.index button:hover,.index button:focus-visible{opacity:1}.index img{height:70px;background:transparent}.index span{font-size:10px;margin-top:8px;letter-spacing:.04em}
.endnote{margin-top:30px}#expanded{background:var(--ivory)}
@media(max-width:360px){.index span{white-space:normal;overflow-wrap:anywhere}}
@media(max-width:800px){#exhibition{grid-template-columns:80px minmax(0,1fr);gap:22px}.index{gap:10px}.index img{height:56px}.stage{height:60svh;min-height:440px}}
@media(max-width:600px){.intro{padding:20px 0 25px}.intro h1{font-size:43px}#exhibition{display:flex;flex-direction:column;gap:0}.exhibit{width:100%}.stage{height:44svh;min-height:330px;max-height:650px}.index{width:100%;flex-direction:row;gap:6px;overflow-x:auto;padding:12px 0}.index button,.index button:nth-child(3){flex:1 0 54px;min-width:54px;width:auto;padding:5px}.index img{height:48px}.index span{font-size:9px;letter-spacing:0}.actions{margin-top:18px}.endnote{margin-top:18px}}