:root { color-scheme: light; font-family: "Manrope",sans-serif; color: #29372b; background: #eee9df; font-synthesis: none; --ink:#29372b; --paper:#eee9df; --sage:#d5ded2; --sage-deep:#becbbd; --clay:#a86f50; --stone:#8b755e; --line:rgba(41,55,43,.17); }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--paper); }
.admin-bar .about-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .about-header { top: 46px; } }
a { color: inherit; text-decoration: none; }
button,a { -webkit-tap-highlight-color: transparent; }

.about-header { position: fixed; z-index: 30; inset: 0 0 auto; display: flex; min-height: 94px; align-items: center; justify-content: space-between; padding: 0 clamp(22px,3vw,48px); color: var(--ink); border-bottom: 1px solid var(--line); background: rgba(238,233,223,.95); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); transition: min-height 280ms ease,background-color 280ms ease,box-shadow 280ms ease; }
.about-header.is-scrolled { min-height: 66px; background: rgba(218,226,215,.97); box-shadow: 0 12px 45px rgba(49,60,46,.13); }
.about-brand { display: flex; align-items: center; gap: 12px; font-family: "Barlow Condensed",sans-serif; font-size: 19pt; font-weight: 600; letter-spacing: -.035em; }
.about-brand img { width: 46px; height: 50px; object-fit: contain; }
.about-brand em { color: #78644f; font-weight: inherit; }
.about-nav { display: flex; align-items: center; gap: clamp(24px,3vw,46px); font-size: 8pt; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.about-nav a { position: relative; padding: 12px 0; color: rgba(41,55,43,.68); }
.about-nav a::after { position: absolute; right: 0; bottom: 5px; left: 0; height: 1px; content: ""; background: var(--clay); transform: scaleX(0); transition: transform 220ms ease; }
.about-nav a:hover::after,.about-nav a:focus-visible::after,.about-nav a.is-active::after { transform: scaleX(1); }
.about-nav a:hover,.about-nav a:focus-visible,.about-nav a.is-active { color: var(--ink); }
.about-menu-toggle { display: none; }

.about-kicker { display: flex; align-items: center; gap: 12px; margin: 0 0 26px; color: #78644f; font-size: 7pt; font-weight: 600; letter-spacing: .17em; text-transform: uppercase; }
.about-kicker span { width: 30px; height: 1px; background: currentColor; }
.about-hero { display: grid; min-height: 100svh; grid-template-columns: minmax(0,1.18fr) minmax(390px,.82fr); gap: 14px; padding: 106px 14px 14px; background: var(--sage); }
.about-hero > * { min-width: 0; }
.about-hero__photo,.about-hero__copy { position: relative; overflow: hidden; border: 1px solid rgba(41,55,43,.11); border-radius: 20px; }
.about-hero__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 54% center; }
.about-hero__photo span,.about-now__portrait span { position: absolute; left: 28px; bottom: 24px; padding: 9px 12px; color: var(--ink); border-radius: 20px; background: rgba(238,233,223,.82); font-size: 6pt; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); }
.about-hero__copy { display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(38px,5vw,78px); background: var(--paper); }
.about-hero h1 { margin: 0; font-family: "Barlow Condensed",sans-serif; font-size: round(up, clamp(96pt,14vw,168pt), 1pt); font-weight: 500; line-height: .68; letter-spacing: -.055em; text-transform: uppercase; }
.about-hero h1 em,.past-hikes h2 em { color: var(--stone); font-weight: inherit; }
.about-hero__lead { max-width: 590px; margin: clamp(42px,6vh,72px) 0 35px; font-family: "Newsreader",Georgia,serif; font-size: round(up, clamp(17pt,2.1vw,24pt), 1pt); font-style: italic; line-height: 1.38; }
.about-hero__copy > a,.about-now__copy > a { display: inline-flex; align-items: center; align-self: flex-start; gap: 22px; padding-bottom: 7px; border-bottom: 1px solid var(--stone); font-size: 8pt; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }

.about-origin,.about-rhythm { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(340px,.65fr); gap: clamp(60px,10vw,180px); padding: clamp(120px,16vh,200px) clamp(28px,7vw,110px); }
.about-origin { background: linear-gradient(180deg,var(--sage) 0,var(--paper) 110px,var(--paper) 100%); }
.about-origin__heading h2,.about-rhythm h2,.about-now h2 { max-width: 900px; margin: 0; font-family: "Barlow Condensed",sans-serif; font-size: round(up, clamp(60pt,9vw,113pt), 1pt); font-weight: 500; line-height: .82; letter-spacing: -.045em; text-transform: uppercase; }
.about-origin__story,.about-rhythm__copy { align-self: end; max-width: 650px; color: rgba(41,55,43,.7); font-size: 13pt; line-height: 1.88; }
.about-origin__story p,.about-rhythm__copy p { margin: 0 0 24px; }
.about-origin__story .about-origin__lead { color: var(--ink); font-family: "Newsreader",Georgia,serif; font-size: round(up, clamp(19pt,2.35vw,27pt), 1pt); font-style: italic; line-height: 1.38; }
.about-origin__story em { color: var(--ink); font-family: "Newsreader",Georgia,serif; font-size: 15pt; }

.about-landscape { position: relative; height: min(78vw,900px); margin: 0 14px; overflow: hidden; border-radius: 20px; background: var(--sage-deep); }
.about-landscape img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.about-landscape figcaption { position: absolute; right: 30px; bottom: 25px; display: grid; justify-items: end; gap: 6px; padding: 14px 16px; color: var(--paper); border-radius: 12px; background: rgba(41,55,43,.62); -webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); text-transform: uppercase; }
.about-landscape figcaption span { font-size: 7pt; font-weight: 600; letter-spacing: .16em; }
.about-landscape figcaption small { color: rgba(238,233,223,.72); font-size: 6pt; letter-spacing: .12em; }
.about-stats { display: grid; grid-template-columns: .38fr .82fr 1.35fr; align-items: center; gap: clamp(28px,4vw,65px); min-height: 170px; margin: 14px; padding: 34px clamp(28px,5vw,72px); color: var(--paper); border-radius: 20px; background: var(--ink); }
.about-stats > p { margin: 0; color: #c9b79e; font-size: 7pt; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.about-stats__statement { display: grid; gap: 8px; }
.about-stats__statement span { color: rgba(238,233,223,.55); font-size: 7pt; letter-spacing: .14em; text-transform: uppercase; }
.about-stats__statement strong { font-family: "Barlow Condensed",sans-serif; font-size: round(up, clamp(23pt,3vw,38pt), 1pt); font-weight: 500; line-height: 1; }
.about-stats__numbers { display: grid; grid-template-columns: repeat(3,1fr); align-items: stretch; }
.about-stats article { display: grid; align-content: center; justify-items: center; gap: 8px; min-height: 88px; border-left: 1px solid rgba(238,233,223,.18); }
.about-stats article strong { min-width: 2.4em; font-family: "Barlow Condensed",sans-serif; font-size: round(up, clamp(34pt,4.5vw,58pt), 1pt); font-variant-numeric: tabular-nums; font-weight: 500; line-height: .8; letter-spacing: -.04em; text-align: center; }
.about-stats article strong.is-counting { animation: ledger-slot-roll var(--count-duration,1800ms) cubic-bezier(.2,.72,.2,1) both; will-change: filter,transform,opacity; }
.about-stats article span { color: #c9b79e; font-size: 6pt; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }

.about-rhythm { padding-top: clamp(150px,18vh,210px); background: linear-gradient(180deg,var(--paper) 0,var(--sage) 125px,var(--sage) 100%); }
.about-rhythm blockquote { margin: 55px 0 0; color: var(--ink); font-family: "Newsreader",Georgia,serif; font-size: round(up, clamp(24pt,3.4vw,41pt), 1pt); font-style: italic; line-height: 1.18; }
.past-hikes { padding: clamp(120px,16vh,190px) clamp(28px,7vw,110px); background: linear-gradient(180deg,var(--sage) 0,var(--paper) 110px,var(--paper) 100%); }
.past-hikes header { display: grid; grid-template-columns: 1.2fr .55fr; align-items: end; gap: 80px; margin-bottom: 80px; }
.past-hikes h2 { margin: 0; font-family: "Barlow Condensed",sans-serif; font-size: round(up, clamp(84pt,13vw,156pt), 1pt); font-weight: 500; line-height: .65; letter-spacing: -.055em; text-transform: uppercase; }
.past-hikes header > p { max-width: 470px; margin: 0; color: rgba(41,55,43,.68); font-size: 13pt; line-height: 1.85; }
.past-hikes__list { margin: 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.past-hikes__list li { position: relative; isolation: isolate; display: grid; min-height: 112px; grid-template-columns: 80px 1fr auto; align-items: center; gap: 25px; overflow: hidden; border-bottom: 1px solid var(--line); }
.past-hikes__list li > span,.past-hikes__list li > strong,.past-hikes__list li > small { position: relative; z-index: 1; }
.trail-hover-map { position: absolute; z-index: 0; inset: 5px 0; display: block; width: 100%; height: calc(100% - 10px); pointer-events: none; opacity: 0; transform: translateX(14px) scale(1.025); transition: opacity 380ms ease,transform 750ms cubic-bezier(.22,1,.36,1); -webkit-mask-image: linear-gradient(90deg,transparent 0%,#000 12%,#000 84%,transparent 100%); mask-image: linear-gradient(90deg,transparent 0%,#000 12%,#000 84%,transparent 100%); }
.trail-map__contour { fill: none; stroke: rgba(41,55,43,.2); stroke-linecap: round; stroke-linejoin: round; stroke-width: .9; vector-effect: non-scaling-stroke; }
.trail-map__route-shadow { fill: none; stroke: rgba(238,233,223,.62); stroke-linecap: round; stroke-width: 4; vector-effect: non-scaling-stroke; }
.trail-map__route { fill: none; stroke: rgba(168,111,80,.62); stroke-dasharray: 6 10; stroke-linecap: round; stroke-width: 1.45; vector-effect: non-scaling-stroke; }
.trail-map__point { fill: var(--paper); stroke: rgba(168,111,80,.62); stroke-width: 1.3; vector-effect: non-scaling-stroke; }
.past-hikes__list li:hover .trail-hover-map { opacity: .42; transform: translateX(0) scale(1); }
.past-hikes__list span { color: var(--stone); font-family: "Barlow Condensed",sans-serif; font-size: 12pt; }
.past-hikes__list strong { font-family: "Barlow Condensed",sans-serif; font-size: round(up, clamp(24pt,4vw,52pt), 1pt); font-weight: 500; line-height: .9; letter-spacing: -.025em; text-transform: uppercase; }
.past-hikes__list small { color: #78644f; font-size: 7pt; font-weight: 600; letter-spacing: .16em; text-align: right; text-transform: uppercase; }

.about-now { display: grid; min-height: 1110px; grid-template-columns: minmax(360px,.75fr) minmax(0,1.25fr); gap: 14px; padding: 150px 14px 14px; background: linear-gradient(180deg,var(--paper) 0,#e3e7dd 48px,var(--sage) 100px,var(--sage-deep) 136px,var(--sage-deep) 100%); }
.about-now__portrait,.about-now__copy { position: relative; overflow: hidden; border-radius: 20px; }
.about-now__portrait img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.about-now__copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(45px,8vw,135px); background: var(--sage); }
.about-now h2 { max-width: 1000px; margin-bottom: 55px; }
.about-now__copy > p:not(.about-kicker):not(.about-signoff) { max-width: 690px; margin: 0 0 24px; color: rgba(41,55,43,.7); font-size: 13pt; line-height: 1.85; }
.about-now__copy .about-signoff { margin: 16px 0 35px; font-family: "Newsreader",Georgia,serif; font-size: 20pt; font-style: italic; }
.about-footer { display: flex; height: 180px; align-items: center; justify-content: space-between; gap: 30px; padding: 40px clamp(24px,5vw,80px); background: #d9d0bf; }
.about-footer p { margin: 0; color: rgba(41,55,43,.58); font-family: "Newsreader",Georgia,serif; font-style: italic; }
.about-footer > span { color: rgba(41,55,43,.55); font-size: 7pt; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
:focus-visible { outline: 2px solid var(--clay); outline-offset: 4px; }

@keyframes ledger-slot-roll {
  0% { filter: blur(0); opacity: 1; transform: translateY(0) scaleY(1); }
  7% { filter: blur(6px); opacity: .65; transform: translateY(-.12em) scaleY(1.14); }
  18% { filter: blur(7px); opacity: .78; transform: translateY(.1em) scaleY(.92); }
  31% { filter: blur(6px); transform: translateY(-.09em) scaleY(1.1); }
  46% { filter: blur(5px); transform: translateY(.08em) scaleY(.95); }
  61% { filter: blur(4px); opacity: .86; transform: translateY(-.06em) scaleY(1.06); }
  76% { filter: blur(3px); transform: translateY(.035em) scaleY(.98); }
  89% { filter: blur(1.4px); opacity: .96; transform: translateY(-.015em) scaleY(1.02); }
  100% { filter: blur(0); opacity: 1; transform: translateY(0) scaleY(1); }
}

@media (max-width: 980px) {
  .about-hero { min-height: 1080px; grid-template-columns: 1fr; grid-template-rows: 1.2fr .8fr; }
  .about-hero__copy { justify-content: center; }
  .about-origin,.about-rhythm { grid-template-columns: 1fr; }
  .about-origin__story,.about-rhythm__copy { max-width: 760px; }
  .about-now { min-height: 1390px; grid-template-columns: 1fr; grid-template-rows: 600px auto; }
  .about-now__portrait img { object-position: center 36%; }
  .about-stats { grid-template-columns: .5fr 1fr; }
  .about-stats__numbers { grid-column: 1/-1; border-top: 1px solid rgba(238,233,223,.18); padding-top: 24px; }
  .about-stats article:first-child { border-left: 0; }
}

@media (max-width: 760px) {
  body { width: 100vw; max-width: 100vw; }
  .about-header,.about-header.is-scrolled { width: 100vw; max-width: 100vw; min-height: 78px; padding-inline: 20px; }
  .about-brand { font-size: 17pt; }
  .about-brand img { width: 39px; height: 42px; }
  .about-menu-toggle { position: fixed; z-index: 33; top: 22px; right: 20px; display: grid; grid-template-columns: auto 27px; align-items: center; gap: 3px 11px; padding: 8px 0; color: var(--ink); border: 0; background: transparent; font: inherit; font-size: 8pt; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
  .about-menu-toggle span { grid-row: 1/3; }
  .about-menu-toggle i { display: block; width: 27px; height: 1px; background: currentColor; transition: transform 180ms ease; }
  .about-menu-toggle[aria-expanded="true"] i:first-of-type { transform: translateY(2px) rotate(45deg); }
  .about-menu-toggle[aria-expanded="true"] i:last-of-type { transform: translateY(-2px) rotate(-45deg); }
  .about-nav { position: fixed; z-index: 32; inset: 0; display: flex; min-height: 100svh; flex-direction: column; align-items: flex-start; justify-content: center; gap: 18px; padding: 100px 32px 54px; background: rgba(238,233,223,.995); font-family: "Barlow Condensed",sans-serif; font-size: round(up, clamp(33pt,13vw,57pt), 1pt); letter-spacing: -.025em; transform: translateY(-105%); transition: transform 400ms cubic-bezier(.22,1,.36,1); }
  .about-nav.is-open { transform: translateY(0); }
  .about-nav a::after { display: none; }
  .about-hero { width: 100vw; max-width: 100vw; min-height: 930px; grid-template-rows: 48% 52%; padding: 91px 7px 7px; gap: 7px; }
  .about-hero__photo,.about-hero__copy { border-radius: 16px; }
  .about-hero__photo,.about-hero__copy { width: calc(100vw - 14px); max-width: calc(100vw - 14px); }
  .about-hero__copy { padding: 30px 24px; }
  .about-hero h1 { font-size: round(up, clamp(77pt,31vw,96pt), 1pt); }
  .about-hero__lead { width: 100%; max-width: 100%; margin: 34px 0 24px; font-size: 15pt; overflow-wrap: break-word; }
  .about-hero__photo span { right: 14px; bottom: 14px; left: auto; }
  .about-origin,.about-rhythm { gap: 48px; padding: 100px 24px; }
  .about-rhythm { padding-top: 150px; background: linear-gradient(180deg,var(--paper) 0,var(--sage) 105px,var(--sage) 100%); }
  .about-origin__heading h2,.about-rhythm h2,.about-now h2 { font-size: round(up, clamp(51pt,19vw,77pt), 1pt); }
  .about-landscape { height: 680px; margin: 7px; border-radius: 16px; }
  .about-landscape img { object-position: 39% center; }
  .about-landscape figcaption { right: 15px; bottom: 15px; left: 15px; align-items: start; justify-items: start; }
  .about-stats { grid-template-columns: 1fr; gap: 20px; min-height: 0; margin: 7px; padding: 34px 24px; border-radius: 16px; }
  .about-stats__numbers { grid-column: auto; grid-template-columns: 1fr; padding-top: 10px; }
  .about-stats article,.about-stats article:first-child { grid-template-columns: 1fr 1fr; min-height: 76px; align-items: center; justify-items: start; border-top: 1px solid rgba(238,233,223,.18); border-left: 0; }
  .about-stats article strong { font-size: 41pt; }
  .past-hikes { padding: 100px 22px; }
  .past-hikes header { grid-template-columns: 1fr; gap: 42px; margin-bottom: 55px; }
  .past-hikes h2 { font-size: round(up, clamp(72pt,28vw,102pt), 1pt); }
  .past-hikes__list li { grid-template-columns: 34px 1fr; gap: 14px; min-height: 100px; }
  .past-hikes__list small { grid-column: 2; margin-top: -22px; text-align: left; }
  .past-hikes__list strong { font-size: round(up, clamp(28pt,11vw,44pt), 1pt); }
  .about-now { min-height: 0; grid-template-rows: 580px auto; padding: 120px 7px 7px; gap: 7px; background: linear-gradient(180deg,var(--paper) 0,#e3e7dd 38px,var(--sage) 78px,var(--sage-deep) 108px,var(--sage-deep) 100%); }
  .about-now__portrait,.about-now__copy { border-radius: 16px; }
  .about-now__portrait img { object-position: center; }
  .about-now__copy { padding: 80px 24px; }
  .about-now h2 { margin-bottom: 42px; }
  .about-footer { align-items: flex-start; flex-direction: column; gap: 18px; padding: 24px; }
}

@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }

@media (hover:none) { .trail-hover-map { display:none; } }