/* A photographic opening, followed by a national-park trail directory. */
.park-hero{height:100svh;min-height:740px;max-height:none;isolation:isolate;touch-action:pan-y}
.park-hero::after{z-index:1;background:linear-gradient(180deg,rgba(7,15,13,.42),transparent 28%),linear-gradient(0deg,rgba(7,15,13,.88),rgba(7,15,13,.2) 48%,transparent 72%)}
.landscape-slides,.landscape-slide{position:absolute;inset:0}
.landscape-slide{opacity:0;transition:opacity 1.25s ease;overflow:hidden}
.landscape-slide.active{opacity:1}
.landscape-slide img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.035);transition:transform 8s linear}
.landscape-slide.active img{transform:scale(1)}
.nav .wrap,.park-hero .wrap{max-width:1600px}
.nav:not(.scrolled){background:linear-gradient(rgba(8,17,13,.25),transparent)}
.nav .links{border:1px solid rgba(242,238,231,.24);border-radius:40px;background:rgba(12,20,16,.2);backdrop-filter:blur(14px);padding:6px 7px 6px 22px;gap:24px}
.nav.scrolled .links{background:transparent;border-color:var(--line)}
.nav .pill{background:rgba(242,238,231,.1);border-color:transparent}
.park-hero .hero-c{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:50px;align-items:end;padding-top:130px;padding-bottom:95px;z-index:3}
.park-hero .hero-eyebrow{font:400 10px/1.4 var(--mono);letter-spacing:.13em;color:#e1c99e;margin:0 0 24px}
.park-hero .hero-identity{gap:24px}
.park-hero h1{font-size:clamp(58px,7vw,104px);line-height:1.15;letter-spacing:-.025em;text-transform:none}
.park-hero .hero-avatar{width:clamp(76px,7vw,108px);height:auto;aspect-ratio:1;border-width:1px}
.park-hero .role{font-size:20px;margin-top:20px;letter-spacing:0}
.park-hero .tag{font-size:15px;line-height:1.5;margin-top:10px;color:#d6dbd3}
.hero-enter{display:inline-flex;align-items:center;gap:30px;border:1px solid rgba(242,238,231,.45);border-radius:30px;padding:12px 20px;margin-top:25px;text-decoration:none;font-size:13px;color:#f2eee7;background:rgba(7,15,13,.12);transition:background .2s}
.hero-enter:hover{background:rgba(242,238,231,.12)}
.landscape-panel{text-align:right;padding-bottom:4px;min-width:0}
.landscape-eyebrow{font:400 10px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:#e1c99e;display:flex;justify-content:space-between;gap:16px;margin:0 0 20px}
.landscape-count{font-variant-numeric:tabular-nums;color:#d8dcd5}
.landscape-title{font:500 23px/1.2 var(--body);margin:0 0 8px;text-wrap:balance}
.landscape-location{font:400 11px/1.5 var(--mono);color:#d8dcd5;margin:0;min-height:33px}
.landscape-controls{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px}
.landscape-controls button{display:grid;place-items:center;flex-shrink:0;width:40px;height:44px;border:1px solid rgba(242,238,231,.3);border-radius:50%;background:transparent;color:#f2eee7;font:400 21px/1 system-ui;cursor:pointer;transition:background .2s}
.landscape-controls button:hover{background:rgba(242,238,231,.15)}
.landscape-controls button:focus-visible,.park-hero a:focus-visible{outline:2px solid #e1c99e;outline-offset:4px}
.landscape-dots{display:flex;gap:4px;flex:1;justify-content:center}
.landscape-dots button{width:30px;border:0;border-radius:0;padding:0 3px}
.landscape-dots span{width:100%;height:2px;background:rgba(242,238,231,.3);transition:background .3s,height .3s}
.landscape-dots button[aria-pressed="true"] span{height:3px;background:#e1c99e}
.landscape-controls .landscape-pause{font-size:13px;width:36px;border:0}
.landscape-controls .landscape-pause[hidden]{display:none}
.landscape-gallery{display:inline-block;margin-top:17px;font:400 10px/1.4 var(--mono);letter-spacing:.06em;color:#d8dcd5;text-decoration:none}
.landscape-gallery:hover{color:#e1c99e}
.hero-bottom-line{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:23px;border-top:1px solid rgba(242,238,231,.2);padding-top:15px;display:flex;justify-content:space-between;gap:15px;font:400 9px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#ced4ca}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.park-trailhead{position:relative;padding-top:72px;padding-bottom:0}
.trailhead-board{position:relative;background:#293e31;color:#f2eee7;border:1px solid #283b30;border-radius:5px;padding:38px 42px 20px;box-shadow:0 7px 0 #d5cdbb}
.trailhead-board::before{content:"";position:absolute;inset:9px;border:1px solid rgba(221,204,165,.27);border-radius:2px;pointer-events:none}
.trailhead-intro{display:flex;align-items:center;gap:30px;padding-bottom:30px}
.park-emblem{width:74px;height:90px;flex-shrink:0;color:#d4b780}
.trailhead-board .label{font-family:var(--mono);color:#d4b780;font-size:10px;letter-spacing:.1em}
.trailhead-board h2{font:400 clamp(30px,4vw,44px)/1.25 var(--display);margin:8px 0 12px;letter-spacing:-.02em}
.trailhead-board p{font-size:15px;line-height:1.5;color:#d3d9cd;margin:0}
.trailhead-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid rgba(221,204,165,.25)}
.trailhead-routes a{display:flex;align-items:center;gap:13px;padding:23px 16px;color:inherit;text-decoration:none;border-right:1px solid rgba(221,204,165,.25);transition:background .2s}
.trailhead-routes a:first-child{padding-left:0}
.trailhead-routes a:last-child{border-right:0;padding-right:0}
.trailhead-routes a:hover{background:rgba(221,204,165,.07)}
.trailhead-routes .route-number{align-self:flex-start;font:400 11px/1.5 var(--mono);color:#d4b780}
.trailhead-routes b{display:block;font-size:17px;font-weight:500}
.trailhead-routes small{display:block;font:400 10px/1.5 var(--mono);color:#c5cdbe;margin-top:6px}
.trailhead-routes a>span:last-child{margin-left:auto;color:#d4b780}
.trailhead-footer{display:flex;justify-content:space-between;gap:20px;padding-top:18px;font:400 9px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#c5cdbe}
.trail-start{width:2px;height:58px;margin:7px auto 0;background:#7a6448;position:relative}
.trail-start span{position:absolute;bottom:0;left:-6px;width:14px;height:14px;border-radius:50%;border:2px solid var(--rust);background:var(--paper)}
@media(max-width:1100px){
 .nav .links{gap:16px}
 .park-hero .hero-c{gap:30px;grid-template-columns:minmax(0,1fr) 290px}
 .park-hero h1{font-size:64px}
 .park-hero .hero-identity{gap:18px}
 .trailhead-board{padding-inline:28px}
 .trailhead-routes b{font-size:15px}
}
@media(max-width:900px){
 .nav .links{padding:0;border:0;background:transparent;backdrop-filter:none}
 .park-hero .hero-c{grid-template-columns:1fr;gap:30px;padding-bottom:80px}
 .park-hero{min-height:880px}
 .landscape-panel{max-width:360px;text-align:left}
 .landscape-eyebrow{margin-bottom:10px}
 .landscape-title{font-size:20px}
 .landscape-location{min-height:0}
 .landscape-controls{margin-top:8px}
 .landscape-gallery{display:none}
 .trailhead-routes{grid-template-columns:1fr}
 .trailhead-routes a,.trailhead-routes a:first-child,.trailhead-routes a:last-child{padding:18px 0;border-right:0;border-bottom:1px solid rgba(221,204,165,.2)}
 .trailhead-routes a:last-child{border-bottom:0}
}
@media(max-width:560px){
 .park-hero{min-height:820px}
 .park-hero::after{background:linear-gradient(180deg,rgba(7,15,13,.35),transparent 25%),linear-gradient(90deg,rgba(7,15,13,.28),transparent),linear-gradient(0deg,rgba(7,15,13,.88),rgba(7,15,13,.3) 55%,transparent 78%)}
 .park-hero .hero-c{padding-top:115px;gap:26px}
 .park-hero .hero-eyebrow{font-size:8px;letter-spacing:.06em;margin-bottom:18px}
 .park-hero h1{font-size:clamp(42px,12vw,62px)}
 .park-hero .hero-avatar{width:64px}
 .park-hero .hero-identity{gap:16px}
 .park-hero .role{font-size:18px;margin-top:15px}
 .park-hero .tag{font-size:13px}
 .hero-enter{margin-top:18px;padding:10px 16px;font-size:12px}
 .landscape-panel{max-width:100%}
 .landscape-title{font-size:18px}
 .landscape-eyebrow,.landscape-location{font-size:9px}
 .landscape-controls{max-width:320px}
 .hero-bottom-line{font-size:8px}
 .park-trailhead{padding-top:38px}
 .trailhead-board{padding:28px 24px 22px}
 .trailhead-intro{align-items:flex-start;gap:16px;padding-bottom:24px}
 .park-emblem{width:40px;height:50px;margin-top:4px}
 .trailhead-board .label{font-size:8px;letter-spacing:.03em}
 .trailhead-board h2{font-size:27px}
 .trailhead-board p{font-size:13px}
 .trailhead-board p br{display:none}
 .trailhead-footer{flex-direction:column;gap:5px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 .landscape-slide,.landscape-slide img{transition:none;transform:none}
}