@import url("fonts.css");
:root{--paper:#f3f0e7;--ink:#1c2b25;--muted:#838c81;--gold:#d6bb84;--line:#ffffff27}*{box-sizing:border-box}html,body{height:100%;margin:0}body{height:100dvh;display:flex;flex-direction:column;background:#141b17;color:var(--paper);font:14px 'DM Sans',sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:transparent;border:1px solid var(--line);border-radius:4px;padding:7px 12px;cursor:pointer}button:hover{background:#ffffff16}button:disabled{opacity:.25;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}header{height:43px;min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:8px;color:var(--gold);font:29px 'Playfair Display',serif;text-decoration:none}.brand span{font:600 7px 'DM Sans',sans-serif;letter-spacing:1.4px;line-height:1.5;color:#e3e4d9}.header-title{font-size:9px;letter-spacing:2px;color:#b2b8aa}header>div{display:flex;gap:7px}header button{font-size:10px;padding:5px 9px;border-color:#ffffff17}#stage{flex:1;min-height:0;position:relative;overflow:hidden;background:#27372d}#sceneImage{width:100%;height:100%;display:block;object-fit:cover;object-position:center 47%}.shade{position:absolute;inset:0;background:linear-gradient(0deg,#09150deb 0%,#09150d88 15%,#09150d16 38%,transparent 60%,#09150d25 100%);pointer-events:none}.minimap{position:absolute;right:22px;top:20px;width:190px;border:1px solid #c4c0a6a6;border-radius:6px;color:#334631;background:#f4f1e4ed;box-shadow:0 5px 30px #12201622;backdrop-filter:blur(6px);padding:10px 12px 9px}.map-head{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1.5px;font-weight:700;color:#68745c}.map-head button{color:#5f6a57;padding:0 3px;border:0;line-height:12px;font-size:13px}.map-head button:hover{background:#516a3b12}#locator{width:100%;height:auto;display:block;margin:3px 0 0}#mapPlace{font-size:10px;font-weight:500;margin-top:0;line-height:1.4}.minimap small{display:block;font-size:7px;color:#848774;margin-top:4px;line-height:1.4}.scene-copy{position:absolute;left:4.3%;bottom:5%;max-width:70%;text-shadow:0 2px 15px #0004}.scene-date{font-size:11px;letter-spacing:2px;color:#e8d2a1;margin-bottom:8px}h1{font:500 clamp(29px,4.1vw,64px)/1.08 'Playfair Display',serif;letter-spacing:-.7px;margin:0 0 10px;color:#fffdf1}.scene-place{font-size:12px;letter-spacing:.3px;color:#e2e5d9;margin:0 0 17px}.scene-copy button{background:#ecebdc10;border-color:#c3c8b969;padding:8px 12px;font-size:10px;backdrop-filter:blur(4px)}.scene-copy button span{padding-left:13px}.scene-copy button:hover{background:#f4f0d729}.art-note{position:absolute;bottom:11px;right:18px;font-size:8px;letter-spacing:.4px;color:#dadfd0a8}.load-state{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;background:#192c24b3;padding:12px 18px;border-radius:5px}.load-state[hidden]{display:none}footer{min-height:48px;height:48px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 20px;border-top:1px solid #ffffff15}footer>button{border:0;font-size:11px;color:#e1e4d7;white-space:nowrap}.journey{display:flex;align-items:center;gap:20px}#sceneNumbers{display:flex;gap:6px;align-items:center;position:relative}#sceneNumbers:before{content:'';height:1px;background:#ffffff24;position:absolute;left:0;right:0;top:50%;pointer-events:none}#sceneNumbers button{position:relative;border:0;background:#1b251e;color:#909d8e;min-width:24px;width:24px;height:24px;border-radius:50%;font-size:8px;padding:0}#sceneNumbers button:hover{color:#f9f5e4;background:#42523c}#sceneNumbers button.active{background:var(--gold);color:#26351f;font-weight:700}#progress{font-size:9px;letter-spacing:1px;color:#b8bfb0;white-space:nowrap}dialog{color:var(--ink);background:var(--paper);border:1px solid #d7d9ca;border-radius:10px;max-height:85dvh;overflow:auto;padding:32px;width:min(560px,calc(100% - 30px));line-height:1.8;font-size:13px}dialog::backdrop{background:#07150ec9;backdrop-filter:blur(6px)}dialog h2{font:31px/1.15 'Playfair Display',serif;margin:10px 0 15px}dialog h3{font-size:9px;letter-spacing:1.3px;text-transform:uppercase;color:#a26941;margin:20px 0 5px}dialog p{margin:10px 0}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#957143;font-weight:700}dialog a{color:#4f704d;text-underline-offset:3px}.close{position:absolute;top:8px;right:12px;color:#61715b;border:0;font-size:24px;padding:0 6px}dialog button:hover{background:#d8decf55}.source-links{display:flex;flex-wrap:wrap;gap:20px;font-size:11px;margin-top:22px}.accuracy{border-top:1px solid #d9ddce;margin-top:22px;padding-top:14px;font-size:10px;color:#7a806e}.detail-nav{display:flex;justify-content:space-between;margin-top:24px}.detail-nav button{font-size:11px;border-color:#c6cfb8}#gallery{width:min(1100px,calc(100% - 30px));padding:25px}.gallery-head{padding-right:35px}#galleryGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}.gallery-item{text-align:left;border:1px solid #d2d8c8;padding:0;overflow:hidden;color:var(--ink);background:#fffaf1;border-radius:5px}.gallery-item img{width:100%;height:105px;object-fit:cover;display:block}.gallery-item .caption{display:block;padding:10px 12px}.gallery-item small{display:block;color:#976e45;font-size:8px;line-height:1.6}.gallery-item strong{display:block;font-size:11px;font-weight:500;line-height:1.5;margin-top:4px}.gallery-item.active{border-color:#8e713c;box-shadow:0 0 0 1px #8e713c}.gallery-foot{font-size:10px;color:#7b806e;margin-top:20px;line-height:1.7}.gallery-foot a{font-size:11px}body:fullscreen header{display:none}body:fullscreen footer{height:46px}.minimap.collapsed{width:145px}.minimap.collapsed #mapBody{display:none}@media(min-width:1700px){.minimap{width:230px;right:30px;top:25px}#mapPlace{font-size:12px}.map-head{font-size:8px}.minimap small{font-size:8px}}@media(max-width:760px){header{padding:0 13px;height:40px;min-height:40px}.header-title{display:none}header button{font-size:9px}.minimap{right:13px;top:13px;width:155px;padding:8px 10px}#mapPlace{font-size:9px}.map-head{font-size:6px}.minimap small{font-size:6px}h1{font-size:36px;letter-spacing:-.3px}.scene-copy{left:6%;bottom:6%;max-width:86%}.scene-date{font-size:9px;letter-spacing:1.4px}.scene-place{font-size:11px}footer{padding:0 10px;gap:8px}.journey{gap:9px}#sceneNumbers{gap:3px}#sceneNumbers button{min-width:18px;width:18px;height:18px;font-size:7px}footer>button{padding:5px;font-size:16px}footer>button span{display:none}#progress{font-size:8px}#galleryGrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:430px){.minimap{width:140px;top:12px;right:12px}.brand span{font-size:6px}.brand{font-size:26px}header button{font-size:9px}header #full span{display:none}.scene-copy{bottom:7%}h1{font-size:32px}#sceneNumbers{gap:3px}#sceneNumbers button{width:16px;min-width:16px;height:18px;font-size:6px}#progress{display:none}footer{height:44px;min-height:44px}.art-note{font-size:6px}#galleryGrid{grid-template-columns:repeat(2,1fr)}.gallery-item img{height:95px}dialog{padding:25px}dialog h2{font-size:27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.gallery-section{grid-column:1/-1;font:500 20px "Playfair Display",serif;margin:10px 0 0;color:#617052}.location-note{font-size:11px;color:#6d785f;border-left:2px solid #b1ba9d;padding-left:12px}

.header-title{max-width:58%;text-align:center;letter-spacing:1px;line-height:1.5}#periodNav{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}#periodNav button{color:var(--ink);border-color:#c6cfb8;text-align:left;font-size:10px;line-height:1.4;padding:10px}#periodNav small{display:block;font-size:8px;color:#957143;margin-bottom:4px}.gallery-section small{font:10px "DM Sans",sans-serif;color:#7b806e;display:block;margin-top:5px}@media(max-width:760px){#periodNav{grid-template-columns:repeat(2,1fr)}}