.history-page{background:var(--paper);color:var(--deep)}
.history-intro{padding:68px 7.5% 55px;background:var(--deep);color:var(--paper)}
.history-intro .eyebrow{color:var(--gold);font-size:12px;margin-bottom:24px}
.history-intro h1{font:400 clamp(52px,6.2vw,90px)/1.02 var(--serif);letter-spacing:-.025em;margin:0 0 24px;max-width:980px}
.history-intro h1 em{color:var(--gold-light);font-weight:400}
.history-intro .history-deck{font-size:19px;line-height:1.7;max-width:750px;color:#e1e4db;margin:0}
.history-tabs{display:flex;gap:36px;border-top:1px solid #dcbc783d;margin-top:38px;padding-top:21px;flex-wrap:wrap}
.history-tabs a{font-size:15px;padding:7px 0;border-bottom:1px solid transparent;color:var(--paper)}
.history-tabs a[aria-current]{color:var(--gold-light);border-color:var(--gold-light)}
.history-tabs a:hover{text-decoration:underline;text-underline-offset:5px}
.history-page a:focus-visible,.history-page button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.history-body{max-width:1440px;margin:auto;padding:66px 7.5% 85px}
.history-timeline-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:start}
.history-context{position:sticky;top:30px}
.history-context h2{font:400 clamp(34px,3.5vw,50px)/1.07 var(--serif);margin:0 0 24px}
.history-context>p{font-size:17px;line-height:1.8;color:var(--muted);margin-top:24px}
.history-timeline{list-style:none;margin:0;padding:0 0 0 26px;border-left:1px solid #b3955b80}
.history-timeline li{position:relative;margin:0;padding:0 0 36px}
.history-timeline li:last-child{padding-bottom:0}
.history-timeline li::before{content:'';position:absolute;left:-31px;top:7px;width:9px;height:9px;background:#987537;border-radius:50%;box-shadow:0 0 0 5px var(--paper)}
.history-date{color:#84642e;letter-spacing:.12em;font-size:12px;font-weight:600;text-transform:uppercase;margin:0 0 10px}
.history-timeline h2{font:500 31px/1.12 var(--serif);margin:0 0 12px}
.history-timeline p:not(.history-date){font-size:16px;line-height:1.7;color:var(--muted);margin:0}
.archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 38px;align-items:start}
.archive-card{margin:0;min-width:0}
.archive-image{background:#e4ddcf;padding:20px;border:1px solid #b3955b55;display:block;width:100%;position:relative;color:var(--deep);cursor:zoom-in}
.archive-image img{width:100%;height:440px;object-fit:contain;display:block;filter:none}
.archive-image .archive-enlarge{position:absolute;bottom:14px;right:14px;background:var(--deep);color:var(--paper);font:14px Jost,sans-serif;padding:8px 12px;box-shadow:0 1px 6px #0002}
.archive-card figcaption{padding-top:23px}
.archive-card h2{font:500 32px/1.1 var(--serif);margin:0 0 13px}
.archive-card p{font-size:16px;line-height:1.75;margin:0 0 12px;color:var(--muted)}
.archive-card .archive-era{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#84642e;font-weight:600;margin-bottom:12px}
.archive-card .archive-credit{font-size:12px;line-height:1.7;margin-top:18px;color:#536569}
.archive-record{font-size:13px;text-decoration:underline;text-underline-offset:4px;display:inline-block}
.archive-card-featured{grid-column:1/-1;display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center}
.archive-card-featured figcaption{padding-top:0}
.archive-card-featured h2{font-size:clamp(36px,3.8vw,52px)}
.archive-card-panorama{grid-column:1/-1}
.archive-card-panorama .archive-image img{height:auto;max-height:480px}
.archive-card-panorama figcaption{max-width:800px}
.history-context .archive-image img{height:410px}
.history-context .archive-credit{font-size:12px;line-height:1.7;color:var(--muted);margin-top:15px}
.history-context .archive-record{margin-top:6px}
/* A photographic setting with a concise introduction and expandable dates. */
.timeline-experience{position:relative;isolation:isolate;padding:78px 5.5% 38px;background:var(--deep);scroll-margin-top:24px}
.timeline-scenery{position:absolute;inset:0;z-index:-1;overflow:hidden}
.timeline-scenery img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.timeline-experience .history-timeline-layout{max-width:1320px;margin:0 auto;grid-template-columns:.92fr 1.08fr;gap:0;align-items:start}
.timeline-experience .history-context{margin-top:38px;padding:48px 44px;background:#f5f0e6f5;border:1px solid #b3955b66;position:sticky;top:24px;z-index:1}
.timeline-experience .history-context h2{font-size:clamp(36px,3.3vw,52px);line-height:1.08;text-wrap:balance}
.timeline-experience .history-context>p{margin:22px 0 0}
.timeline-experience .history-context .archive-record{margin-top:25px;line-height:1.6}
.timeline-experience .history-context .timeline-hint{border-top:1px solid #b3955b66;padding-top:22px;margin-top:28px;font-size:13px;line-height:1.6;color:#80622e}
.timeline-experience .history-timeline{padding:12px 36px;background:#f5f0e6f7;border:1px solid #b3955b66;list-style:none;min-width:0}
.timeline-experience .history-timeline>li{padding:0;margin:0}
.timeline-experience .history-timeline>li:before{content:none}
.timeline-milestone{border-bottom:1px solid #b3955b88;scroll-margin-top:28px}
.history-timeline>li:last-child .timeline-milestone{border-bottom:0}
.timeline-milestone>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px;padding:22px 0;cursor:pointer;color:var(--deep)}
.timeline-milestone>summary::-webkit-details-marker{display:none}
.timeline-milestone>summary::marker{content:''}
.timeline-milestone .history-date{margin:0;font:500 clamp(23px,2.05vw,31px)/1.25 var(--serif);letter-spacing:0;text-transform:none;color:inherit}
.timeline-milestone>summary:hover,.timeline-milestone[open]>summary{color:#80622e}
.timeline-milestone>summary:focus-visible{outline:2px solid #80622e;outline-offset:5px}
.timeline-chevron{width:21px;height:21px;flex:none;transition:transform .18s ease}
.timeline-milestone[open] .timeline-chevron{transform:rotate(180deg)}
.timeline-milestone-body{padding:0 0 28px}
.timeline-milestone-body h3{font:500 29px/1.13 var(--serif);margin:0 0 13px}
.timeline-experience .timeline-milestone-body p{font-size:16px;line-height:1.75;color:var(--muted);margin:0}
.timeline-media{margin:23px 0 0}
.timeline-media .archive-image{padding:0;border:1px solid #b3955b66;background:#e9e2d3}
.timeline-media .archive-image img{height:auto;max-height:320px;object-fit:contain}
.timeline-media.timeline-poster .archive-image{max-width:230px}
.timeline-media .archive-enlarge{font-size:11px;padding:7px 9px;bottom:9px;right:9px}
.timeline-media figcaption{font-size:12px;line-height:1.6;margin-top:12px;color:#566365}
.timeline-media figcaption small{display:block;font-size:11px;line-height:1.6;margin-top:5px}
.timeline-media figcaption a{text-decoration:underline;text-underline-offset:3px}
.timeline-setting-credit{max-width:1320px;margin:24px auto 0;padding:10px 14px;background:#071e2beb;color:var(--paper);font-size:11px;line-height:1.6;width:fit-content}
.history-timeline-after{padding-top:32px}
.history-timeline-after .history-sources{margin-top:0}
@media(max-width:1000px) and (min-width:761px){.timeline-experience{padding-inline:4%}.timeline-experience .history-context{padding:35px 27px}.timeline-experience .history-timeline{padding-inline:27px}.timeline-experience .history-context h2{font-size:37px}}
@media(max-width:760px){
 .timeline-experience{padding:30px 5% 24px}
 .timeline-experience .history-timeline-layout{grid-template-columns:1fr;gap:0}
 .timeline-experience .history-context{position:static;margin:0;padding:28px 24px;border-bottom:0}
 .timeline-experience .history-context h2{font-size:36px;margin-bottom:18px;text-wrap:pretty}
 .timeline-experience .history-context>p{font-size:16px;margin-top:18px}
 .timeline-experience .history-context .archive-record{margin-top:17px}
 .timeline-experience .history-context .timeline-hint{padding-top:17px;margin-top:20px}
 .timeline-experience .history-timeline{padding:0 24px}
 .timeline-milestone>summary{min-height:72px;padding:20px 0;gap:14px}
 .timeline-milestone .history-date{font-size:24px}
 .timeline-milestone-body h3{font-size:27px}
 .timeline-chevron{width:18px;height:18px}
 .timeline-setting-credit{margin-top:18px}
 .history-timeline-after{padding-top:27px}
}
@media(prefers-reduced-motion:reduce){.timeline-chevron{transition:none}}
.history-sources{border-top:1px solid #b3955b55;margin-top:50px;padding-top:22px;font-size:13px;line-height:1.8;color:var(--muted)}
.history-sources a{text-decoration:underline;text-underline-offset:4px}
.history-next{display:flex;gap:28px;align-items:center;justify-content:space-between;padding:32px;background:#e8e0ce;margin-top:55px}
.history-next h2{font:400 34px/1.1 var(--serif);margin:0 0 10px}
.history-next p{font-size:16px;line-height:1.6;margin:0;color:var(--muted)}
.history-next .gold-button{white-space:nowrap;flex-shrink:0}
/* Borderless viewer: the photo uses all space below the accessible controls. */
.archive-dialog{box-sizing:border-box;width:100vw;max-width:100vw;height:100vh;height:100svh;max-height:100vh;max-height:100svh;margin:0;border:0;padding:0;background:#020e16;color:var(--paper);overflow:hidden}
.archive-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}
.archive-dialog::backdrop{background:#020e16f5}
.archive-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left));padding-top:max(12px,env(safe-area-inset-top))}
.archive-dialog h2{font:400 25px/1.15 var(--serif);margin:0;min-width:0}
.archive-dialog button{flex-shrink:0;min-width:44px;min-height:44px;background:transparent;border:0;color:var(--paper);padding:10px 12px;cursor:pointer}
.archive-dialog button:focus-visible{outline:2px solid var(--gold-light);outline-offset:-2px}
.archive-dialog>img{display:block;width:100%;max-width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain;margin:0;padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:760px){
 .history-intro{padding:46px 6% 32px}.history-intro h1{font-size:clamp(47px,12vw,64px)}.history-intro .history-deck{font-size:17px}
 .history-tabs{gap:12px 22px;margin-top:28px;padding-top:17px}.history-tabs a{font-size:14px}
 .history-body{padding:38px 6% 55px}.history-timeline-layout{grid-template-columns:1fr;gap:40px}.history-context{position:static}
 .archive-grid{grid-template-columns:1fr;gap:40px}.archive-card-featured{display:block}.archive-card-featured figcaption{padding-top:23px}
 .archive-image{padding:13px}.archive-image img,.history-context .archive-image img{height:auto;max-height:580px}.archive-card h2{font-size:33px}
 .history-next{padding:25px;display:block}.history-next .gold-button{margin-top:24px}.archive-dialog-top{gap:12px;padding:8px max(12px,env(safe-area-inset-right)) 8px max(12px,env(safe-area-inset-left));padding-top:max(8px,env(safe-area-inset-top))}.archive-dialog h2{font-size:20px}
}