:root{color-scheme:dark;--bg:#101614;--surface:#17211d;--text:#e9eee6;--muted:#a7b5a9;--accent:#d1b878;--line:#344238;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:18px;font-weight:800;letter-spacing:3px;text-decoration:none}.brand span{font-size:10px;font-weight:400;letter-spacing:2px;color:var(--muted)}nav{display:flex;gap:28px;font-size:13px}nav a{text-decoration:none}.wrap{width:90%;max-width:1240px;margin:auto}.intro{padding:80px 0 62px}.eyebrow,.place{font-size:10px;letter-spacing:2.5px;line-height:1.6;color:var(--accent)}.intro-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:8%;align-items:end}h1{font-size:clamp(44px,6.5vw,86px);font-weight:500;line-height:1.03;letter-spacing:-3px;margin:24px 0 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}p{line-height:1.8}.intro-copy{max-width:440px}.intro-copy>p:not(.place){font-size:16px;color:var(--muted)}.intro-copy .fine{font-size:12px!important}.button{display:inline-flex;justify-content:center;gap:24px;background:var(--accent);color:#101614;border:0;border-radius:3px;padding:15px 21px;font-size:13px;font-weight:700;text-decoration:none}.intro-copy .button{margin-top:14px}.section-line{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.section-line h2{font-size:15px;font-weight:500;margin:0}.section-line>span{font-size:9px;letter-spacing:1.8px;color:var(--muted)}video{display:block;width:100%;aspect-ratio:16/9;background:#080c0a;border:1px solid var(--line);border-radius:4px}.caption{font-size:12px;color:var(--muted);line-height:1.7}.section{padding-top:84px;padding-bottom:10px}.section-copy{max-width:680px;color:var(--muted);font-size:15px;margin:0 0 25px}.choices{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.choices button{background:transparent;border:1px solid var(--line);padding:11px 15px;color:var(--muted);border-radius:3px;font-size:12px}.choices button[aria-pressed=true]{background:var(--surface);border-color:var(--accent);color:var(--accent)}.choices button:hover{border-color:var(--accent);color:var(--text)}.comparison{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface);border-radius:4px}.comparison img{display:block;width:100%;height:100%;object-fit:cover}.before-layer{position:absolute;inset:0;clip-path:inset(0 50% 0 0)}.image-label{position:absolute;top:16px;background:#101614dc;padding:8px 10px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.original{left:16px}.rebuilt{right:16px}.divider{position:absolute;left:50%;top:0;height:100%;width:2px;background:var(--accent);pointer-events:none}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;display:grid;place-items:center;background:var(--accent);color:var(--bg);border-radius:50%;font-size:22px}.range-label{font-size:12px;display:flex;justify-content:space-between;margin:16px 0 4px;color:var(--muted)}input[type=range]{width:100%;height:30px;accent-color:var(--accent);cursor:ew-resize}.explore{background:#141e18;padding-bottom:36px;margin-top:60px}.viewer{position:relative;height:clamp(350px,65vw,650px);border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#78887a}.map-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.load-panel{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(transparent,#0b130dd9);padding:24px}.load-panel p{font-family:Georgia,serif;font-size:clamp(24px,4vw,42px);margin:0 0 18px;text-shadow:0 1px 8px #000}.load-panel>span{font-size:11px;margin-top:15px;color:#fff}.viewer canvas{display:block;width:100%;height:100%;touch-action:none;position:relative}#map-status{font-size:12px;color:var(--muted);min-height:22px}[hidden]{display:none!important}.notes{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-bottom:65px}.notes h2,.closing h2{font-family:Georgia,serif;font-size:clamp(30px,4vw,50px);font-weight:400;line-height:1.14}.notes p:not(.eyebrow){font-size:14px;color:var(--muted)}.text-link{display:inline-block;font-size:13px;color:var(--accent);margin:8px 0;text-underline-offset:5px}.closing{border-top:1px solid var(--line);padding:65px 0 80px}.closing h2{margin:25px 0 32px}footer{border-top:1px solid var(--line);padding:30px 0;display:flex;flex-wrap:wrap;align-items:center;gap:30px}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}footer p{flex:1}.skip{position:absolute;left:10px;top:-100px;padding:12px;background:var(--accent);color:var(--bg);z-index:5}.skip:focus{top:10px}@media(max-width:700px){header{padding:20px 5%;align-items:flex-start}.brand{font-size:15px}.brand span{display:block;margin-top:6px;font-size:8px}nav{gap:16px;font-size:11px;max-width:210px}.intro{padding:45px 0 40px}.intro-grid,.notes{grid-template-columns:1fr;gap:25px}h1{letter-spacing:-2px}.intro-copy{max-width:none}.section-line{align-items:flex-start;flex-direction:column;gap:10px}.section{padding-top:50px}.explore{margin-top:40px}.image-label{top:9px;font-size:8px}.original{left:9px}.rebuilt{right:9px}.choices{gap:7px}.choices button{padding:11px;font-size:11px}.notes{padding-bottom:40px}footer{gap:18px}footer p{flex-basis:100%;order:3;margin:0}}
