.archive-link{padding-top:12px;font-size:1rem}
/* Original video stills, with the same calm presentation as the paintings. */
.film-count{font-size:.875rem;color:var(--muted);margin-bottom:22px}
.film-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 28px;list-style:none;margin:0;padding:0}
.film-row{min-width:0}
.film-row>a{display:block;text-decoration:none}
.film-preview{display:block;position:relative;background:var(--panel)}
.film-preview img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain}
.film-play{position:absolute;bottom:14px;right:14px;display:grid;place-items:center;width:40px;height:40px;background:rgba(242,241,237,.94);color:var(--ink);font-size:1rem;border-radius:50%}
.film-row>a:hover .film-play{background:var(--paper)}
.film-row>a:hover h3,.film-row>a:focus-visible h3{text-decoration:underline;text-underline-offset:.2em}
.film-caption{padding-top:14px}
.film-row h3{font-size:1.35rem;line-height:1.35;margin-bottom:7px}
.film-watch{font-size:.875rem;color:var(--muted)}
.more-films{margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.more-films>div{max-width:none;padding-bottom:24px}
.film-channel{margin-top:24px;font-size:.9375rem}
@media(max-width:760px){.film-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.film-row h3{font-size:1.2rem}.film-play{width:34px;height:34px;bottom:10px;right:10px}}
@media(max-width:480px){.film-list{grid-template-columns:1fr}}
.phases-intro{max-width:870px;margin-bottom:38px;font-family:var(--serif);font-size:1.25rem;line-height:1.65}
.phase-jumps{display:flex;flex-wrap:wrap;gap:12px 26px;margin-bottom:32px;font-size:.9375rem}
.phase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}
.phase-card{min-width:0;border:1px solid var(--line)}
.phase-card>:is(button,a){display:flex;flex-direction:column;width:100%;height:100%;border:0;background:transparent;padding:0;text-align:left;text-decoration:none}
.phase-card>:is(button,a):hover{background:#eae9e3}
.phase-card>:is(button,a)>img{width:100%;height:240px;object-fit:contain;background:var(--panel);padding:20px}
.phase-copy{display:flex;flex-direction:column;gap:16px;padding:24px;flex:1}
.phase-copy .eyebrow{margin:0;font-size:.75rem;letter-spacing:.09em}
.phase-copy h3{font-size:1.65rem}
.phase-copy>span:not(.eyebrow){display:block;font-size:.9375rem;line-height:1.65}
.phase-copy .phase-action{margin-top:auto;padding-top:10px;text-decoration:underline;text-underline-offset:.25em}
.phase-copy .phase-caption{font-size:.8125rem!important;color:var(--muted)}
.archive-feature{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:50px;margin-top:70px;padding-block:45px;border-top:1px solid var(--line)}
.archive-feature figure{min-width:0}
.archive-feature figure img{width:100%;height:auto;object-fit:contain}
.archive-feature figcaption{font-size:.8125rem;line-height:1.6;color:var(--muted);margin-top:14px}
.archive-feature-copy{min-width:0}
.archive-feature-copy h3{font-size:clamp(2rem,3vw,3rem);margin-bottom:24px}
.archive-feature-copy>.text-button{margin-top:22px;display:inline-block;text-align:left}
.activism-feature{background:var(--dark);color:var(--paper);padding:38px;border:0;gap:38px}
.activism-feature .eyebrow,.activism-feature figcaption{color:#d4d5cd}
.activism-feature .image-hint{color:var(--ink)}
.activism-feature button:focus-visible{outline-color:var(--paper)}
.action-history{border-bottom:1px solid var(--line)}
.action-history>div{max-width:none}
.action-list{padding:0;list-style:none;margin:12px 0 24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 45px}
.action-list li{padding-top:20px;border-top:1px solid var(--line)}
.action-list li>span{font-size:.8125rem;color:var(--muted)}
.action-list h4{font:400 1.3rem/1.35 var(--serif);margin:9px 0 12px}
.action-list p{font-size:.9375rem}
.action-list button{margin-top:10px}
.source-reference{color:var(--muted);font-size:.8125rem}
.project-facts{margin:22px 0 0;display:grid;gap:10px;font-size:.875rem}
.project-facts div{border-top:1px solid var(--line);padding-top:10px}
.project-facts dt{color:var(--muted)}
.project-facts dd{margin:2px 0 0}
.building-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;border-top:1px solid var(--line);padding-top:32px}
.building-projects h3{font-size:1.5rem;margin-bottom:16px}
.building-projects p{font-size:.9375rem}
.building-projects .eyebrow{font-size:.75rem}
.building-projects button{margin-top:18px;text-align:left}
.book-invitation{background:var(--panel);padding:30px;display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:35px;margin-top:45px}
.book-invitation h3{font-size:1.6rem;margin-bottom:14px}
.book-invitation .eyebrow{margin-bottom:12px}
.book-invitation .more-works{margin-top:0;margin-bottom:15px}
.book-invitation a{font-size:.875rem}
.book-dialog{width:min(1280px,96vw);max-width:96vw;height:94vh;height:94dvh;max-height:94vh;max-height:94dvh;border:0;padding:22px 26px;background:var(--paper);color:var(--ink);overflow:hidden}
.book-dialog[open]{display:flex;flex-direction:column}
.book-dialog::backdrop{background:rgba(25,27,25,.88)}
.book-dialog-header{display:flex;align-items:start;justify-content:space-between;gap:25px;flex-shrink:0}
.book-dialog-header .eyebrow{margin:0 0 5px;font-size:.75rem}
.book-dialog-header h2{font-size:1.4rem;line-height:1.3}
.book-dialog-header>.close-button{white-space:nowrap}
.book-controls{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin-top:16px;flex-shrink:0}
.book-chapter-label{display:block;font-size:.8125rem;flex:1;min-width:210px;max-width:420px}
.book-chapter-label select{display:block;width:100%;font:inherit;font-size:.9375rem;color:var(--ink);background:var(--paper);border:1px solid #aaa99e;padding:9px;margin-top:4px}
.book-pagination{display:flex;align-items:center;gap:12px}
.book-pagination button,.book-controls>button{background:transparent;border:1px solid #aaa99e;padding:9px 12px;font-size:.875rem;white-space:nowrap}
.book-pagination button:disabled{opacity:.4;cursor:default}
.book-controls select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.book-position{font-size:.8125rem;color:var(--muted);padding-block:12px;flex-shrink:0}
.book-stage{background:var(--panel);overflow:auto;min-height:0;flex:1;padding:16px;overscroll-behavior:contain}
.book-stage img{width:min(100%,820px);height:auto;max-width:100%;margin-inline:auto;background:white}
.book-stage img[hidden]{display:none}
.book-stage.is-zoomed img{width:1191px;max-width:none;margin-inline:0}
.book-stage:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
.book-stage .image-error{text-align:center;padding:30px}
.book-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:12px 25px;flex-shrink:0;font-size:.8125rem}
.book-bottom>a{padding-block:12px;white-space:nowrap}
.book-bottom details{min-width:0;flex:1}
.book-bottom summary{font-size:.8125rem;padding-block:12px}
.book-bottom details>div{max-height:24vh;overflow:auto;padding:0 8px 12px 0;max-width:none}
.book-bottom pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px;line-height:1.7}
.book-bottom details p{font-size:.75rem;color:var(--muted)}
@media(max-width:1100px){.phase-copy{padding:20px}.archive-feature{gap:30px}.activism-feature{padding:30px}.book-controls{align-items:center}.book-chapter-label{max-width:none;flex-basis:100%}.book-dialog-header h2{font-size:1.25rem}}
@media(max-width:760px){.phase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.phase-card>:is(button,a)>img{height:200px;padding:16px}.phase-copy{padding:18px;gap:12px}.phase-copy h3{font-size:1.4rem}.phase-copy .eyebrow{font-size:.7rem}.phases-intro{font-size:1.125rem}.archive-feature{grid-template-columns:1fr;gap:26px;margin-top:45px;padding-block:30px}.activism-feature{padding:24px}.archive-feature-copy h3{font-size:2rem}.action-list{grid-template-columns:1fr;gap:16px}.building-projects{grid-template-columns:1fr;gap:30px}.book-invitation{grid-template-columns:1fr;padding:24px;gap:24px}.book-dialog{padding:15px;height:96vh;height:96dvh;max-height:96vh;max-height:96dvh}.book-dialog-header{gap:15px}.book-dialog-header h2{font-size:1.1rem}.book-dialog-header>.close-button{font-size:.8125rem;gap:7px}.book-controls{gap:9px}.book-chapter-label{min-width:0}.book-pagination{gap:8px;flex:1;justify-content:space-between}.book-pagination button{padding:8px 9px;font-size:.8125rem}.book-controls>button{padding:8px;font-size:.8125rem}.book-position{font-size:.75rem;padding-block:10px}.book-stage{padding:7px}.book-bottom{display:block}.book-bottom>a{display:block;white-space:normal;padding-top:0;padding-bottom:3px}.book-bottom summary{padding-block:9px}.book-bottom details>div{max-height:20vh}}
@media(max-width:480px){.phase-grid{grid-template-columns:1fr}.phase-card>:is(button,a)>img{height:250px}.phase-copy h3{font-size:1.6rem}.phase-copy .eyebrow{font-size:.75rem}.book-dialog-header .eyebrow{font-size:.7rem}}

/* Kleinere Filmvorschauen; Titel und Bild stehen ruhig nebeneinander. */
.film-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
.film-row>a{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;align-items:center}
.film-caption{padding-top:0}.film-row h3{font-size:1.12rem;margin-bottom:6px}
.film-play{width:24px;height:24px;font-size:.7rem;bottom:8px;right:8px;background:rgba(242,241,237,.88)}
.ilmenau-views{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 48px}
.ilmenau-views button{background:none;border:0;padding:0;text-align:left;cursor:pointer;color:var(--ink)}
.ilmenau-views img{width:100%;aspect-ratio:3/2;object-fit:contain;background:var(--panel)}
.ilmenau-views span{display:block;margin-top:9px;font-size:.85rem;color:var(--muted)}
.sparrow-book{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:55px;align-items:center}
.book-cover{display:block;max-width:480px}.book-cover img{width:100%;height:auto;object-fit:contain}
.sparrow-book h3{font-size:2rem;margin-bottom:20px}.sparrow-book p{margin-bottom:20px}
.book-download{font-size:.875rem;margin-top:18px}
@media(max-width:1000px){.film-row>a{grid-template-columns:120px minmax(0,1fr);gap:14px}}
@media(max-width:760px){.film-list{grid-template-columns:1fr}.film-row>a{grid-template-columns:120px minmax(0,1fr)}.film-play{width:24px;height:24px}.ilmenau-views{grid-template-columns:repeat(2,minmax(0,1fr))}.sparrow-book{grid-template-columns:1fr;gap:28px}.book-cover{max-width:360px}}
@media(max-width:480px){.film-row>a{grid-template-columns:100px minmax(0,1fr)}.film-row h3{font-size:1.05rem}}

.series-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:30px}
.series-controls .more-works{margin:0}
.series-fold{padding:12px 18px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:1rem;cursor:pointer}
.series-fold:hover{border-color:var(--ink)}
.work-grid[hidden],.work-count[hidden]{display:none}
@media(max-width:480px){.series-controls{align-items:stretch}.series-controls .more-works,.series-fold{width:100%}}

.painting-phase-heading{margin-top:70px;max-width:720px}.painting-phase-heading h3{font-size:2rem;margin-bottom:18px}.painting-phase-heading p{margin-bottom:18px}
.prophet-section{margin-top:70px}.prophet-feature{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:55px;align-items:center;margin-bottom:50px}
.prophet-feature figure{max-width:380px}.prophet-feature img{width:100%;height:auto;object-fit:contain}.prophet-feature figcaption{font-size:.85rem;margin-top:12px;color:var(--muted)}
.prophet-feature h3{font-size:2.5rem;margin-bottom:24px}.prophet-feature p{margin-bottom:20px}.work-description{font-size:.9rem;line-height:1.6;margin-top:13px;color:var(--ink)}
#detail-source a{display:inline-block;margin-top:12px}
@media(max-width:760px){.prophet-feature{grid-template-columns:1fr;gap:28px}.prophet-feature figure{max-width:320px}.prophet-feature h3{font-size:2rem}}

.artist-portrait{margin:0 0 28px;max-width:280px}.artist-portrait img{display:block;width:100%;height:auto;object-fit:contain}.artist-portrait figcaption{font-size:.85rem;color:var(--muted);margin-top:10px}

/* Consistent magnifier and scrollable zoom for every artwork, including SVG drawings. */
.image-hint{opacity:1}
.image-hint::before,.zoom-label::before{content:"";display:inline-block;width:17px;height:17px;margin-right:7px;vertical-align:-3px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23353735' stroke-width='1.8'%3E%3Ccircle cx='10' cy='10' r='6.5'/%3E%3Cpath d='m15 15 6 6'/%3E%3C/svg%3E")}
.detail-zoom-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0}
.detail-zoom-toolbar button{padding:10px 13px;background:transparent;border:1px solid var(--line);color:var(--ink);cursor:pointer;font:inherit}
.detail-zoom-toolbar button:disabled{opacity:.45;cursor:default}
.detail-zoom-toolbar output{min-width:60px;text-align:center;font-size:.9rem}
.work-zoom-help{font-size:.85rem;color:var(--muted);margin:0 0 10px}
.detail-stage{display:block;overflow:auto;overscroll-behavior:contain}
.detail-zoom-canvas{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.detail-zoom-canvas>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}
.detail-zoom-canvas .diptych{width:100%;height:100%;max-width:none}
.detail-stage.is-zoomed{scrollbar-width:auto}
#serie-zeichnungen1980hochformat .work-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
#serie-zeichnungen1980hochformat .work-image{height:340px;padding:8px}
#serie-zeichnungen1980hochformat .work-caption h4{font-size:1.1rem}
@media(max-width:1000px){#serie-zeichnungen1980hochformat .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){#serie-zeichnungen1980hochformat .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-zoom-toolbar{gap:7px}.detail-zoom-toolbar button{font-size:.9rem}}
@media(max-width:480px){#serie-zeichnungen1980hochformat .work-grid{grid-template-columns:1fr}}

.drawing-exhibition{padding:38px 0 48px;border-top:1px solid var(--line);margin-top:48px}
.drawing-exhibition-intro{max-width:720px;margin-bottom:28px}.drawing-exhibition h3{font-size:2rem;margin-bottom:18px}
.drawing-exhibition-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;max-width:1000px}
.drawing-exhibition-photos button{display:block;position:relative;width:100%;padding:0;border:0;background:var(--panel);cursor:pointer}
.drawing-exhibition-photos img{display:block;width:100%;height:auto;object-fit:contain}
.drawing-exhibition figcaption,.historical-source{font-size:.85rem;color:var(--muted);margin-top:12px}
.historical-source{margin-bottom:16px}.historical-photo{filter:contrast(1.06) brightness(1.025)}
@media(max-width:640px){.drawing-exhibition-photos{grid-template-columns:1fr;gap:26px}}

/* Magnifier-only controls retain accessible names and generous click targets. */
.image-hint::before,.zoom-label::before{margin-right:0;vertical-align:middle}
button.zoom-label{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}

.portrait-rubric{margin:36px 0 50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);scroll-margin-top:24px}.portrait-rubric>summary{padding:20px 0;cursor:pointer;font-size:1.05rem;line-height:1.6}.portrait-period{font-size:.85rem;color:var(--muted);margin-left:16px}.portrait-rubric-content{padding:8px 0 24px}.portrait-rubric-content>p{max-width:700px;color:var(--muted)}.portrait-rubric>summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}@media(max-width:760px){.portrait-period{display:block;margin-left:18px}.artist-portrait{max-width:250px}}

.legal-page{max-width:850px;padding-block:40px 70px}.legal-page h1{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,5vw,3.5rem);margin-bottom:35px;overflow-wrap:anywhere}.legal-page h2{font-size:1.4rem;margin:32px 0 14px}.legal-page p{margin-bottom:18px}.legal-page a{overflow-wrap:anywhere}.site-footer>div{flex-wrap:wrap}

#early-drawing-galleries img,#detail-zoom-canvas img{filter:none}.detail-zoom-canvas{max-width:none;max-height:none}.detail-zoom-canvas>img{max-height:none}

/* Keep the opened portrait collection and enlarged artwork stable. */
.portrait-rubric,.portrait-rubric-content{overflow-anchor:none}
#detail-stage{overflow-anchor:none;scroll-behavior:auto}
#detail-stage.is-zoomed{cursor:grab}
#detail-stage.is-panning{cursor:grabbing}
#detail-zoom-canvas{flex:none;max-width:none;max-height:none}
#detail-zoom-canvas img{flex:none;max-width:none;max-height:none;user-select:none;-webkit-user-select:none}
#detail-zoom-canvas .diptych{flex:none;max-width:none;gap:8px}

.portrait-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:8px;text-align:left;width:100%;padding:20px 0;border:0;background:transparent;font-size:1.05rem;line-height:1.6;cursor:pointer}
.portrait-toggle::before{content:'▸';width:18px;flex:none}
.portrait-toggle[aria-expanded="true"]::before{content:'▾'}
#portrait-content[hidden]{display:none}