:root{color-scheme:light;--ink:#19372d;--paper:#f6f3ea;--gold:#e8bb6d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;min-height:44px;border:1px solid #19372d40;background:transparent;color:inherit;border-radius:8px;padding:8px 14px}button:hover{background:#19372d10}button:focus-visible,a:focus-visible,.viewer:focus-visible{outline:3px solid #b16a12;outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;border-bottom:1px solid #19372d20;gap:16px}.brand{font-size:12px;letter-spacing:2px;font-weight:700;text-decoration:none;color:inherit}.brand span{display:block;font:italic 25px Georgia,serif;letter-spacing:0}header button{font-size:13px}main{max-width:1500px;margin:auto;padding:0 4%}.intro{padding:30px 0 20px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px}h1{font:clamp(32px,4vw,52px)/1.1 Georgia,serif;margin:12px 0}p{margin:10px 0}.intro>p:last-child{color:#526359}.viewer{position:relative;height:clamp(330px,54vh,620px);overflow:hidden;background:#19372d;border-radius:12px;touch-action:none;cursor:grab;user-select:none}.viewer:active{cursor:grabbing}#scene{position:absolute;transform-origin:0 0}#scene img{width:100%;height:100%;display:block;pointer-events:none}.spot{position:absolute;transform:translate(-50%,-50%);border:2px solid white;border-radius:50%;background:var(--ink);color:white;width:46px;height:46px;padding:0;box-shadow:0 0 0 5px #ffffff30,0 4px 18px #0008;font-weight:700}.spot:hover{background:#9a5e19}#loading{position:absolute;inset:40% 0;text-align:center;color:white;pointer-events:none}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:12px}.toolbar>span{font-size:13px;color:#526359}.toolbar>div{display:flex;gap:6px}.toolbar button{min-width:44px;background:white}#topics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:10px 0 24px}#topics button{text-align:left;background:#fffaf0;padding:15px;font-size:14px;border-radius:10px}#topics b{display:block;color:#986325;font-size:11px;letter-spacing:1px;margin-bottom:5px}footer{border-top:1px solid #19372d20;padding:16px 0 28px;font-size:12px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}footer button{font-size:12px}#offline{margin-left:auto}dialog{border:0;border-radius:16px;background:var(--paper);color:var(--ink);padding:32px;width:min(560px,calc(100% - 24px));max-height:90dvh;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#10241ecc;backdrop-filter:blur(3px)}dialog h2{font:32px/1.2 Georgia,serif;padding-right:15px}dialog p{line-height:1.75}.close{position:absolute;right:12px;top:12px;border:0}.done{width:100%;margin-top:22px;background:var(--ink);color:white}.done:hover{background:#2c5141}#panel-evidence{border-left:3px solid #b48235;padding:10px 14px;background:#eee8d9;font-size:13px;margin:18px 0}details{font-size:13px}summary{cursor:pointer;min-height:44px;padding:10px 0}@media(max-width:650px){header{padding:12px 4%}header button{max-width:150px;font-size:11px}.intro{padding-top:22px}.intro>p:last-child{font-size:14px}.toolbar{flex-wrap:wrap}.toolbar>div{width:100%;justify-content:space-between}#topics{grid-template-columns:repeat(2,1fr)}#topics button:last-child{grid-column:span 2}.viewer{height:52vh;min-height:320px}dialog{padding:26px}}@media(max-height:500px) and (orientation:landscape){.intro{padding:10px 0}.intro h1{font-size:27px}.intro>p:last-child,.eyebrow{display:none}.viewer{height:65vh;min-height:240px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}
:root{--muted:#526359}.skip{position:absolute;z-index:99;left:12px;top:-100px;background:white;color:var(--ink);padding:10px 16px}.skip:focus{top:12px}.brand{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.8px}.brand img{border-radius:8px;flex:none}.brand>span{display:block;font:700 13px/1.4 system-ui,sans-serif;letter-spacing:.8px}.brand .brand-sub{font:italic 25px/1.2 Georgia,serif;letter-spacing:0}.header-links{display:flex;align-items:center;gap:14px}.header-links a{font-size:13px}.header-links a,footer a{color:var(--ink);text-underline-offset:4px}.header-links a{padding:10px 4px;min-height:44px}.toolbar p{font-size:13px;color:var(--muted);margin:0}.toolbar>.controls{flex-wrap:wrap}.controls button{font-size:13px}.controls button:disabled{opacity:.45;cursor:default}.spot{background:#fff2cf;color:#19372d;border:3px solid #19372d;box-shadow:0 2px 10px #0006;width:44px;height:44px;min-height:44px;font-size:18px}.spot:hover{background:#e8bb6d}.spot:focus-visible{outline-color:white;outline-offset:3px}#hotspots{position:absolute;inset:0;pointer-events:none}.spot{pointer-events:auto}#topics{grid-template-columns:repeat(5,minmax(0,1fr))}#topics button{overflow-wrap:anywhere}#panel-text{white-space:pre-line;font-size:17px}.history-note{background:#eee8d9;padding:12px 14px;border-left:3px solid #b48235;font-size:14px!important}.source-link{display:inline-block;min-height:44px;padding:10px 0;color:#19372d;text-underline-offset:4px}.evidence-main{max-width:950px}.evidence-intro{max-width:750px}.evidence-nav{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.evidence-nav a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:#fffaf0;border:1px solid #19372d40;border-radius:8px;text-decoration:none;color:var(--ink)}.evidence-story{scroll-margin-top:24px;padding:28px 0;border-top:1px solid #19372d30}.evidence-story h2{font:28px/1.2 Georgia,serif}.evidence-story h3{font-size:16px;margin:20px 0 6px}.evidence-story a,.evidence-main a,.reading-main a{color:var(--ink);text-underline-offset:3px}.source-list{padding-left:22px}.source-list li{margin:12px 0}.evidence-note{background:#eee8d9;padding:16px 20px;border-radius:10px}.story-return{display:inline-block;min-height:44px;padding:10px 0}.reading-main{max-width:850px}.story-copy{font-size:18px;line-height:1.8}.build-label{color:var(--muted)}@media(max-width:850px){#topics{grid-template-columns:repeat(2,minmax(0,1fr))}#topics button:last-child{grid-column:auto}.toolbar{flex-wrap:wrap}}@media(max-width:650px){header{align-items:flex-start;flex-wrap:wrap}.brand{width:100%}.header-links{width:100%;justify-content:space-between}.header-links button{max-width:none;font-size:12px}.header-links a{font-size:12px}.toolbar>.controls{justify-content:flex-start}.toolbar .controls button{flex-grow:1}#topics button:last-child{grid-column:auto}.intro h1{font-size:34px}.evidence-story h2{font-size:26px}footer #offline{margin-left:0}}[hidden]{display:none!important}

#experience{position:relative}.viewer{cursor:grab}#panorama{position:absolute;inset:0;width:100%;height:100%;display:block}#hotspots{position:absolute;inset:0}.spot{transform:translate(-50%,-50%)}.view-options{position:absolute;z-index:4;left:12px;right:12px;top:12px;display:flex;gap:8px;flex-wrap:wrap;pointer-events:none}.view-options button{pointer-events:auto;color:#19372d;background:#fff8e8ee;box-shadow:0 2px 12px #0004;font-size:13px;font-weight:600}.view-options button:hover{background:#fff8e8}.view-options button[aria-pressed=true]{background:#e8bb6d}#view-status{position:absolute;z-index:3;bottom:10px;left:12px;right:12px;margin:0;padding:7px 12px;border-radius:8px;background:#19372dde;color:#fff8e8;font-size:12px;line-height:1.4;pointer-events:none}#view-status:empty{display:none}#experience:fullscreen,#experience.expanded{width:100%;height:100%;background:#19372d;margin:0;padding:0}#experience.expanded{position:fixed;inset:0;z-index:90;width:100vw;height:100dvh}#experience:fullscreen .viewer,#experience.expanded .viewer{height:100%;min-height:0;max-height:none;border-radius:0}#experience:fullscreen .toolbar,#experience.expanded .toolbar{position:absolute;left:12px;right:12px;bottom:12px;z-index:4;display:flex;justify-content:center;padding:0;pointer-events:none}#experience:fullscreen .toolbar>p,#experience.expanded .toolbar>p{display:none}#experience:fullscreen .toolbar .controls,#experience.expanded .toolbar .controls{width:auto;justify-content:center;pointer-events:auto}#experience:fullscreen #view-status,#experience.expanded #view-status{bottom:78px;left:12px;right:auto;max-width:calc(100% - 24px)}body.view-expanded{overflow:hidden}#experience:fullscreen dialog,#experience.expanded dialog{z-index:100}.view-options #fullscreen{margin-left:auto}@media(max-width:650px){.view-options{left:8px;right:8px;top:8px;gap:5px}.view-options button{padding:8px 10px;font-size:12px}.view-options #fullscreen{margin-left:0}#experience:fullscreen .toolbar .controls,#experience.expanded .toolbar .controls{gap:4px;max-width:100%;flex-wrap:wrap}#experience:fullscreen .toolbar .controls button,#experience.expanded .toolbar .controls button{flex-grow:0;padding:6px 10px;font-size:12px}#experience:fullscreen #view-status,#experience.expanded #view-status{bottom:116px}}
.header-links{flex-wrap:wrap}#experience:fullscreen #view-status,#experience.expanded #view-status{bottom:174px}.directions-main{max-width:1050px}.map-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:20px 0}.map-actions a{color:#19372d;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}.map-actions .primary-action{background:#19372d;color:#fff8e8;border-radius:10px;padding:14px 20px;text-decoration:none;font-weight:600}.visit-map{width:100%;height:450px;border:1px solid #19372d30;border-radius:12px;display:block;margin:24px 0 10px;background:#eee8d9}.map-caption{font-size:13px;color:#526359}.visit-sources{margin-bottom:20px}.visit-sources a,.directions-main a{color:#19372d}.directions-main .primary-action{color:#fff8e8}@media(max-width:650px){#experience:fullscreen #view-status,#experience.expanded #view-status{bottom:180px}#view-status{font-size:11px}.visit-map{height:350px}.header-links{gap:8px}}

#experience:fullscreen #view-status,#experience.expanded #view-status{bottom:78px}@media(max-width:650px){#experience:fullscreen #view-status,#experience.expanded #view-status{bottom:116px}}
.time-intro{position:absolute;inset:0;z-index:8;overflow:hidden;background:#19372d;opacity:1;transition:opacity 4s ease}.time-intro.fading{opacity:0;pointer-events:none}.intro-backdrop{position:absolute;inset:-30px;width:calc(100% + 60px);height:calc(100% + 60px);object-fit:cover;filter:blur(20px) brightness(.65);pointer-events:none}#modern-photo{position:absolute;max-width:none;object-fit:fill;pointer-events:none}.intro-caption{position:absolute;z-index:2;left:16px;right:16px;bottom:20px;text-align:center;color:#fff8e8;text-shadow:0 2px 8px #000;background:#19372dbb;padding:10px 14px;border-radius:10px}.intro-caption p{margin:4px 0}.intro-caption p:last-child{font:clamp(19px,3vw,30px)/1.2 Georgia,serif}.intro-running .view-options,.intro-running #hotspots,.intro-running #view-status{visibility:hidden}@media(prefers-reduced-motion:reduce){.time-intro{transition:none}}

.intro-running + .toolbar{visibility:hidden}

#panel-detail img,.story-detail img{display:block;width:100%;height:auto;border-radius:8px}#panel-detail summary{font-weight:600}.detail-caption{font-size:12px;line-height:1.5;color:#526359}

.copyright{flex-basis:100%;font-size:13px;line-height:1.5;color:var(--muted);margin:8px 0 0}.legal-footer{max-width:1000px;margin:0 auto;padding:20px}

/* Compact, optional narration and view controls. */
.listen-button{display:inline-flex;align-items:center;gap:8px;background:#fffaf0;font-size:14px;min-height:44px;margin:4px 0 8px}.listen-button svg{flex:none}.stop-symbol{display:none}.listen-button[aria-pressed=true]{background:#e8bb6d}.listen-button[aria-pressed=true] .speaker-symbol{display:none}.listen-button[aria-pressed=true] .stop-symbol{display:block}.listen-button:disabled{opacity:.6;cursor:default}.audio-status{font-size:13px;line-height:1.5;color:#526359;margin:0 0 12px}.audio-status:empty{display:none}
.view-controls{position:relative;flex:none;font-size:13px}.view-controls>summary{border:1px solid #19372d40;border-radius:8px;background:#fffaf0;padding:10px 14px;min-height:44px;white-space:nowrap}.view-controls>summary:focus-visible{outline:3px solid #b16a12;outline-offset:3px}.view-controls>.controls{position:absolute;top:calc(100% + 6px);right:0;z-index:6;display:flex;flex-wrap:wrap;gap:6px;width:max-content;max-width:min(360px,calc(100vw - 32px));padding:10px;border:1px solid #19372d40;border-radius:10px;background:#f6f3ea;box-shadow:0 5px 18px #0002}.view-controls .controls button{flex-grow:0}.toolbar>.view-controls{width:auto;margin-left:auto}.view-controls:not([open])>.controls{display:none}
#experience:fullscreen .view-controls,#experience.expanded .view-controls{pointer-events:auto;margin:0}#experience:fullscreen .view-controls>.controls,#experience.expanded .view-controls>.controls{top:auto;bottom:calc(100% + 6px);right:50%;transform:translateX(50%);width:max-content;max-width:calc(100vw - 32px)}
@media(max-width:650px){.toolbar>.view-controls{width:auto;flex:none}.toolbar .view-controls .controls button{flex-grow:0}}

.narration-credit{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 12px}

/* One consistent control dock; the picture is separate from its controls. */
.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:8px;padding:12px 0}
.toolbar>.view-options{position:static;inset:auto;display:flex;flex-wrap:wrap;gap:8px;pointer-events:auto;z-index:auto}
.toolbar>.view-options #fullscreen{margin-left:0}
.toolbar>.view-controls{margin-left:0;order:1}
.toolbar>p{order:2;flex-basis:100%}
.toolbar .view-options button,.toolbar .view-controls>summary{min-height:44px;font-size:13px;line-height:1.25;padding:10px 12px}
#experience:fullscreen .toolbar,#experience.expanded .toolbar{
 left:50%;right:auto;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);
 width:max-content;max-width:calc(100% - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));
 display:grid;grid-template-columns:repeat(4,max-content);gap:8px;align-items:stretch;justify-content:center;
 padding:8px;border-radius:12px;background:#19372dbb;pointer-events:auto;z-index:5
}
#experience:fullscreen .toolbar>.view-options,#experience.expanded .toolbar>.view-options{display:contents}
#experience:fullscreen .toolbar>.view-controls,#experience.expanded .toolbar>.view-controls{margin:0;order:initial;width:auto}
#experience:fullscreen .view-controls>summary,#experience.expanded .view-controls>summary{height:100%;display:flex;align-items:center;justify-content:center}
#experience:fullscreen .view-controls>.controls,#experience.expanded .view-controls>.controls{
 right:0;bottom:calc(100% + 12px);top:auto;transform:none;width:max-content;
 max-width:min(360px,calc(100vw - 48px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)))
}
#experience:fullscreen #view-status,#experience.expanded #view-status{
 left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));
 bottom:calc(88px + env(safe-area-inset-bottom,0px));max-width:none
}
@media(max-width:650px){
 .toolbar>.view-options{display:contents}
 .toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .toolbar>.view-controls{order:initial;width:auto}
 .toolbar>p{grid-column:1/-1;order:2}
 .toolbar .view-options button,.toolbar .view-controls>summary{width:100%;height:100%;margin:0;min-height:44px}
 #experience:fullscreen .toolbar,#experience.expanded .toolbar{width:360px;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
 #experience:fullscreen #view-status,#experience.expanded #view-status{bottom:calc(140px + env(safe-area-inset-bottom,0px))}
}