:root{--ink:#183b3b;--muted:#607775;--cream:#f4f3ec;--paper:#fffef9;--green:#315f50;--lime:#d8e4b5;--line:#d9dfd5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
.site-header{height:auto;min-height:76px;padding:18px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:rgba(244,243,236,.94)}
.brand{font-size:20px;font-weight:800;letter-spacing:-.7px;text-decoration:none;color:var(--ink);white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:7px;border-radius:50%;background:var(--green);color:white;font-size:23px}
nav{display:flex;gap:28px;flex-wrap:wrap}nav a{font-size:14px;color:var(--muted);text-decoration:none;padding:8px 0;border-bottom:2px solid transparent}nav a:hover,nav a.active{color:var(--ink);border-color:#78956f}
.hero{min-height:570px;padding:75px 8vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5vw;background:#e9eee3;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:700;color:#71866d;margin:0 0 20px}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,82px);line-height:.98;letter-spacing:-4px;margin:0 0 25px}h1 em,.page-title em{font-family:Georgia,serif;font-weight:400;color:#66836a}.lead{max-width:460px;font-size:18px;color:#536d68;margin-bottom:32px}.button{display:inline-flex;gap:30px;align-items:center;padding:14px 20px;background:var(--green);color:white;text-decoration:none;border-radius:3px;font-size:14px}.button:hover{background:#23473d}
.hero-art{height:390px;position:relative;overflow:hidden;border-radius:48% 48% 4px 4px;background:linear-gradient(#d7e5d8 0 45%,#a8c1a4 45% 100%)}.sun{position:absolute;width:90px;height:90px;border-radius:50%;background:#e8d59c;right:18%;top:12%}.mountain{position:absolute;bottom:36%;width:0;height:0;border-left:210px solid transparent;border-right:210px solid transparent;border-bottom:220px solid #7c9c83}.m1{left:-30px}.m2{right:-110px;border-bottom-color:#9db49a;border-left-width:180px;border-right-width:180px}.river{position:absolute;bottom:-15%;left:25%;width:55%;height:65%;background:#6b9e9c;transform:rotate(-13deg);border-radius:50% 50% 0 0;box-shadow:inset 22px 0 0 rgba(255,255,255,.18)}.pine{position:absolute;color:#315f50;font-size:100px;bottom:16%;text-shadow:0 12px 0 #315f50}.p1{left:9%}.p2{right:10%;font-size:75px;bottom:23%}
.section{padding:85px 8vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.intro h2,.protect h2{font-size:42px;line-height:1.05;letter-spacing:-1.5px}.intro-text{max-width:550px;color:var(--muted);font-size:17px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:10px}.feature-card{position:relative;display:block;min-height:270px;padding:27px;background:var(--paper);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #193c3b12}.card-number{font-size:10px;letter-spacing:1.8px;color:#84958a}.card-icon{font-size:42px;color:#78956f;margin:28px 0 12px}.feature-card h3{font-size:22px;margin-bottom:8px}.feature-card p{font-size:14px;color:var(--muted);max-width:270px}.arrow{position:absolute;right:25px;bottom:22px;font-size:23px}.quote{margin:30px 8vw 80px;padding:45px;background:#dfe8d8;text-align:center}.quote p{font:italic 27px Georgia,serif;margin-bottom:10px}.quote span{font-size:12px;color:var(--muted)}
.page{max-width:1100px;margin:auto;padding:75px 36px 100px}.page-title{font-size:clamp(54px,7vw,88px);margin-bottom:20px}.page-lead{max-width:650px;color:var(--muted);font-size:18px;margin-bottom:65px}
.river-list{border-top:1px solid var(--line)}.river-item{display:grid;grid-template-columns:90px 1fr;gap:25px;padding:32px 0;border-bottom:1px solid var(--line)}.river-no{font:30px Georgia,serif;color:#8aa087}.river-item h2{font-size:28px;margin:0 0 8px}.river-item p{max-width:780px;color:var(--muted);margin-bottom:15px}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span,.route-type{font-size:11px;letter-spacing:.5px;padding:5px 10px;background:#e3eadf;color:#526f5a;border-radius:30px}
.note{margin-top:55px;padding:25px 30px;border-left:4px solid #8ca47d;background:#e8ede3}.note strong{font-size:16px}.note p{margin:7px 0 0;color:var(--muted)}
.nature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.nature-card{padding:30px;min-height:300px;background:var(--paper);border:1px solid var(--line)}.nature-symbol{font-size:48px;color:#78956f;margin-bottom:28px}.nature-card h2{font-size:22px}.nature-card p{color:var(--muted);font-size:14px}.protect{margin-top:65px;padding:42px;background:#e3eadf}.protect ul{padding-left:20px;color:var(--muted)}.protect li{padding:5px 0}
.route-list{display:grid;gap:20px}.route-card{display:grid;grid-template-columns:38% 1fr;min-height:235px;background:var(--paper);border:1px solid var(--line)}.route-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:25px;color:white;overflow:hidden;background:linear-gradient(145deg,#a8c3a1,#426e65)}.route-art:after{content:"";position:absolute;width:150%;height:55%;left:-20%;bottom:-28%;background:#5e9a9a;transform:rotate(-12deg);border-radius:50%}.route-art span,.route-art b{z-index:1}.route-art span{font:28px Georgia,serif}.route-art b{font-size:20px;letter-spacing:3px}.art-bash{background:linear-gradient(145deg,#d5c69a,#66836a)}.art-vis{background:linear-gradient(145deg,#9ab6a0,#31594e)}.route-info{padding:30px}.route-info .eyebrow{margin-bottom:8px}.route-info h2{font-size:26px;margin-bottom:10px}.route-info p:not(.eyebrow){color:var(--muted);font-size:14px}.route-type{display:inline-block}
footer{display:flex;justify-content:space-between;gap:20px;padding:25px 8vw;border-top:1px solid var(--line);font-size:12px;color:#71827a}
@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column;padding:16px 22px}nav{gap:18px}.hero{grid-template-columns:1fr;padding:60px 26px 35px}.hero-art{height:270px}.section{padding:60px 26px}.intro{grid-template-columns:1fr;gap:10px}.cards,.nature-grid{grid-template-columns:1fr}.feature-card{min-height:220px}.page{padding:55px 22px 75px}.river-item{grid-template-columns:45px 1fr;gap:12px}.route-card{grid-template-columns:1fr}.route-art{min-height:160px}.quote{margin:15px 22px 55px;padding:30px 20px}footer{padding:22px;flex-direction:column}}