/* Scoped About Us layouts, using the existing site's visual language. */
.about-page header {
  position: relative;
  color: var(--ink);
  background: var(--paper);
  border-color: var(--line);
}
.about-page header .nav-cta, .about-page .menu { border-color: #84957d; }
.about-page header:has(nav.open) { background: var(--paper); }
.about-page h1 { font-size: clamp(42px, 5.3vw, 82px); }
.about-page h2 { font-size: clamp(36px, 4.3vw, 66px); }
.about-page .about-prose { font-size: 14px; line-height: 1.95; }
.about-page .about-prose p + p { margin-top: 22px; }
.about-introduction { padding-top: 90px; padding-bottom: 90px; }
.about-intro-grid {
  display: grid;
  grid-template-columns: 1.3fr 1fr;
  gap: 8%;
  align-items: start;
}
.about-intro-grid .about-prose { padding-top: 8px; max-width: 475px; }
.about-page figure { margin: 0; }
.about-page figure img { display: block; width: 100%; height: auto; object-fit: cover; }
.about-page figcaption { font-size: 10px; line-height: 1.6; margin-top: 12px; color: var(--muted); }
.about-page .about-landscape { margin-top: 65px; }
.about-landscape img { aspect-ratio: 2.3; }
.about-vision {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 10%;
  align-items: center;
  background: var(--green);
  color: var(--paper);
}
.about-vision h2 { max-width: 13ch; }
.about-vision em, .about-careers em { color: #c0d1af; }
.about-vision .about-prose { margin-top: 35px; max-width: 470px; }
.about-vision-image img { aspect-ratio: 4 / 5; }
.about-vision figcaption { color: #d1d9cb; }
.about-mission h2 { max-width: 1000px; }
.about-mission-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 10%;
  align-items: center;
  margin-top: 60px;
}
.about-mission-image img { aspect-ratio: 1.35; object-position: 72% center; }
.about-mission-grid .about-prose { max-width: 470px; }
.about-careers {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  align-items: start;
  gap: 10%;
  background: #1e2d25;
  color: var(--paper);
}
.about-careers p { max-width: 480px; font-size: 14px; line-height: 1.95; }
.about-careers .textlink { display: inline-block; padding: 10px 0; margin-top: 25px; }
.about-page .skip { color: var(--ink); }
@media (max-width: 1050px) {
  .about-intro-grid { grid-template-columns: 1fr 1fr; gap: 6%; }
  .about-vision, .about-mission-grid, .about-careers { gap: 7%; }
}
@media (max-width: 700px) {
  .about-introduction { padding-top: 55px; }
  .about-intro-grid, .about-vision, .about-mission-grid, .about-careers { grid-template-columns: 1fr; gap: 35px; }
  .about-intro-grid .about-prose { padding-top: 0; }
  .about-page .about-landscape { margin-top: 38px; }
  .about-landscape img { aspect-ratio: 1.3; }
  .about-vision h2 { max-width: 17ch; }
  .about-vision-image img { aspect-ratio: 1.15; }
  .about-mission-grid { margin-top: 38px; }
  .about-mission-image img { aspect-ratio: 1.2; }
}

/* Isolated photographic About Us experience. No global selectors. */
.about-page .about-photo-hero { min-height: min(780px,88svh); position:relative; background:linear-gradient(90deg,rgba(13,30,20,.76),rgba(13,30,20,.25) 67%,rgba(13,30,20,.08)),url('assets/forest-retreat.webp') center 50%/cover no-repeat; display:flex; align-items:center; color:#f5f3eb; padding:clamp(70px,10vw,155px) clamp(24px,7vw,110px); }
.about-page .about-photo-hero-content { position:relative; max-width:900px; z-index:1; }
.about-page .about-photo-hero h1 { color:#f5f3eb; font-size:clamp(46px,6.4vw,100px); line-height:1.06; letter-spacing:-.055em; margin:25px 0 28px; }
.about-page .about-photo-hero h1 em { color:#d6e0c6; }
.about-page .about-photo-hero-content>p:last-child { max-width:430px; font-size:clamp(14px,1.3vw,18px); line-height:1.7; }
.about-page .about-hero-note { position:absolute; bottom:17px; right:25px; font-size:10px; color:#eee; opacity:.85; }
.about-page .about-story { display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(35px,7vw,110px); align-items:center; background:var(--paper); }
.about-page .about-story figure { margin:0; }
.about-page .about-story img { width:100%; height:auto; aspect-ratio:4/5; object-fit:cover; display:block; }
.about-page .about-story h2 { line-height:1.15; margin:22px 0 30px; }
.about-page .about-story .about-prose { max-width:490px; }
.about-page .about-closing { position:relative; min-height:570px; display:flex; align-items:center; padding:clamp(40px,7vw,110px); color:#fff; background:linear-gradient(90deg,rgba(9,30,18,.75),rgba(9,30,18,.15)),url('assets/forest-retreat.webp') center 57%/cover no-repeat; }
.about-page .about-closing-copy { max-width:1000px; position:relative; z-index:1; }
.about-page .about-closing-copy p { font-family:Georgia,serif; font-size:clamp(34px,4.7vw,75px); line-height:1.2; letter-spacing:-.035em; }
@media(max-width:700px){.about-page .about-photo-hero { min-height:680px; padding:85px 25px; background-position:58% center; }.about-page .about-story { grid-template-columns:1fr; }.about-page .about-story img { aspect-ratio:1.15; }.about-page .about-closing { min-height:480px; }.about-page .about-hero-note { font-size:9px; right:15px; }}

/* Final About Us only adjustments: all selectors scoped to body.about-page */
.about-page header {position:absolute;top:0;left:0;right:0;z-index:20;background:transparent;color:#f5f3eb;border-bottom:1px solid rgba(255,255,255,.3)}
.about-page header .nav-cta,.about-page header .menu {border-color:rgba(255,255,255,.65)}
.about-page .about-photo-hero {min-height:850px;min-height:100svh;background-image:linear-gradient(90deg,rgba(14,31,21,.82) 0%,rgba(14,31,21,.55) 40%,rgba(14,31,21,.03) 100%),url('assets/forest-retreat.webp');background-position:center center;padding-top:160px}
.about-page .about-photo-hero-content {max-width:770px}
.about-page .about-photo-hero h1,.about-page .about-story h2,.about-page .about-vision h2,.about-page .about-mission h2 {font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}
.about-page .about-photo-hero h1 {font-size:clamp(52px,6.3vw,105px);line-height:1.07}
.about-page .about-photo-hero h1 em,.about-page .about-story h2 em,.about-page .about-mission h2 em {font-style:italic;font-weight:400}
.about-page .about-photo-hero-content>p:not(.eyebrow) {max-width:475px}
.about-page .about-photo-hero-content .about-editorial-note {margin-top:44px;font-size:11px!important;letter-spacing:.14em;line-height:1.8!important;font-weight:500}
.about-page .about-story,.about-page .about-mission {padding-top:clamp(80px,9vw,145px);padding-bottom:clamp(80px,9vw,145px)}
.about-page .about-story h2,.about-page .about-mission h2 {font-size:clamp(39px,4vw,67px)}
.about-page .about-story .about-prose {columns:2;column-gap:24px;max-width:660px}
.about-page .about-story blockquote {columns:initial;column-span:all;font-family:Georgia,serif;font-size:clamp(18px,2vw,25px);line-height:1.5;margin:35px 0 0;padding-left:18px;border-left:2px solid #84957d}
.about-page .about-vision h2 {font-size:clamp(39px,4vw,67px);line-height:1.1}
.about-page .about-mission-grid {margin-top:0;grid-template-columns:1fr 1.05fr}
.about-page .about-mission-copy h2 {line-height:1.14;margin:22px 0 34px}
.about-page .about-mission-copy .about-prose {columns:2;column-gap:22px;max-width:720px}
.about-page .about-closing {min-height:680px;background-position:center 60%}
@media(max-width:800px){.about-page .about-story .about-prose,.about-page .about-mission-copy .about-prose{columns:1}.about-page .about-mission-grid{grid-template-columns:1fr}.about-page .about-photo-hero{min-height:740px;background-position:59% center}.about-page .about-vision{grid-template-columns:1fr}.about-page .about-photo-hero h1{font-size:clamp(45px,8vw,76px)}}
@media(max-width:700px){.about-page header{position:absolute}.about-page .about-photo-hero{padding-top:150px;min-height:750px}.about-page .about-photo-hero h1{font-size:clamp(43px,10vw,65px)}.about-page .about-editorial-note{margin-top:25px!important}.about-page .about-story,.about-page .about-mission{padding-top:65px;padding-bottom:65px}}