
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:#17271f;--cream:#f2efe5;--paper:#fbfaf5;--orange:#ee5b2a;--lime:#c9ef46;--line:#c7c4b9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p{line-height:1.75}.site-header{min-height:76px;padding:16px 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(23,39,31,.23);gap:25px;background:var(--paper)}.brand{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.07em;font-weight:700}.brand b{color:var(--orange)}.brand-mark{width:36px;height:36px;border:1.5px solid;border-radius:50%;display:grid;place-items:center;font-family:"Instrument Serif";font-size:17px}.site-header nav{display:flex;gap:25px;font-size:12px;font-weight:600}.site-header nav a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:4px}.mini-cta,.button{background:var(--orange);color:#fff;padding:13px 18px;font-size:11px;font-weight:700;letter-spacing:.06em}.eyebrow{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:var(--orange);margin:0 0 20px}.directory-hero{padding:95px 7vw 80px;background:var(--cream);border-bottom:1px solid var(--line)}.directory-hero h1,.hero-copy h1,.region-hero h1,.article-head h1{font-family:"Instrument Serif";font-size:clamp(58px,8vw,112px);font-weight:400;line-height:.9;letter-spacing:-.045em;margin:0 0 27px}.directory-hero h1 em{font-weight:400;color:var(--orange)}.directory-hero>p:last-child{max-width:720px;font-size:16px;color:#526057}.crumbs{font-size:10px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:20px;color:#667068}.crumbs a{text-decoration:underline;text-underline-offset:3px}.directory{padding:35px 7vw 100px}.directory-card{display:grid;grid-template-columns:.78fr 1.22fr;gap:38px;padding:42px 0;border-bottom:1px solid var(--line);align-items:center}.directory-card figure{height:340px;margin:0;position:relative;overflow:hidden;background:#d8d6cc}.directory-card img{width:100%;height:100%;object-fit:cover;transition:.4s transform}.directory-card:hover img{transform:scale(1.025)}.credit{font-size:9px;line-height:1.45}.directory-card .credit,.hero-photo .credit,.region-card .credit{position:absolute;left:12px;bottom:10px;background:rgba(12,26,18,.8);color:white;padding:5px 7px}.credit a{text-decoration:underline}.directory-card h2,.region-grid h2,.trail-body h2,.related h2,.article-body h2{font-family:"Instrument Serif";font-size:clamp(35px,4.5vw,60px);line-height:1;font-weight:400;margin:0 0 15px}.directory-card>div>p{color:#526057}.facts{display:flex;gap:25px;flex-wrap:wrap;margin:24px 0}.facts span{font-size:9px;letter-spacing:.09em;text-transform:uppercase;display:flex;flex-direction:column}.facts b{font-size:12px;letter-spacing:0;text-transform:none;margin-bottom:4px}.read-more{font-size:10px;letter-spacing:.12em;color:var(--orange)}.trail-hero{display:grid;grid-template-columns:1fr 1fr;min-height:630px;background:var(--cream)}.hero-copy{padding:82px 5vw 65px 7vw;display:flex;flex-direction:column;justify-content:center}.hero-copy h1{font-size:clamp(52px,6.5vw,94px)}.hero-copy>p:not(.eyebrow){font-size:17px;color:#526057}.hero-photo{margin:0;position:relative;min-height:630px;background:#20372a}.hero-photo img{width:100%;height:100%;object-fit:cover}.condition{padding:28px 7vw;background:var(--orange);color:#fff;display:grid;grid-template-columns:220px 1fr;gap:30px}.condition b{font-size:10px;letter-spacing:.14em}.condition p{margin:0}.trail-body{padding:95px 10vw;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:65px}.trail-story{max-width:780px}.lede{font-family:"Instrument Serif";font-size:30px;line-height:1.4;margin:0 0 70px}.trail-story section{margin-bottom:65px}.trail-story li{line-height:1.8;margin-bottom:14px;color:#3f4b43;padding-left:6px}.fact-panel{align-self:start;position:sticky;top:20px;background:var(--ink);color:#fff;padding:32px}.fact-panel h2{font-family:"Instrument Serif";font-size:40px;font-weight:400;margin:0 0 20px}.fact-panel dl{margin:0}.fact-panel dl>div{padding:15px 0;border-top:1px solid rgba(255,255,255,.18)}.fact-panel dt{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}.fact-panel dd{margin:5px 0 0;font-size:13px;line-height:1.5}.fact-panel h3{font-family:"Instrument Serif";font-size:26px;font-weight:400}.chips{list-style:none;padding:0;display:flex;gap:7px;flex-wrap:wrap}.chips li{border:1px solid rgba(255,255,255,.28);padding:6px 8px;font-size:9px}.fact-panel .button{display:block;text-align:center;margin-top:27px}.fact-panel small{display:block;color:#a9b6ae;margin-top:10px;line-height:1.4}.related{padding:75px 7vw;background:var(--lime)}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(23,39,31,.22)}.related-links a{background:var(--lime);padding:20px;font-family:"Instrument Serif";font-size:21px;display:flex;justify-content:space-between;gap:15px}.related-links a:hover{background:#d9f478}.region-grid{padding:70px 7vw 105px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.region-card{height:500px;position:relative;overflow:hidden;color:#fff;background:#24372c}.region-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 22%,rgba(8,22,14,.92))}.region-card>img{width:100%;height:100%;object-fit:cover}.region-card>div{position:absolute;left:28px;right:28px;bottom:25px;z-index:2}.region-card h2{font-size:48px}.region-card p{color:#dce4de}.region-card>span.credit{z-index:2}.region-hero{height:650px;position:relative;color:#fff;overflow:hidden}.region-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,22,14,.88),rgba(8,22,14,.12))}.region-hero>img{width:100%;height:100%;object-fit:cover}.region-hero>div{position:absolute;z-index:2;left:7vw;bottom:60px;max-width:760px}.region-hero p{font-size:17px}.region-copy{padding:90px 12vw;display:grid;grid-template-columns:1.25fr .75fr;gap:75px}.region-copy h2{font-family:"Instrument Serif";font-size:47px;font-weight:400;margin:0 0 20px}.region-copy>div p{font-size:16px;color:#3f4b43}.region-copy aside{background:var(--cream);padding:30px;align-self:start}.region-copy aside h3{font-family:"Instrument Serif";font-size:30px;font-weight:400;margin-top:0}.region-copy aside li{line-height:1.6;margin-bottom:12px}.regional-trails{padding:80px 7vw 105px;background:var(--cream)}.regional-trails>h2{font-family:"Instrument Serif";font-size:58px;font-weight:400}.regional-trails>div{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.small-trail{background:#fff;padding-bottom:25px}.small-trail img{width:100%;height:290px;object-fit:cover}.small-trail>div{padding:20px 24px 0}.small-trail h3{font-family:"Instrument Serif";font-size:34px;font-weight:400;margin:7px 0}.small-trail p{color:#566159;font-size:13px}.blog-list{padding:20px 7vw 100px}.blog-list>a{display:grid;grid-template-columns:65px 1fr auto;gap:25px;align-items:center;padding:40px 0;border-bottom:1px solid var(--line)}.blog-list .index{font-family:"Instrument Serif";font-size:38px;color:#9b9b91}.blog-list h2{font-family:"Instrument Serif";font-size:40px;line-height:1.05;font-weight:400;margin:5px 0}.blog-list p{color:#667068;margin-bottom:0}.article-head{padding:90px 13vw 65px;background:var(--cream)}.article-head h1{font-size:clamp(55px,7vw,96px)}.article-head>p:last-of-type{max-width:720px;font-size:18px;color:#566159}.article-meta{font-size:9px;letter-spacing:.13em;font-weight:700;display:flex;gap:25px;margin-top:30px}.article-body{max-width:800px;margin:auto;padding:75px 30px 110px}.article-body section{margin-bottom:55px}.article-body h2{font-size:42px}.article-body p{font-size:17px;color:#3f4b43}.notice{background:var(--lime);padding:28px;margin:55px 0}.article-links{display:grid;margin:45px 0}.article-links a{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);font-weight:600}.footer{background:#101c16;color:#e8eee9;padding:42px 7vw;display:grid;grid-template-columns:1.3fr 1fr 1fr auto;align-items:center;gap:25px;font-size:10px}.footer p{color:#96a49c;margin:0}.footer nav{display:flex;gap:18px;flex-wrap:wrap}.footer .brand b{color:var(--lime)}
.conditions-desk{position:relative;overflow:hidden;padding:88px 7vw 72px;background:var(--ink);color:#fff}.conditions-desk:before{content:"";position:absolute;width:620px;height:620px;right:-260px;top:-300px;border:1px solid rgba(201,239,70,.17);border-radius:50%;box-shadow:0 0 0 35px rgba(201,239,70,.05),0 0 0 70px rgba(201,239,70,.04),0 0 0 105px rgba(201,239,70,.03)}.conditions-desk>header{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:70px;margin-bottom:44px}.conditions-desk h2{font-family:"Instrument Serif";font-size:clamp(52px,6vw,84px);font-weight:400;line-height:.9;letter-spacing:-.035em;margin:0}.conditions-desk h2 em{color:var(--lime);font-weight:400}.conditions-desk>header>p{max-width:560px;color:#b5c0b9;line-height:1.75;margin:0}.conditions-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.conditions-grid article{min-height:430px;padding:28px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.18)}.weather-card{background:#203b2e;color:#fff;border-top:4px solid var(--orange)!important}.climate-card{background:var(--cream);color:var(--ink);border-top:4px solid #ddc18e!important}.water-card{background:var(--lime);color:var(--ink);border-top:4px solid #fff!important}.condition-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:auto}.condition-card-top span{width:47px;height:47px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-family:"Instrument Serif";font-size:15px}.condition-card-top b,.condition-label{font-size:8px;letter-spacing:.16em}.condition-label{margin:42px 0 12px;font-weight:700;color:var(--orange)}.water-card .condition-label{color:#4c5e13}.conditions-grid h3{font-family:"Instrument Serif";font-size:35px;line-height:1;font-weight:400;margin:0 0 18px}.conditions-grid article>p:not(.condition-label){font-size:13px;line-height:1.7;margin-bottom:24px}.conditions-grid a{display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding:14px 0 9px;border-bottom:1px solid rgba(255,255,255,.35);font-size:9px;font-weight:700;letter-spacing:.1em}.conditions-grid small{display:block;margin-top:10px;line-height:1.45;opacity:.72}.water-card strong{display:inline-block;align-self:flex-start;margin-top:auto;background:var(--ink);color:#fff;padding:8px 10px;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.conditions-disclaimer{position:relative;font-size:10px;color:#93a198;margin:28px 0 0!important;line-height:1.6!important;max-width:760px}
@media(max-width:900px){.site-header nav{display:none}.directory-card,.trail-hero,.trail-body,.region-copy{grid-template-columns:1fr}.trail-hero .hero-photo{min-height:450px}.conditions-desk>header{grid-template-columns:1fr;gap:25px}.conditions-grid{grid-template-columns:1fr}.conditions-grid article{min-height:360px}.fact-panel{position:static}.region-grid,.regional-trails>div{grid-template-columns:1fr}.related-links{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.mini-cta{display:none}.directory-hero{padding:70px 6vw}.directory{padding:20px 6vw 70px}.directory-card{gap:22px;padding:28px 0}.directory-card figure{height:260px}.facts{flex-direction:column;gap:10px}.hero-copy{padding:65px 6vw 50px}.trail-hero .hero-photo{min-height:360px}.condition{grid-template-columns:1fr}.conditions-desk{padding:68px 6vw 58px}.conditions-grid article{min-height:340px;padding:24px}.trail-body{padding:65px 6vw}.region-grid{padding:35px 6vw 70px}.region-card{height:430px}.region-hero>div{left:6vw;right:6vw}.region-copy,.regional-trails{padding:65px 6vw}.small-trail img{height:225px}.blog-list>a{grid-template-columns:42px 1fr}.blog-list>a>b{display:none}.blog-list h2{font-size:31px}.article-head{padding:65px 6vw 50px}.article-body{padding:65px 6vw 90px}.footer{grid-template-columns:1fr}}
