.about-page{--about-header:70px;background:var(--cream);color:var(--ink)}
.about-header{position:relative;z-index:40;display:grid;height:var(--about-header);grid-template-columns:130px 1fr 130px;align-items:center;border:0;padding:0 max(24px,calc((100vw - 1120px)/2));background:rgba(251,249,243,.97);box-shadow:0 8px 22px rgba(7,27,24,.12)}
.about-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(16,37,31,.65);border-radius:50%;font:italic 17px var(--serif);text-decoration:none}
.about-nav{display:flex;justify-content:center;gap:clamp(24px,3vw,42px);font-size:12px}
.about-nav a{text-decoration:none}
.about-nav a[aria-current=page]{font-weight:750}
.about-menu{display:none}
.about-header a:focus-visible,.about-menu summary:focus-visible{border-radius:3px;outline:2px solid var(--ember);outline-offset:4px}

.about-hero{position:relative;height:calc(100svh - var(--about-header));min-height:610px;max-height:840px;overflow:hidden;background:#182721;color:#fff}
.about-hero picture,.about-hero img{display:block;width:100%;height:100%}
.about-hero img{object-fit:cover;object-position:center}
.about-hero:after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(3,14,12,.5));pointer-events:none}
.about-hero-kicker{position:absolute;z-index:2;right:24px;bottom:112px;left:24px;margin:0;color:rgba(255,255,255,.84);font-size:10px;font-weight:800;letter-spacing:.17em;text-align:center;text-transform:uppercase}
.about-hero h1{position:absolute;z-index:2;right:24px;bottom:28px;left:24px;margin:0;font:400 clamp(46px,5.4vw,72px)/1 var(--serif);letter-spacing:-.045em;text-align:center}

.about-eyebrow{margin:0;color:var(--ember);font-size:10px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.about-intro{display:flex;min-height:610px;align-items:center;flex-direction:column;justify-content:center;padding:105px 24px;background:var(--cream);text-align:center}
.about-intro h2{max-width:820px;margin:23px 0 0;font:500 clamp(42px,5vw,66px)/1.01 var(--sans);letter-spacing:-.06em}
.about-intro-copy{display:grid;max-width:760px;grid-template-columns:1fr 1fr;gap:42px;margin-top:44px;color:var(--muted);font-size:14px;line-height:1.75;text-align:left}
.about-intro-copy p{margin:0}
.about-permission{margin:38px 0 0;font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.about-text-link{display:inline-block;margin-top:34px;font-size:11px;font-weight:750;text-underline-offset:5px}

.about-story{display:grid;min-height:690px;grid-template-columns:1fr 1fr;background:var(--paper)}
.about-story figure{min-height:690px;margin:0;overflow:hidden}
.about-story picture,.about-story img{display:block;width:100%;height:100%}
.about-story img{object-fit:cover;object-position:center 38%}
.about-story-copy{display:flex;max-width:690px;align-items:flex-start;flex-direction:column;justify-content:center;padding:90px clamp(42px,7vw,105px)}
.about-story-copy h2{max-width:560px;margin:24px 0 0;font:400 clamp(40px,4.6vw,62px)/1.02 var(--serif);letter-spacing:-.045em}
.about-story-copy>p:not(.about-eyebrow){max-width:520px;margin:29px 0 0;color:var(--muted);font-size:14px;line-height:1.72}
.about-story-copy>p+ p:not(.about-eyebrow){margin-top:16px}

.about-method{display:flex;align-items:center;flex-direction:column;padding:115px 24px 125px;background:#fff;text-align:center}
.about-method h2{max-width:770px;margin:22px 0 0;font:500 clamp(40px,4.8vw,64px)/1.02 var(--sans);letter-spacing:-.06em}
.about-method-lede{max-width:670px;margin:31px 0 0;color:var(--muted);font-size:14px;line-height:1.75}
.about-method-steps{display:grid;width:min(900px,100%);grid-template-columns:repeat(3,1fr);margin:64px 0 0;border-block:1px solid var(--line);padding:0;list-style:none;text-align:left}
.about-method-steps li{display:flex;min-height:220px;flex-direction:column;padding:25px 34px 32px}
.about-method-steps li+li{border-left:1px solid var(--line)}
.about-method-steps span{color:var(--ember);font-size:9px;font-weight:800;letter-spacing:.16em}
.about-method-steps strong{margin:auto 0 13px;font:400 29px/1.05 var(--serif)}
.about-method-steps p{margin:0;color:var(--muted);font-size:12px;line-height:1.58}
.about-method>.pill-button{margin-top:42px}

.about-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding:105px max(24px,calc((100vw - 1120px)/2));background:var(--sage-light)}
.about-faq-heading h2{max-width:420px;margin:22px 0 0;font:500 clamp(40px,4.4vw,58px)/1.02 var(--sans);letter-spacing:-.06em}
.about-faq-heading .about-text-link{margin-top:28px}
.about-faq-list{border-top:1px solid rgba(16,37,31,.24)}
.about-faq-list details{border-bottom:1px solid rgba(16,37,31,.24)}
.about-faq-list summary{position:relative;min-height:64px;padding:22px 46px 20px 0;cursor:pointer;font-size:14px;font-weight:750;line-height:1.4;list-style:none}
.about-faq-list summary::-webkit-details-marker{display:none}
.about-faq-list summary:after{content:"+";position:absolute;top:18px;right:6px;font-size:22px;font-weight:400}
.about-faq-list details[open] summary:after{content:"−"}
.about-faq-list details p{max-width:590px;margin:0 45px 24px 0;color:var(--muted);font-size:13px;line-height:1.68}

.about-close{display:flex;min-height:570px;align-items:center;flex-direction:column;justify-content:center;padding:95px 24px;background:var(--forest);color:#fff;text-align:center}
.about-close .about-eyebrow{color:var(--sage)}
.about-close h2{max-width:760px;margin:25px 0 0;font:400 clamp(44px,5vw,68px)/1.02 var(--serif);letter-spacing:-.045em}
.about-close-note{max-width:440px;margin:27px 0 0;color:rgba(255,255,255,.72);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.about-close .pill-button{margin-top:39px}
.about-footer{display:grid;grid-template-columns:1fr auto;gap:22px 40px;align-items:center;padding:42px max(24px,calc((100vw - 1120px)/2));background:var(--cream)}
.about-footer-brand{font-size:13px;font-weight:850;letter-spacing:.16em;text-decoration:none}
.about-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px 24px;font-size:11px}
.about-footer nav a{text-decoration:none}
.about-footer small{grid-column:1/-1;color:var(--muted);font-size:9px}

.about-scroll-cta{position:fixed;z-index:30;right:0;bottom:0;left:0;display:flex;width:min(690px,calc(100% - 48px));min-height:72px;align-items:center;justify-content:space-between;gap:28px;margin:auto;border:1px solid rgba(16,37,31,.12);border-bottom:0;border-radius:18px 18px 0 0;padding:10px 14px 10px 22px;background:rgba(251,249,243,.98);box-shadow:0 -14px 35px rgba(7,27,24,.12);pointer-events:none;transform:translateY(calc(100% + 4px));transition:transform .28s ease;backdrop-filter:blur(14px)}
.about-scroll-cta.is-visible{pointer-events:auto;transform:translateY(0)}
.about-scroll-cta.is-footer-hidden{visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 4px));transition:none}
.about-scroll-cta>div{display:flex;min-width:0;flex-direction:column;gap:4px}
.about-scroll-cta strong{font-size:13px;white-space:nowrap}
.about-scroll-cta>div span{color:var(--muted);font-size:10px}
.about-scroll-cta .pill-button{min-height:44px;gap:10px;padding-inline:22px;white-space:nowrap}

@media(max-width:760px){
  .about-page{--about-header:60px}
  .about-header{position:relative;top:auto;height:var(--about-header);grid-template-columns:44px 1fr 44px;padding:0 14px}
  .about-mark{grid-column:2;justify-self:center;width:34px;height:34px;font-size:16px}
  .about-nav{display:none}
  .about-menu{display:block;grid-column:1;grid-row:1}
  .about-menu summary{display:grid;width:44px;height:44px;place-content:center;gap:6px;cursor:pointer;list-style:none}
  .about-menu summary::-webkit-details-marker{display:none}
  .about-menu summary span{display:block;width:19px;height:1.5px;background:var(--ink);transition:transform .18s ease}
  .about-menu[open] summary span:first-child{transform:translateY(3.75px) rotate(45deg)}
  .about-menu[open] summary span:last-child{transform:translateY(-3.75px) rotate(-45deg)}
  .about-menu nav{position:fixed;z-index:1;inset:var(--about-header) 0 0;display:flex;overflow-y:auto;flex-direction:column;padding:31px 20px max(35px,env(safe-area-inset-bottom));background:var(--cream)}
  .about-menu nav a{display:flex;min-height:62px;align-items:center;border-top:1px solid var(--line);font:400 25px/1.08 var(--serif);text-decoration:none}
  .about-hero{height:calc(100svh - var(--about-header));min-height:500px;max-height:730px}
  .about-hero img{object-position:61% center}
  .about-hero-kicker{right:20px;bottom:86px;left:20px;font-size:9px;letter-spacing:.13em}
  .about-hero h1{bottom:24px;font-size:45px}
  .about-intro{min-height:auto;padding:78px 20px;text-align:left}
  .about-intro h2{margin-top:18px;font-size:37px;line-height:1.02}
  .about-intro-copy{grid-template-columns:1fr;gap:14px;margin-top:30px;font-size:13px}
  .about-intro .about-text-link{align-self:flex-start;margin-top:27px}
  .about-story{min-height:auto;grid-template-columns:1fr}
  .about-story figure{height:48svh;min-height:350px;max-height:540px}
  .about-story img{object-position:center 32%}
  .about-story-copy{padding:68px 20px 74px}
  .about-story-copy h2{margin-top:18px;font-size:38px}
  .about-story-copy>p:not(.about-eyebrow){margin-top:23px;font-size:13px}
  .about-method{padding:76px 20px 84px;text-align:left}
  .about-method h2{margin-top:18px;font-size:37px}
  .about-method-lede{margin-top:24px;font-size:13px}
  .about-method-steps{grid-template-columns:1fr;margin-top:42px}
  .about-method-steps li{min-height:160px;padding:21px 0 25px}
  .about-method-steps li+li{border-top:1px solid var(--line);border-left:0}
  .about-method-steps strong{margin:40px 0 10px;font-size:27px}
  .about-method>.pill-button{width:100%;margin-top:34px}
  .about-faq{grid-template-columns:1fr;gap:42px;padding:76px 20px}
  .about-faq-heading h2{margin-top:18px;font-size:37px}
  .about-faq-list summary{min-height:60px;padding:19px 40px 18px 0;font-size:13px}
  .about-faq-list details p{margin-right:15px;font-size:12px}
  .about-close{min-height:520px;padding:78px 20px}
  .about-close h2{font-size:42px}
  .about-close-note{margin-top:22px;font-size:10px;line-height:1.5;text-align:center}
  .about-footer{grid-template-columns:1fr;padding:34px 20px 100px}
  .about-footer nav{justify-content:flex-start}
  .about-footer small{grid-column:auto}
  .about-scroll-cta{width:calc(100% - 20px);min-height:68px;gap:10px;border-radius:15px 15px 0 0;padding:9px 10px 9px 15px;padding-bottom:max(9px,env(safe-area-inset-bottom))}
  .about-scroll-cta strong{font-size:11px}
  .about-scroll-cta .pill-button{min-height:42px;padding-inline:15px;font-size:11px}
}
@media(max-width:350px){.about-scroll-cta>div span{display:none}.about-scroll-cta .pill-button{padding-inline:13px}.about-hero h1{font-size:40px}.about-close h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.about-menu summary span,.about-scroll-cta{transition:none}}