:root{--ink:#17365d;--blue:#2855d9;--orange:#ff603d;--paper:#f5f7fb;--ui-scale:1;--page-width:100vw;--page-height:100dvh;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(110px * var(--ui-scale))}body{margin:0;width:100%;zoom:var(--ui-scale);min-height:var(--page-height);background:var(--paper);color:var(--ink);font:18px/1.75 Georgia,'Times New Roman',serif}a{color:var(--blue)}button,input{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:4px}button{cursor:pointer}.archive-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px max(24px,calc((100% - 1320px)/2));min-height:88px;background:#f5f7fbf5;border-bottom:2px solid var(--orange);font-family:Arial,sans-serif}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;font:700 23px/1.2 Georgia,serif;white-space:nowrap}.brand svg{width:39px;height:39px;flex:none}.brand small{display:block;font:13px/1.5 Arial,sans-serif;color:#6c809b;margin-top:5px}.archive-header nav{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px;font-weight:600}.archive-header nav a{text-decoration:none;white-space:nowrap}.archive-header nav a:hover{color:var(--orange)}main{max-width:1160px;margin:0 auto;padding:23px 35px 65px}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font:12px/1.5 Arial,sans-serif;color:#7b8da3;margin:0 0 19px}.breadcrumb a{text-decoration:none}.back-tree{display:inline-block;border:1px solid #becde9;border-radius:8px;padding:8px 15px;color:var(--blue);text-decoration:none;font:14px/1.5 Arial,sans-serif}.back-tree:hover{border-color:var(--blue);background:white}h1,h2,h3{line-height:1.25;color:var(--ink)}h1{font-size:36px;font-weight:600;text-align:center;margin:19px 0 8px}h2{font-size:28px;font-weight:600;margin:0 0 20px}h3{font-size:22px}.life-dates{text-align:center;font-size:22px;letter-spacing:1px;margin:0 0 18px;color:#5c7492}.bio-tabs{display:flex;justify-content:center;gap:37px;margin:10px 0 35px}.bio-tabs a{font-size:18px;font-weight:600;text-decoration:none;padding:6px 3px 10px;border-bottom:3px solid transparent}.bio-tabs a.active,.bio-tabs a:hover{border-color:var(--orange);color:var(--ink)}.bio-hero{display:grid;grid-template-columns:330px minmax(0,1fr);gap:42px;align-items:start;margin:0 0 40px}.bio-portrait{margin:0!important}.bio-portrait img{width:100%;max-height:470px;object-fit:contain;object-position:top;background:white;box-shadow:0 4px 17px #17365d0c;border:5px solid white;border-radius:10px}.bio-intro p{font-size:18px;margin:0 0 17px}.bio-intro p:empty{display:none}.show-tree{display:inline-block;margin-top:12px;text-decoration:none;font:600 14px Arial,sans-serif}.story-flow{max-width:930px;margin:0 auto}.text{margin:24px 0}.text p,.text li{font-size:18px;line-height:1.8}.text p{margin:0 0 19px}.text h2{margin:35px 0 23px;text-align:left}figure{margin:30px auto;text-align:center}figure img{display:block;width:auto;max-width:100%;max-height:700px;object-fit:contain;margin:auto;padding:6px;border:1px solid #dce4ee;border-radius:9px;background:white}figure a{display:inline-block;max-width:100%}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:28px 0}.gallery a{display:flex;align-items:center;justify-content:center;background:white;border:1px solid #dce4ee;border-radius:8px;padding:8px}.gallery img{width:100%;height:240px;object-fit:contain}.archive-materials{margin:48px 0 0;border-top:1px solid #d9e2ee;padding-top:30px}.archive-materials h2{padding-left:14px;border-left:4px solid var(--orange)}.materials-hint{font:14px/1.6 Arial,sans-serif;color:#6b829e}.material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.material-grid a{display:block;overflow:hidden;border:1px solid #cfdaeb;border-radius:9px;background:white;padding:7px}.material-grid a:hover{border-color:var(--orange);box-shadow:0 3px 12px #17365d12}.material-grid img{display:block;width:100%;height:195px;object-fit:contain}video{max-width:100%;max-height:650px;background:#111}footer{border-top:1px solid #d5dfef;padding:22px max(24px,calc((100% - 1320px)/2));display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;font:13px/1.5 Arial,sans-serif}footer em{font:italic 15px Georgia,serif;color:#6c809a}footer a{margin-left:17px;text-decoration:none}.history-heading h1{margin:30px 0}.history-page{max-width:1100px}.history-page .text{max-width:900px;margin:25px auto}.history-page h2{text-align:left}.history-page figure img{max-height:660px}#viewer{width:min(1150px,calc(var(--page-width) - 30px));height:calc(var(--page-height) - 30px);max-width:none;max-height:none;border:0;border-radius:12px;padding:0;background:#f5f7fb;color:#17365d;overflow:hidden}#viewer[open]{display:flex;flex-direction:column}#viewer::backdrop{background:#132840be}.viewer-toolbar{display:flex;align-items:center;gap:8px;padding:10px 15px;background:white;flex:none;font:13px Arial,sans-serif}.viewer-toolbar button,.viewer-toolbar a{padding:7px 11px;border:1px solid #c9d5e9;border-radius:6px;background:white;text-decoration:none;color:#17365d;font:13px Arial,sans-serif}.viewer-toolbar button:hover{border-color:var(--orange)}#image-close{margin-left:auto;font-size:24px;border:0;padding:0 7px}#image-percent{min-width:38px;text-align:center}.viewer-stage{flex:1;min-height:0;overflow:auto;padding:12px;display:block}.viewer-stage img{display:block;margin:0 auto;max-width:none;max-height:none;height:auto;background:white}#viewer>p{padding:6px 15px;margin:0;flex:none;font:12px/1.5 Arial,sans-serif;color:#70839d}.history-page ul{padding-left:23px}
@media(max-width:1000px){.archive-header{gap:14px;padding:13px 20px}.brand{font-size:19px}.archive-header nav{gap:7px 15px;font-size:12px}.bio-hero{grid-template-columns:285px minmax(0,1fr);gap:27px}h1{font-size:31px}.bio-intro p{font-size:17px}main{padding-left:25px;padding-right:25px}}@media(max-width:700px){.archive-header{position:relative;flex-direction:column;gap:12px}.archive-header nav{justify-content:center;font-size:12px}.brand{font-size:20px}.brand svg{width:32px;height:32px}main{padding:20px 18px 40px}h1{font-size:28px}.bio-hero{grid-template-columns:1fr;gap:27px}.bio-portrait{max-width:360px;justify-self:center}.bio-portrait img{max-height:470px}.bio-tabs{gap:22px;margin:12px 0 25px}.bio-tabs a{font-size:16px}.bio-intro p,.text p,.text li{font-size:17px}.material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.material-grid img{height:180px}footer{font-size:11px;padding:20px 18px}footer em{display:none}.breadcrumb{font-size:11px}.gallery img{height:210px}.viewer-toolbar{gap:5px;padding:9px}.viewer-toolbar button,.viewer-toolbar a{font-size:11px;padding:7px}#viewer{border-radius:8px}}
html[data-layout=phone] .archive-header,html[data-layout=compact] .archive-header{position:relative;flex-direction:column;gap:12px}html[data-layout=phone] .archive-header nav,html[data-layout=compact] .archive-header nav{justify-content:center;font-size:12px}html[data-layout=phone] main{padding:20px 18px 40px}html[data-layout=phone] h1{font-size:28px}html[data-layout=phone] .bio-hero,html[data-layout=compact] .bio-hero{grid-template-columns:1fr;gap:27px}html[data-layout=phone] .bio-portrait,html[data-layout=compact] .bio-portrait{max-width:360px;justify-self:center}html[data-layout=phone] .material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-layout=phone] .brand{font-size:20px}html[data-layout=phone] .bio-tabs{gap:20px}html[data-layout=phone] .bio-tabs a{font-size:16px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}