:root{color-scheme:dark;font:15px/1.65 system-ui,sans-serif;background:#07171e;color:#d3e2df;--gold:#eed8a7;--line:#36525b}*{box-sizing:border-box}body{margin:0}a{color:#b9e3db;text-underline-offset:4px}a:hover{color:white}header{display:flex;justify-content:space-between;gap:20px;padding:19px 4vw;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.6px}main{max-width:1400px;margin:auto;padding:44px 4vw 20px}h1,h2{font-family:Georgia,serif;color:var(--gold);font-weight:normal;line-height:1.16}h1{font-size:clamp(35px,5vw,62px);margin:12px 0 20px}h2{font-size:30px;margin:12px 0 20px}p{max-width:100ch}.intro{font-size:18px;max-width:83ch}.eyebrow{font-size:11px;letter-spacing:2.8px;color:#93b8b6;margin:0}.toolbar{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:34px 0 15px;font-size:12px}button,select{font:inherit;color:#f0e6cc;border:1px solid #657f80;background:#13333e;border-radius:6px;padding:9px 13px;cursor:pointer}button[aria-pressed=true]{background:#dbc58f;color:#122e35}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #f4d48e;outline-offset:3px}input{accent-color:#ead39e}.map-frame{border:1px solid #65766d;background:#0a2230;border-radius:9px;overflow:hidden}#map{display:block;width:100%;height:auto;touch-action:pan-y}#map.measuring{cursor:crosshair}#grid{pointer-events:none}#grid line{stroke:#efefce;opacity:.5;stroke-width:1.5;stroke-dasharray:9 7}#grid text{font:15px system-ui;fill:#fff8e3;paint-order:stroke;stroke:#09232f;stroke-width:4px}#sites circle{fill:#edc878;stroke:#071f2b;stroke-width:3}#sites text{fill:white;font:bold 16px system-ui;paint-order:stroke;stroke:#09232f;stroke-width:4px}#sites a:hover circle{fill:white}#route path{fill:none;stroke:#ffdb95;stroke-width:3}#route circle{fill:#ffebbb;stroke:#0c212a;stroke-width:3}.readout{border-left:2px solid #d7bc80;padding:8px 14px;min-height:44px;font-variant-numeric:tabular-nums}.caption{font-size:12px;color:#92aeaf;line-height:1.7}.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{border:1px solid var(--line);border-radius:10px;padding:26px;background:#0e252d}section{margin:42px 0}section.two{background:none}section article{min-width:0}section article p{font-size:14px}.card ul,.card ol{padding-left:19px;font-size:14px}.card li{margin:13px 0}.card label{font-size:12px;display:block}.card select{width:100%;margin:7px 0 10px}dl{display:grid;grid-template-columns:1.2fr 1fr;gap:8px;font-size:14px}dd{margin:0;color:var(--gold);font-variant-numeric:tabular-nums}dt{color:#aec5c5}.compare{position:relative;aspect-ratio:2;overflow:hidden;border-radius:10px;border:1px solid #526f74}.compare img{position:absolute;width:100%;height:100%;object-fit:fill}.compare #newMap{clip-path:inset(0 50% 0 0)}.label{position:absolute;top:12px;padding:5px 8px;background:#09222de0;font-size:10px;letter-spacing:1px}.left{left:12px}.right{right:12px}.slider{display:flex;align-items:center;gap:20px;font-size:12px;margin:15px 0}.slider input{flex:1}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery figure{margin:0;background:#0e252d;border-radius:8px;overflow:hidden;border:1px solid var(--line)}.gallery img{display:block;width:100%;height:220px;object-fit:contain;background:#050f16}.gallery figcaption{padding:13px;font-size:13px;line-height:1.4}.gallery small{display:block;color:#94acad;margin-top:7px}footer{text-align:center;padding:25px;color:#739393;font-size:12px;border-top:1px solid var(--line)}@media(max-width:800px){main{padding:28px 18px}.two{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:160px}header{flex-wrap:wrap;gap:8px}.card{padding:20px}h2{font-size:26px}dl{font-size:12px}.toolbar{gap:10px}.slider{display:block}.slider input{display:block;width:100%}}@media(max-width:450px){.gallery{grid-template-columns:1fr}.gallery img{height:230px}}