:root{--paper:#f7f7ef;--ink:#203d34;--muted:#6c796e;--line:#dce1d5;--panel:#fff;--lime:#ddedaa;--map:#e9eddf;--map-land:#f6f6eb;--map-line:#c5ceba;--shadow:0 18px 50px #153c3212;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}body.dark{--paper:#152b25;--ink:#eef1df;--muted:#b0c0b1;--line:#3c5145;--panel:#203a30;--map:#213c32;--map-land:#304d3e;--map-line:#506b57;--shadow:0 18px 50px #0002;color-scheme:dark}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #87a63e;outline-offset:4px}header{height:94px;display:flex;align-items:center;gap:30px;padding:0 6%;border-bottom:1px solid var(--line)}.brand{position:relative;font-size:27px;letter-spacing:-1.2px;font-weight:750;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand span{position:absolute;left:48px;top:34px;font-size:6.4px;letter-spacing:1.25px}nav{margin-left:auto;display:flex;align-items:center;gap:35px}nav a,nav button{font-size:12px}nav a.active{border-bottom:2px solid var(--ink);padding:14px 0}nav button{background:none;border:0}#saved-count{display:inline-grid;place-items:center;background:var(--lime);color:#203d34;width:22px;height:22px;border-radius:50%;margin-left:5px}.icon-button{height:38px;width:38px;background:transparent;border:1px solid var(--line);border-radius:50%;font-size:23px}.hero{position:relative;min-height:600px;overflow:hidden;background:#e4e8d7}.hero-art{position:absolute;inset:0;background:url('assets/landscape.svg') center 50%/cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#e7ead9 1%,#e7ead9e8 23%,#e7ead982 41%,transparent 61%)}.hero-content{position:relative;z-index:1;padding:70px 6% 44px;color:#203d34}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;line-height:1.6}.tiny-dot{display:inline-block;background:#678347;height:7px;width:7px;border-radius:50%;margin-right:9px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(70px,7.7vw,112px);letter-spacing:-6px;line-height:.96;margin:25px 0}h1 em{font-weight:400;color:#47724e}h2{font-family:Georgia,serif;font-size:35px;font-weight:400;letter-spacing:-1px;margin:10px 0;line-height:1.15}.hero-copy{font-size:15px;line-height:1.8;margin:23px 0 28px}.primary{display:inline-flex;gap:35px;align-items:center;border:0;background:#203d34;color:#fff;padding:17px 22px;border-radius:5px;font-size:12px;font-weight:600}.primary:hover{background:#365d48}.primary span{font-size:20px}.hero-foot{display:flex;align-items:center;gap:12px;font-size:10px;margin-top:38px}.hero-foot i{height:3px;width:3px;background:#54705a;border-radius:50%}.landscape-label{position:absolute;right:6%;bottom:95px;z-index:1;color:#fff;display:grid;gap:10px;text-shadow:0 1px 8px #183b34}.landscape-label span{font-size:8px;letter-spacing:2px}.landscape-label strong{font-family:Georgia,serif;font-size:19px;font-weight:400}.hero-index{position:absolute;bottom:35px;right:6%;z-index:1;color:#e8eddd;font-size:10px;letter-spacing:2px}.hero-index span{margin-left:15px}.manifesto{display:flex;align-items:center;justify-content:space-between;padding:24px 6%;border-bottom:1px solid var(--line);gap:20px}.manifesto>span:first-child{font-size:9px;letter-spacing:1.5px;font-weight:700}.manifesto p{font-family:Georgia,serif;font-size:22px;margin:0}.asterisk{font-size:44px;color:#6a8152}.river-section,.explore-section{padding:50px 6% 0;max-width:1600px;margin:auto}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.text-button{background:none;border:0;padding:10px 0;font-size:11px;text-decoration:underline;text-underline-offset:5px}.river-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.river-tab{display:flex;text-align:left;align-items:center;gap:15px;padding:19px;border:1px solid var(--line);background:transparent;border-radius:7px;position:relative}.river-tab:hover{background:var(--panel)}.river-tab[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.river-tab .river-number{font-family:Georgia,serif;font-style:italic;font-size:24px;color:#8b9c75}.river-tab strong{display:block;font-family:Georgia,serif;font-size:21px;font-weight:400;margin-bottom:5px}.river-tab small{font-size:10px;color:var(--muted)}.river-tab[aria-pressed=true] small{color:var(--paper)}.river-tab .arrow{margin-left:auto}.explore-section{padding-top:55px;padding-bottom:55px}.view-toggle{display:flex;border:1px solid var(--line);border-radius:6px;padding:4px;flex-shrink:0}.view-toggle button{border:0;background:none;padding:9px 13px;border-radius:3px;font-size:11px}.view-toggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.filter-bar{display:flex;gap:10px}.filter-bar>label:not(.search),.filter-bar>button,.search{border:1px solid var(--line);border-radius:5px;background:var(--panel)}.search{display:flex;align-items:center;gap:10px;padding:0 15px;flex:1}.search span{font-size:27px}.search input{width:100%;border:0;background:transparent;min-width:0;padding:15px 0;color:var(--ink);outline-offset:0}.filter-bar select{padding:15px 30px 15px 14px;border:0;background:transparent;color:var(--ink);width:100%}.filter-bar>button{padding:12px 18px}.filter-bar>button[aria-pressed=true]{background:var(--lime);color:#203d34}.results-bar{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin:10px 0}.explorer{display:grid;grid-template-columns:1.08fr 1fr;gap:25px;align-items:start}.route-list{display:grid;gap:14px}.route-card{display:grid;grid-template-columns:155px 1fr;background:var(--panel);border:1px solid var(--line);border-radius:7px;overflow:hidden;position:relative;min-height:178px;transition:transform .2s,box-shadow .2s}.route-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.route-image{background:url('assets/landscape.svg') 70% center/auto 100%;min-height:178px;position:relative}.route-image.tone-1{filter:hue-rotate(18deg)}.route-image.tone-2{filter:hue-rotate(-20deg)}.route-image.tone-3{filter:hue-rotate(35deg)}.route-image>span{position:absolute;bottom:10px;left:10px;background:#ffffffdf;color:#203d34;padding:5px 8px;border-radius:3px;font-size:8px;letter-spacing:1px;font-weight:700}.route-content{padding:17px 18px;min-width:0}.route-content .eyebrow{font-size:8px;margin:0 32px 9px 0;color:var(--muted);letter-spacing:1.3px}.route-title{font:400 21px/1.2 Georgia,serif;text-align:left;border:0;padding:0;background:none}.route-title:hover{text-decoration:underline;text-underline-offset:3px}.route-description{font-size:11px;color:var(--muted);line-height:1.5;margin:8px 0 15px}.route-meta{display:flex;align-items:center;gap:12px;font-size:10px}.difficulty{font-size:9px;background:var(--map);padding:5px 7px;border-radius:4px}.save{position:absolute;right:10px;top:10px;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--panel);font-size:19px}.save[aria-pressed=true]{background:var(--lime);color:#203d34}.map-panel{position:sticky;top:20px;background:var(--map);border:1px solid var(--line);border-radius:8px;height:590px;overflow:hidden}.map-art{position:absolute;width:100%;height:100%}.map-top{position:absolute;z-index:1;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.map-pin{position:absolute;background:var(--panel);color:var(--ink);border:1px solid var(--line);box-shadow:0 4px 15px #183b3420;padding:8px 12px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:11px;transform:translate(-50%,-50%)}.map-pin:before{content:'';height:8px;width:8px;background:#648451;border:3px solid #cbd9b7;border-radius:50%}.map-pin[aria-pressed=true]{background:#203d34;color:white;outline:4px solid #a6bd7c55}.map-pin:hover{scale:1.05}.map-bottom{position:absolute;bottom:22px;left:22px;right:22px;display:grid;gap:8px;font-size:10px}.map-bottom small{font-size:9px;color:var(--muted)}.map-bottom i{display:inline-block;width:6px;height:6px;background:#648451;border-radius:50%;margin-right:5px}.explorer.list-view{grid-template-columns:1fr}.list-view .route-list{grid-template-columns:1fr 1fr}.list-view .map-panel{display:none}.empty{border:1px dashed var(--line);padding:50px 20px;text-align:center;min-height:260px}.empty h3{font:28px Georgia,serif}.empty p{color:var(--muted);line-height:1.6}.closing{display:flex;align-items:center;gap:30px;padding:35px 6%;background:var(--map);border-block:1px solid var(--line)}.closing h2{font-size:30px}.closing p:not(.eyebrow){font-size:12px;color:var(--muted)}.closing .primary{margin-left:auto;white-space:nowrap}footer{padding:32px 6%;display:flex;align-items:center;gap:30px}footer .brand{font-size:23px}footer p,footer>span{font-size:10px;color:var(--muted)}footer>span{margin-left:auto}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:0;border-radius:12px;width:min(640px,92vw);max-height:90vh;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#102a25aa;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.close{position:absolute;right:15px;top:15px;z-index:2;border:0;background:var(--paper);color:var(--ink);border-radius:50%;height:40px;width:40px;font-size:25px}.detail-cover{height:185px;background:url('assets/landscape.svg') center 65%/cover}.detail-body{padding:28px}.detail-body h2{font-size:36px}.detail-body p{line-height:1.7;color:var(--muted)}.detail-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 0;border-block:1px solid var(--line);margin-top:20px}.detail-stats strong{display:block;font:25px Georgia,serif}.detail-stats span{font-size:10px;color:var(--muted)}.detail-body li{line-height:1.7;padding:5px;color:var(--muted)}.detail-note{font-size:11px;background:var(--map);padding:12px;border-radius:4px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.secondary{background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:13px 18px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);opacity:0;background:var(--ink);color:var(--paper);padding:14px 22px;border-radius:5px;z-index:10;transition:.25s;pointer-events:none;text-align:center}#toast.show{transform:translateX(-50%);opacity:1}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:99;width:auto;height:auto;clip-path:none;padding:20px;background:var(--paper)}@media(min-width:1500px){.hero{min-height:660px}.hero-content{padding-top:85px}}@media(max-width:1000px){header{padding-inline:4%}nav{gap:18px}.route-card{grid-template-columns:115px 1fr}.route-content{padding:16px 12px}.route-title{font-size:19px}.route-meta{gap:8px}.river-tab{padding:15px 10px;gap:10px}.river-tab small{font-size:9px}.river-number{display:none}.manifesto p{font-size:18px}.filter-bar>button{padding:10px}.map-panel{height:550px}.list-view .route-list{grid-template-columns:1fr 1fr}.hero h1{font-size:90px}.landscape-label{right:4%;max-width:220px}.landscape-label strong{line-height:1.4}}@media(max-width:760px){header{height:80px;padding-inline:5%;gap:15px}.brand{font-size:24px}.brand span{font-size:5.4px}nav{gap:8px}nav>a{display:none}nav button{font-size:11px;padding:0}.icon-button{width:34px;height:34px;flex-shrink:0}.hero{min-height:720px;display:flex;flex-direction:column}.hero-art{background-position:64% center}.hero:after{background:linear-gradient(180deg,#e7ead9f5,#e7ead9dc 30%,#e7ead945 62%,transparent 80%)}.hero-content{padding:42px 6% 28px;width:100%}.hero h1{font-size:clamp(50px,16vw,75px);letter-spacing:-.045em;line-height:1;max-width:100%}.hero .eyebrow{font-size:8px}.hero-copy{font-size:13px;line-height:1.6;margin:20px 0 24px;max-width:31rem}.hero-foot{font-size:9px;margin-top:22px;flex-wrap:wrap;row-gap:10px}.landscape-label{position:relative;bottom:auto;left:auto;right:auto;margin-top:auto;padding:34px 6% 30px;max-width:none;background:linear-gradient(0deg,#102b21ba,transparent)}.landscape-label strong{font-size:18px}.hero-index{display:none}.manifesto{padding:22px 6%}.manifesto>span:first-child{display:none}.manifesto p{font-size:20px;max-width:270px;line-height:1.4}.river-section,.explore-section{padding-top:35px}.section-title{align-items:start}.section-title h2{font-size:29px}.section-title .eyebrow{font-size:8px}.section-title>.text-button{font-size:10px;max-width:80px;flex-shrink:0}.river-tabs{grid-template-columns:1fr 1fr;gap:10px}.river-tab{padding:15px}.river-tab strong{font-size:21px}.river-tab small{font-size:9px}.explore-section>.section-title{display:block}.view-toggle{width:fit-content;margin-top:20px}.filter-bar{flex-wrap:wrap}.search{flex-basis:100%}.filter-bar>label:not(.search){flex:1;min-width:120px}.filter-bar select{padding:13px 8px;font-size:11px}.filter-bar>button{font-size:11px}.explorer{display:flex;flex-direction:column-reverse;gap:18px}.map-panel{position:relative;top:0;width:100%;height:390px}.route-list{width:100%}.route-card{grid-template-columns:115px 1fr;min-height:180px}.route-image{min-height:180px}.route-content{padding:18px 13px}.route-title{font-size:21px}.route-description{font-size:11px}.list-view .route-list{grid-template-columns:1fr}.map-top{top:16px}.map-bottom{bottom:14px}.closing{padding:30px 6%;flex-wrap:wrap;gap:10px}.closing>.asterisk{display:none}.closing h2{font-size:28px}.closing .primary{margin-left:0;margin-top:12px}footer{flex-wrap:wrap;gap:14px}footer p{margin:0}footer>span{margin-left:0;width:100%}.detail-body{padding:22px}.detail-body h2{font-size:30px}#toast{width:max-content;max-width:90vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}