:root{--bg:#0b252d;--deep:#071c24;--ink:#e8e6d9;--muted:#a6b5b1;--line:#385159;--aqua:#83d5e3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit}button,select,input{font:inherit}button,a,select,input{outline-offset:5px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #f1ce84}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:11px;letter-spacing:.12em;font-weight:700;line-height:1.1}.brand-mark{font-size:33px;color:#a8d5cf}.top-note{font-family:'Playfair Display',serif;font-style:italic;color:#a4bcb9;font-size:15px}.about-link{font-size:12px;text-decoration:none}.about-link span{margin-left:14px;color:#9dc8c5}.intro{position:relative;min-height:410px;padding:75px 6% 75px;display:grid;grid-template-columns:1.4fr .6fr;align-items:end;gap:30px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:.15em;font-weight:700;color:#a5c2bc}.live-dot{display:inline-block;width:7px;height:7px;background:#d3dfac;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #d3dfac}.intro h1,.explorer h2,.about h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.045em;line-height:1.02;margin:24px 0 0}.intro h1{font-size:clamp(58px,7.2vw,110px)}em{font-weight:500;color:#a5d3ce}.intro-copy{max-width:310px;padding-bottom:8px;color:#bed0ca;line-height:1.65;font-size:15px}.intro-copy a{display:inline-block;margin-top:16px;color:var(--ink);text-decoration:none;border-bottom:1px solid #779993;padding-bottom:10px;font-size:12px;font-weight:700}.intro-copy a span{margin-left:35px}.intro-index{position:absolute;right:6%;top:68px;color:#77918e;font-size:9px;letter-spacing:.12em;line-height:1.7;text-align:right}.intro-index span{color:#b3cbc5}.explorer{background:#0c2c34;padding:55px 6% 70px}.explorer-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.explorer h2,.about h2{font-size:clamp(38px,4vw,60px);margin-top:14px}.section-kicker span{color:#5e8582}.map-instruction{font-size:12px;line-height:1.6;color:#d3dfd8;text-align:right}.map-instruction span{color:#8ca8a3}.map-shell{height:clamp(310px,48vw,650px);position:relative;background:radial-gradient(ellipse at 50% 48%,#173f48,#071d26 78%);border:1px solid #42626a;overflow:hidden}canvas{width:100%;height:100%;display:block}.map-overlay,.map-key{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;pointer-events:none;color:#97b4b1;font-size:9px;letter-spacing:.12em}.map-overlay{top:20px}.map-key{bottom:18px}.map-key i,.legend i{display:inline-block;width:7px;height:7px;background:var(--aqua);border-radius:50%;margin-right:8px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:30px 0;border-bottom:1px solid var(--line)}.control-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px}.control-heading strong{font-family:'Playfair Display',serif;font-size:22px;font-weight:500}.month-control input{width:100%;accent-color:#b4ddd1;margin:22px 0 8px}.months{display:flex;justify-content:space-between;color:#849e9a;font-size:10px}.route-control{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.route-control label{grid-column:1/-1;font-size:12px}.route-control select,.route-control button{min-height:50px;border:1px solid #64817e;background:#163a40;color:var(--ink);padding:0 15px}.route-control select{min-width:0}.route-control button{background:#c8e2d2;color:#143338;font-weight:700;cursor:pointer;border:0}.route-control button span{margin-left:22px}.legend{display:flex;flex-wrap:wrap;gap:22px;padding:24px 0 45px;color:#b6ccc6;font-size:11px}.legend i{background:var(--color)}.story{display:grid;grid-template-columns:1fr 1fr;background:#d2e0d2;color:#17363a}.story-intro,.story-copy{padding:48px 55px}.story-intro{border-right:1px solid #a9beb1}.story .section-kicker{color:#587a73}.story h3{font-family:'Playfair Display',serif;font-size:clamp(38px,4vw,62px);line-height:1;margin:28px 0 10px;font-weight:500;letter-spacing:-.04em}.story-intro>p:not(.section-kicker){color:#57746c;font-size:13px}.story-distance{display:flex;align-items:end;gap:14px;margin-top:45px}.story-distance>span{font-family:'Playfair Display',serif;font-size:60px;line-height:1}.story-distance small{font-size:11px;line-height:1.4;padding-bottom:4px}.story-distance small span{color:#67857a}.progress{height:2px;background:#abc1b3;margin-top:22px}.progress span{height:100%;width:0;display:block;background:#245f59}.story-copy{display:flex;flex-direction:column;justify-content:space-between}.quote-mark{font-family:Georgia,serif;font-size:70px;line-height:.7;color:#6e9b8b}.story-copy>p{font-family:'Playfair Display',serif;font-size:clamp(21px,2vw,30px);line-height:1.4;margin:15px 0 30px}.story-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#5c7b71}.story-footer button{border:0;background:none;color:#244d49;text-decoration:underline;cursor:pointer;font-size:11px;white-space:nowrap}.about{padding:100px 6%;display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#102b31}.about>div:last-child{max-width:510px;color:#b4c9c2;font-size:14px;line-height:1.8}.about a{text-underline-offset:3px}footer{padding:30px 6%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:11px;color:#9cb3ad}footer a{color:#d1ded5}.footer-brand{color:#d2e1d6;font-weight:700;letter-spacing:.1em}@media(max-width:700px){.topbar{height:72px}.top-note{display:none}.intro{min-height:auto;grid-template-columns:1fr;padding-top:75px}.intro h1{font-size:58px}.intro-index{top:25px}.intro-copy{max-width:360px}.explorer{padding-top:42px}.explorer-head{align-items:start}.map-instruction{display:none}.map-shell{height:340px}.map-overlay,.map-key{font-size:8px;left:10px;right:10px}.map-key span:last-child{display:none}.controls{grid-template-columns:1fr;gap:30px}.route-control{grid-template-columns:1fr}.route-control label{grid-column:auto}.legend{gap:14px;padding-bottom:30px}.story{grid-template-columns:1fr}.story-intro,.story-copy{padding:32px 25px}.story-intro{border-right:0;border-bottom:1px solid #a9beb1}.story-distance{margin-top:30px}.story-distance>span{font-size:48px}.about{grid-template-columns:1fr;gap:20px;padding:65px 6%}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}