:root{--paper:#f5eedc;--ink:#243e49;--quiet:#55615c;--rust:#8e3b28;--line:#b7b4a0;--wash:#e5e4ce;--focus:#8e3b28;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 Georgia,serif}button,select{font:600 14px/1.35 system-ui,sans-serif;color:var(--ink);background:var(--paper);border:1px solid var(--ink);border-radius:4px;min-height:44px;min-width:44px;padding:10px 13px;cursor:pointer;max-width:100%}button:hover,select:hover{background:var(--wash)}button:disabled{cursor:default;opacity:.48}button[aria-pressed=true],button.primary{background:var(--ink);color:var(--paper)}button[aria-pressed=true]:hover,button.primary:hover{background:#344f55}a{color:var(--rust);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}header,footer{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 36px;font:12px/1.5 system-ui,sans-serif}header{border-bottom:1px solid var(--line)}header a,footer a{font-weight:650}header span{letter-spacing:.1em;color:var(--quiet)}main{max-width:1320px;margin:auto;padding:0 36px}h1,h2,h3,p{margin-top:0}h1{font-weight:400;font-size:clamp(48px,7.4vw,100px);letter-spacing:-.055em;line-height:1.05;margin-bottom:24px}h1 em{font-weight:400;color:var(--rust)}h2{font-weight:400;font-size:34px;line-height:1.15;letter-spacing:-.025em;margin-bottom:18px}h3{font:650 16px/1.4 system-ui,sans-serif;margin-bottom:12px}.opening{padding:48px 0 38px;position:relative}.eyebrow{font:650 11px/1.5 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--quiet);margin-bottom:10px}.dek{font-size:23px;line-height:1.5;margin-bottom:14px}.intro{max-width:680px;margin-bottom:0;color:var(--quiet);font-size:16px}.spread{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(260px,1fr);gap:32px;align-items:start}.landscape{min-width:0}.map-top{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--ink);padding:12px 0}.map-top span{font:650 11px/1.4 system-ui,sans-serif;letter-spacing:.12em}.map{position:relative;isolation:isolate;border:1px solid var(--ink);border-radius:48% 48% 5px 5px / 9% 9% 5px 5px;background:var(--ink);overflow:hidden;aspect-ratio:900/570}#world{width:100%;height:100%;display:block}.markers{position:absolute;inset:0}.markers button{position:absolute;width:44px;height:44px;border:2px solid var(--ink);border-radius:50%;padding:0;transform:translate(-50%,-50%);box-shadow:0 2px 0 var(--ink);font-size:15px}.markers button:focus-visible{outline-color:var(--paper)}#mark-0{left:18%;top:44%}#mark-1{left:50%;top:44%}#mark-2{left:82%;top:44%}#mark-3{left:18%;top:82%}#mark-4{left:50%;top:82%}#mark-5{left:82%;top:82%}.map.zoomed .markers{display:none}.map-key{display:flex;gap:14px;flex-wrap:wrap;font:12px/1.5 system-ui,sans-serif;color:var(--quiet);padding:12px 0 8px}.map-caption{font-size:15px;margin-bottom:20px}.walking{border-top:1px solid var(--line);padding-top:20px;display:grid;grid-template-columns:1fr auto;gap:0 12px;scroll-margin-top:20px}.walking p{margin-bottom:10px}.walking .small{grid-column:1/-1}.compass{display:flex;gap:5px;align-items:start}.compass button{padding:7px;font-size:23px}#destinations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}#destinations button{text-align:left;font-size:12px;line-height:1.5;padding:10px}#destinations span{display:block;font-weight:400}#destinations .number{font-weight:700;letter-spacing:.08em}.listening{border-left:1px solid var(--line);padding-left:24px;padding-top:16px}.listening #sight{font-size:18px;line-height:1.7}.ear{display:flex;align-items:center;gap:18px;padding:14px 0;margin-bottom:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.ear span{font-size:52px;line-height:1}.ear p{font-style:italic;margin:0;font-size:20px}label{display:block;font:650 13px/1.5 system-ui,sans-serif;margin-bottom:8px}select{width:100%;margin-bottom:10px}.small{font:13px/1.65 system-ui,sans-serif;color:var(--quiet)}#voices{margin:18px 0}.voice{padding:13px 0;border-top:1px solid var(--line)}.voice h3{font-size:14px;margin-bottom:4px}.voice p{margin:0}.voice .sound{font-size:19px;font-style:italic}.voice .route{font:12px/1.6 system-ui,sans-serif;color:var(--quiet);overflow-wrap:anywhere}.voice.unfeatured .sound{font-size:15px;color:var(--quiet)}.voice.unreachable .sound{font:13px/1.6 system-ui,sans-serif}.return-link{font:600 13px/1.6 system-ui,sans-serif;display:inline-block;padding:12px 0}.notice{padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:14px/1.6 system-ui,sans-serif;margin:28px 0}.tube-room,.footnotes{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:20px 0 40px}.tube-room p{font-size:16px}.tube-room .small{font-size:13px}.shutter-heading{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:12px}.shutter-heading h3{margin:0}#shutters{display:grid;gap:0;margin-bottom:14px}.shutter-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.shutter-row p{margin:0;font:14px/1.5 system-ui,sans-serif}.shutter-row span{display:block;font-size:12px;color:var(--quiet)}.shutter-row button{flex:0 0 96px}.footnotes{border-top:1px solid var(--ink);padding-top:32px}#trail{overflow-wrap:anywhere;font-size:15px}.actions{display:flex;gap:8px;flex-wrap:wrap}#prepare{margin-bottom:16px}#reset-confirm{margin-top:20px;padding:18px;border:1px solid var(--rust)}#reset-confirm button{margin:4px 0}.sources{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:12px 0 40px}summary{cursor:pointer;padding:14px 0;min-height:48px;font:650 14px/1.6 system-ui,sans-serif}.source-body{max-width:790px;padding:28px 0}.source-body h3{margin-top:28px}.source-body p{font-size:16px}#invitations{border-top:1px solid var(--line)}ol{padding-left:24px}li{padding:0 0 14px;font-size:15px}footer{padding-top:0;padding-bottom:36px}.skip{position:absolute;left:16px;top:-90px;padding:12px 20px;background:var(--paper);z-index:9}.skip:focus{top:12px}[hidden]{display:none!important}
@media(min-width:1100px){.opening .intro{position:absolute;right:0;bottom:46px;width:310px}.dek{max-width:700px}}
@media(max-width:800px){header,footer{padding:20px}main{padding:0 20px}.opening{padding-top:32px}.spread{grid-template-columns:1fr;gap:28px}.listening{border-left:0;padding:24px 0 0;border-top:1px solid var(--ink)}#voices{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.tube-room,.footnotes{gap:32px}.map{max-height:none}.listening #sight{max-width:600px}}
@media(max-width:540px){header{flex-wrap:wrap;gap:8px 14px}header span{order:3;width:100%;font-size:10px}header a:last-child{margin-left:auto}main{padding:0 16px}header,footer{padding-left:16px;padding-right:16px}.opening{padding-bottom:26px}h1{font-size:52px;margin-bottom:20px}.dek{font-size:20px}.intro{font-size:15px}.map-top span{font-size:10px;letter-spacing:.05em}.map-top button{font-size:12px;padding:8px}.map-key{gap:6px 13px;font-size:11px}.walking{grid-template-columns:1fr}.compass{margin:4px 0 14px}.compass button{min-width:48px}.walking .small{font-size:12px}#destinations{grid-template-columns:repeat(2,minmax(0,1fr))}.tube-room,.footnotes{grid-template-columns:1fr;gap:24px}.shutter-heading{align-items:start}.listening{padding-top:20px}.listening #sight{font-size:17px}#voices{grid-template-columns:1fr}.voice .route{font-size:13px}.voice{padding:12px 0}h2{font-size:32px}.footnotes{padding-bottom:22px}.shutter-row p{font-size:13px}.shutter-row button{flex-basis:90px;padding:8px}.source-body{padding-top:20px}footer{align-items:start}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}