:root{--paper:#f2efe9;--ink:#242522;--muted:#6e706c;--blue:#466477;--line:#d3d0c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}.topbar{height:75px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:19px;text-decoration:none;font-weight:700;letter-spacing:-.05em}.brand span{color:#d27a35}.archive-link{text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.hero{min-height:690px;display:grid;grid-template-columns:47% 53%;background:#e5e2da}.hero-image{position:relative;display:flex;justify-content:center;align-items:center;padding:65px 55px;background:#d8d4cb}.hero-image img{max-width:100%;max-height:570px;object-fit:contain;box-shadow:0 18px 55px #332c2528}.image-label{position:absolute;bottom:25px;left:5vw;color:#585952;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.hero-text{padding:9vw 7vw 7vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.kicker,.section-mark,.pair-heading>span{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--blue);font-weight:700}.hero h1{font-size:clamp(55px,7vw,120px);line-height:.96;letter-spacing:-.078em;font-weight:500;margin:32px 0}.hero h1 em{font-family:Georgia,serif;font-weight:400}.deck{max-width:570px;font-family:Georgia,serif;font-size:clamp(20px,2vw,28px);line-height:1.4}.scroll{margin-top:44px;border-bottom:1px solid var(--ink);padding-bottom:10px;text-decoration:none;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.scroll span{margin-left:30px}.page-grid{display:grid;grid-template-columns:27% 1fr;gap:4vw;max-width:1260px;padding:120px 6vw;margin:auto}.section-mark{padding-top:11px}.prose{max-width:710px}.prose p{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.75;margin:0 0 24px}.prose .lead{font-size:clamp(26px,3vw,38px);line-height:1.4;letter-spacing:-.025em}.prose h2,.pair-heading h2{font-size:clamp(40px,5vw,72px);letter-spacing:-.06em;font-weight:500;line-height:1.06;margin:0 0 34px}.chapter{border-top:1px solid var(--line)}.feature{margin:0;background:#26343c;padding:85px 20px 50px;color:#e7e5df;text-align:center}.feature-frame img{width:min(500px,85vw);height:auto;box-shadow:0 22px 48px #0005}.feature figcaption{max-width:650px;margin:36px auto 0;font-size:14px;line-height:1.6;color:#c4cbd0}.feature figcaption span{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:10px}.feature a{color:white}.image-break{display:grid;grid-template-columns:1fr 1fr;background:#e4e0d7;align-items:center;min-height:620px}.quote{padding:10vw 5vw 10vw 8vw;font-family:Georgia,serif;font-size:clamp(42px,5vw,78px);line-height:1.18;letter-spacing:-.06em;color:#405b6c}.quote i{font-weight:normal}.image-break figure{margin:0;padding:65px;display:flex;align-items:center;justify-content:center;flex-direction:column}.image-break img{max-width:min(430px,100%);max-height:540px;object-fit:contain;box-shadow:0 20px 40px #282c2b27}.image-break figcaption{margin-top:17px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.pair-section{padding:115px 6vw;background:#e9e5dc}.pair-heading{max-width:720px;margin:0 auto 60px;text-align:center}.pair-heading h2{margin:22px 0}.pair-heading p{font-family:Georgia,serif;font-size:20px;line-height:1.6}.pairs{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px}.pair{margin:0}.pair-images{display:flex;gap:15px;align-items:center;justify-content:center;background:#dedad1;padding:35px 20px;min-height:470px}.pair-images img{max-width:48%;max-height:395px;object-fit:contain;box-shadow:0 9px 24px #29282024}.pair figcaption{font-size:12px;line-height:1.5;margin-top:15px;color:#4f5555}.ending{border-top:1px solid var(--line)}.sources{max-width:1100px;margin:30px auto 110px;padding:35px;border-top:1px solid var(--line);font-size:13px;line-height:1.7;color:#595b57}.sources h2{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink)}footer{padding:40px 4vw;min-height:130px;background:#242a2b;color:#e6e6df;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}footer a{text-decoration:none}@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-image{min-height:500px;padding:45px}.hero-image img{max-height:440px}.hero-text{padding:80px 8vw 90px}.page-grid{grid-template-columns:1fr;padding:80px 7vw;gap:25px}.image-break{grid-template-columns:1fr}.quote{padding:80px 7vw 10px}.image-break figure{padding:35px 7vw 75px}.pairs{grid-template-columns:1fr}.pair-section{padding:85px 7vw}.pair-images{min-height:0}.sources{margin:0 7vw 80px}footer{flex-wrap:wrap}}@media(max-width:460px){.topbar{padding:0 20px}.hero h1{font-size:55px}.hero-image{min-height:400px}.hero-image img{max-height:350px}.prose p{font-size:18px}.pair-images{padding:20px 10px;gap:10px}.pair-images img{max-height:310px}}

.portrait-setting{border-top:1px solid var(--line);padding-bottom:65px}.portrait-block{max-width:1350px;margin:0 auto 120px;padding:0 4vw;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.portrait-block figure{margin:0;background:#e4e0d7;padding:20px 14px 16px;display:flex;flex-direction:column;align-items:center;justify-content:end}.portrait-block img{width:100%;height:360px;object-fit:contain;display:block}.portrait-block figcaption{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#59636a;text-align:center;margin-top:18px}@media(max-width:800px){.portrait-block{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:80px}.portrait-block img{height:300px}}@media(max-width:460px){.portrait-block{gap:8px;padding:0 12px}.portrait-block figure{padding:12px 7px}.portrait-block img{height:245px}.portrait-block figcaption{font-size:9px;letter-spacing:.03em;margin-top:10px}}

.archive-quote{margin:44px 0 42px;padding:34px 38px 30px;border-left:4px solid var(--blue);background:#e7e4dc}.archive-quote p{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.65;margin:0}.archive-quote footer{padding:0;min-height:0;margin-top:25px;display:block;background:none;color:#575e60;font-size:12px;line-height:1.6}.archive-quote cite{font-style:normal}.archive-quote a{color:var(--blue)}@media(max-width:600px){.archive-quote{padding:25px 23px}.archive-quote p{font-size:18px}}

.camera-document,.advert-document{max-width:1160px;margin:0 auto 105px;padding:50px 5vw;background:#e3dfd6;text-align:center}.camera-document img{width:auto;max-width:100%;max-height:680px;object-fit:contain}.advert-document{max-width:none;padding:72px 7vw 35px;background:#e8e5df}.advert-document img{width:min(1208px,100%);height:auto;display:block;margin:auto}.camera-document figcaption,.advert-document figcaption{max-width:740px;margin:24px auto 0;font-size:13px;line-height:1.65;color:#555c5f}.camera-document figcaption a,.advert-document figcaption a{color:#355a73}@media(max-width:700px){.camera-document,.advert-document{margin-bottom:70px;padding:32px 6vw}.advert-document{padding:38px 3vw}.advert-document figcaption{padding:0 3vw}}

.research-notes{border-top:1px solid var(--line)}.research-timeline{border-top:1px solid var(--line);margin:42px 0}.research-timeline>div{display:grid;grid-template-columns:112px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:22px 0}.research-timeline b{font-size:13px;color:var(--blue);font-weight:700}.research-timeline p{font-size:17px;margin:0;line-height:1.65}.research-notes h3{font-size:25px;font-weight:500;margin:45px 0 20px}@media(max-width:550px){.research-timeline>div{grid-template-columns:1fr;gap:8px}.research-timeline p{font-size:16px}}

.intro .prose h2{font-size:34px;font-weight:500;letter-spacing:-.04em;margin:55px 0 20px}.intro .caption-line{font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.55;color:#606767;border-top:1px solid var(--line);padding-top:20px;margin-top:45px}

.closing{background:#49677a;color:#f4f0e9;padding:clamp(85px,12vw,170px) max(7vw,calc((100vw - 920px)/2))}.closing h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(57px,8vw,105px);font-weight:400;letter-spacing:-.07em;line-height:1;margin:0 0 28px}.closing .closing-tagline{font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em;margin:0 0 44px}.closing p{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.7;max-width:680px;margin:0 0 25px}.closing a{display:inline-block;margin-top:28px;padding-bottom:8px;border-bottom:1px solid currentColor;color:#f4f0e9;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.14em}.site-footer{background:#26343c;color:#d7d8d3;min-height:0;padding:32px max(7vw,calc((100vw - 1180px)/2));display:block;font-size:11px;letter-spacing:.11em;text-transform:uppercase}.site-footer a{color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}@media(max-width:700px){.closing{padding:85px 7vw}.closing p{font-size:18px}.site-footer{padding:30px 7vw;line-height:1.7}}

#geschichte{padding-bottom:42px}.portrait-setting{padding-top:68px}.portrait-block{margin-bottom:65px}.intro-continuation{padding-top:20px}@media(max-width:800px){#geschichte{padding-bottom:25px}.portrait-setting{padding-top:55px}.portrait-block{margin-bottom:45px}.intro-continuation{padding-top:20px}}

.evidence-triptych{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 50px}.evidence-triptych figure{margin:0}.triptych-media{height:390px;padding:22px;background:#e1ded6;display:flex;align-items:center;justify-content:center}.triptych-media img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 9px 25px #27252322}.evidence-triptych figcaption{font-size:12px;line-height:1.55;margin:13px 0 0;color:#545d5f}.evidence-triptych a{color:#405f70}.photo-placeholder{background:#e1ded6;border:1px dashed #8a999e;color:#536b77;text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:22px;line-height:1.4}.photo-placeholder strong{display:block;font-weight:400;font-style:italic}.photo-placeholder small{display:block;margin-top:32px;font:11px Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.13em}.continuation-after-triptych{grid-column:2}@media(max-width:800px){.evidence-triptych{grid-column:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0 30px}.triptych-media{height:250px;padding:10px}.photo-placeholder{font-size:16px}.continuation-after-triptych{grid-column:1}}@media(max-width:540px){.evidence-triptych{grid-template-columns:1fr;gap:24px}.triptych-media{height:350px}.photo-placeholder{font-size:20px}}

/* Kopfzeile nach dem Aufbau der Historicbits-Chile-Seite. */
.site-header{padding:24px 0 18px;border-bottom:1px solid var(--line);background:var(--paper)}
.header-page{width:min(1120px,calc(100% - 34px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-header .brand{display:inline-flex;align-items:center;gap:10px;color:#26231f;text-decoration:none;font-size:18px;font-weight:400;letter-spacing:-.02em;white-space:nowrap}
.site-header .brand-dot{width:13px;height:13px;border-radius:50%;background:var(--blue);display:inline-block;flex:none}
.site-header .topnav{display:flex;gap:18px;align-items:center;color:var(--muted);font-size:15px}
.site-header .topnav a{text-decoration:none;border-bottom:1px solid transparent}
.site-header .topnav a:hover,.site-header .topnav a:focus-visible{border-bottom-color:var(--blue);color:#344e5f}
@media(max-width:620px){.header-page{width:min(100% - 24px,1120px)}.site-header .topnav{gap:12px;font-size:13px}.site-header .brand{font-size:17px}}

.zoomable{cursor:zoom-in}.zoomable:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.photo-viewer{border:0;background:#f2efe9;color:#242522;padding:42px 28px 22px;max-width:min(95vw,1200px);max-height:95vh;box-shadow:0 24px 90px #0006}.photo-viewer::backdrop{background:#111b20d9}.photo-viewer img{display:block;max-width:100%;max-height:calc(95vh - 120px);width:auto;height:auto;object-fit:contain;margin:auto}.photo-viewer-close{position:absolute;right:8px;top:4px;border:0;background:transparent;font:32px Arial,Helvetica,sans-serif;cursor:pointer;color:#293b47;line-height:1}.photo-viewer-caption{font:13px/1.4 Arial,Helvetica,sans-serif;margin:16px auto 0;max-width:850px;text-align:center}

/* Sechs Porträts: drei Spalten auf großen Bildschirmen. */
.portrait-block{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:800px){.portrait-block{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Die zwei Quellenabbildungen innerhalb der Technikspalte lesbar halten. */
.chapter .prose .camera-document,.chapter .prose .advert-document{max-width:100%;margin:30px 0 42px;padding:28px 20px 20px}
.chapter .prose .camera-document img{max-height:530px}
.chapter .prose .advert-document img{width:100%;height:auto}
.chapter .prose .camera-document figcaption,.chapter .prose .advert-document figcaption{margin-top:18px}
.chapter .prose .camera-document{background:#d8d4cb;padding:8px;margin:30px 0 42px}
.chapter .prose .camera-document img{display:block;width:100%;height:auto;max-height:none;margin:auto}

/* Die Kapiteltexte ohne linke Rubriktitel als durchgehende Lesespalte. */
.page-grid{display:block;max-width:840px;padding:90px 24px}
.page-grid .prose{max-width:100%}
@media(max-width:800px){.page-grid{padding:65px 24px}}

/* Sprachumschalter wie in der Historicbits-Kopfzeile. */
.site-header .language-toggle{display:inline-flex;align-items:center;gap:2px;margin-left:5px;padding-left:15px;border-left:1px solid var(--line)}
.site-header .language-toggle a{min-width:30px;padding:2px 4px;text-align:center;border-bottom:0;color:var(--muted)}
.site-header .language-toggle a.active{color:var(--ink);font-weight:700}
.site-header .language-toggle a:hover,.site-header .language-toggle a:focus-visible{color:var(--blue);border-bottom:0}
@media(max-width:620px){.site-header{padding:15px 0}.header-page{flex-wrap:wrap;gap:9px}.site-header .topnav{flex-wrap:wrap;gap:11px}.site-header .language-toggle{padding-left:10px;margin-left:0}}

/* Größeres Titelbild, originale Bildhelligkeit und Kachelfarbe. */
.hero{min-height:760px}
.hero-image{padding:24px 22px}
.hero-image img{display:block;width:auto;max-width:100%;max-height:710px;box-shadow:none}
@media(max-width:800px){.hero-image{min-height:570px;padding:18px}.hero-image img{max-height:550px}}
@media(max-width:460px){.hero-image{min-height:430px;padding:12px}.hero-image img{max-height:410px}}

/* Einheitliche Hintergrundfarbe für alle Bildkacheln. */
.hero-image,.triptych-media,.portrait-block figure,.image-break,.image-break figure,.camera-document,.advert-document{background:#d8d4cb}

/* Dreiergruppe und Schnellfoto-Band: auch Zwischenräume und Textfeld einheitlich. */
.evidence-triptych,.evidence-triptych figure,.evidence-triptych .triptych-media,
.image-break,.image-break .quote,.image-break figure{background-color:#d8d4cb}

/* Auch der Dialograhmen der Großansicht gehört zur Bildkachel. */
.photo-viewer{background:#d8d4cb}
.photo-viewer-caption{display:none}

/* Keine Schattenkante zwischen bearbeitetem Scan und passendem Hintergrund. */
.photo-viewer,.triptych-media img,.image-break img{box-shadow:none}

/* Contemporary newspaper clipping, displayed at its original proportions. */
.newspaper-document{margin:32px 0 42px}
.newspaper-document img{display:block;width:min(100%,553px);height:auto;object-fit:contain}
.newspaper-document figcaption{margin-top:12px;color:var(--muted);font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5}

.newspaper-document img{width:100%;max-width:710px}
.newspaper-document figcaption a{color:var(--blue)}

/* Give the newspaper source the same full-page treatment as the manufacturer advertisement. */
.advert-document.newspaper-document{max-width:none;margin:0 auto 105px;padding:72px 7vw 35px;background:#e8e5df;text-align:center}
.advert-document.newspaper-document img{display:block;width:min(1208px,100%);max-width:100%;height:auto;margin:auto}

/* English translations beneath the original German excerpts. */
.excerpt-translation{max-width:710px;margin:14px 0 38px;color:#555e61;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;line-height:1.6!important;font-weight:400;text-align:left}
.advert-document .excerpt-translation{max-width:710px;margin:24px auto 0}
.quote small{display:block;margin-top:20px;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;letter-spacing:0;color:#506879}

.portrait-block-caption{max-width:1300px;margin:18px auto 90px;padding:0 6vw;color:var(--muted);font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5;text-align:center}
.portrait-block{margin-bottom:0}