*{box-sizing:border-box}:root{--paper:#fff;--ink:#242424;--muted:#646464;--red:#D52B1E;--line:#e1e1dd}body{margin:0}a{color:inherit}main .wrap{width:min(1120px,100% - 64px);margin:auto}.back{display:inline-block;margin-top:24px;font-size:12px;text-decoration:none;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;line-height:1.12}h1{font-size:clamp(36px,4.4vw,56px);margin-bottom:22px}h2{font-size:32px;font-weight:700;margin-bottom:0}em{font-style:normal;color:var(--red)}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:var(--red);margin-bottom:16px}.trail-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:28px 0 38px}.lede{font-size:14px;line-height:1.85;color:#494949;margin:0}.progress{display:grid;grid-template-columns:1fr 1.35fr .65fr;gap:18px;border-block:1px solid var(--line);padding:22px 0;margin-top:26px}.progress strong{font-size:30px;letter-spacing:-.05em;display:block;font-weight:700;white-space:nowrap}.progress small{font-size:13px;font-weight:500}.progress span{font-size:11px;color:var(--muted);display:block;margin-top:5px}.distance-note{font-size:10px;line-height:1.7;color:var(--muted);margin:12px 0 0}.trail-poster{display:block;text-decoration:none;background:#f4f4ee;overflow:hidden}.trail-poster img{display:block;width:100%;height:360px;object-fit:contain}.trail-poster>span{display:flex;justify-content:space-between;gap:15px;padding:16px 18px;border-top:1px solid var(--line);font-size:11px}.trail-poster b{color:var(--red)}.journey-map,.journal{border-top:1px solid var(--line);padding-top:32px;margin-top:12px}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.map-buttons{display:flex;gap:8px}button{border:1px solid var(--line);background:#fff;padding:11px 15px;font:12px Manrope,Arial,sans-serif;color:var(--ink);cursor:pointer}button:hover,button[aria-pressed=true]{background:var(--ink);color:#fff}button:focus-visible,a:focus-visible{outline:3px solid var(--red);outline-offset:4px}#map{height:460px;background:#eeeee8;z-index:0}.legend{display:flex;gap:24px;font-size:11px;color:var(--muted);margin:14px 0 8px}.legend span{display:flex;align-items:center;gap:8px}.legend i{width:22px;border-top:3px solid var(--red)}.legend .hike-key{border-color:#285e44;border-top-width:5px}.source,#map-status{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.journal{margin-top:34px}.journal-note{font-size:13px;color:var(--muted);line-height:1.8;margin:14px 0 20px}.hikes{border-top:1px solid var(--line)}.hike{display:grid;grid-template-columns:30px minmax(130px,1fr) 160px 80px 155px;gap:18px;align-items:center;padding:21px 0;border-bottom:1px solid var(--line)}.number{font-size:12px;color:var(--red)}.hike h3{font-size:16px;font-weight:600;margin:0}.hike time{font-size:12px;color:var(--muted)}.hike .km{text-align:right;font-size:13px}.hike-video{font-size:11px;color:var(--red);text-decoration:none;text-align:right;font-weight:700}.hike-video:hover{text-decoration:underline}.follow{margin:36px 0;padding:26px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.follow h2{font-size:28px}.follow p{font-size:13px;color:var(--muted);line-height:1.8;margin:12px 0 0}.button{display:inline-block;padding:16px 22px;background:var(--red);color:#fff;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.site-footer{background:#fff}
@media(max-width:850px){.trail-intro{gap:28px}.progress{gap:12px}.progress strong{font-size:25px}.hike{grid-template-columns:25px minmax(0,1fr) 140px 75px}.hike-video{grid-column:2 / 5;text-align:left}.trail-poster img{height:340px}}
@media(max-width:650px){main .wrap{width:calc(100% - 40px)}.trail-intro{grid-template-columns:1fr;gap:24px;padding-top:24px}h1{font-size:39px}.lede{font-size:14px}.progress{margin-top:22px}.progress strong{font-size:27px}.progress span{font-size:10px}.trail-poster img{height:auto;max-height:390px;object-fit:contain}.section-top{flex-direction:column;align-items:start;gap:18px}h2{font-size:28px}#map{height:390px}.hike{grid-template-columns:25px minmax(0,1fr) 75px;gap:8px 12px;padding:18px 0}.hike h3{font-size:15px}.hike time{grid-column:2;grid-row:2;font-size:11px}.hike .km{grid-column:3;grid-row:1}.hike-video{grid-column:2 / 4;margin-top:6px}.follow{flex-direction:column;align-items:start;margin:25px 0}.follow h2{font-size:26px}}

.button,.map-buttons button{border-radius:8px}

.button,.map-buttons button{border-radius:5px}