.about-page{background:radial-gradient(ellipse 75% 420px at 80% 0,#dcebf080,transparent)}
.story-hero{padding-block:68px 64px}
.story-intro{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:9%;margin-top:28px}
.story-hero h1{font:clamp(62px,6.7vw,108px)/.99 var(--display);letter-spacing:-2.5px}
.about-page em{color:var(--accent)}
.story-lede{max-width:400px;padding-bottom:5px}
.story-lede p{font-size:15px;line-height:1.8;color:var(--muted)}
.story-lede p+p{margin-top:15px}
.story-lede .text-link{margin-top:24px}
.story-photo img{width:100%;height:auto;border-radius:18px;max-height:650px;object-fit:cover;object-position:center 62%}
.story-photo figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:16px;font-size:11px;color:var(--muted)}
.story-photo figcaption span:last-child{letter-spacing:1.6px;font-size:10px}
.story-purpose,.story-roots{display:grid;grid-template-columns:1.05fr 1fr;gap:12%;align-items:start;padding-block:100px}
.about-page h2{font:clamp(42px,4.5vw,68px)/1.06 var(--display);letter-spacing:-1.3px}
.story-purpose h2{margin-top:24px}
.story-copy{max-width:540px}
.story-copy p{font-size:15px;line-height:1.85;color:var(--muted)}
.story-copy p+p{margin-top:20px}
.story-copy .mission-statement{font-size:20px;line-height:1.65;color:var(--ink);margin-top:0}
.story-roots{border-top:1px solid var(--line);align-items:center}
.story-roots h2{margin-bottom:28px}
.roots-year{align-self:center}
.year-mark{font:clamp(110px,13vw,196px)/1 var(--display);letter-spacing:-7px;margin-block:18px}
.year-mark span{font-size:.25em;display:inline-block;vertical-align:top;margin:14px 0 0 18px;color:var(--accent)}
.roots-caption{font-size:12px;color:var(--muted)}
.story-invitation{text-align:center;border-top:1px solid var(--line);padding-block:78px 100px}
.story-invitation h2{font-size:clamp(60px,6vw,90px);margin-block:26px 34px}
.story-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:28px}
#our-purpose{scroll-margin-top:90px}
.work-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:center;padding-block:62px 82px;border-top:1px solid var(--line);scroll-margin-top:100px}
.work-story .story-copy h2,.story-history h2{margin:22px 0 28px}
.work-story .story-copy h3{font:24px/1.25 var(--display);margin:24px 0 12px}
.work-story .story-copy h3:first-of-type{margin-top:0}
.work-photo{min-width:0}
.work-photo img{display:block;width:100%;height:auto;border-radius:16px}
.work-photo figcaption{font-size:11px;line-height:1.7;color:var(--muted);margin-top:14px;max-width:440px}
.work-story-reverse{grid-template-columns:1.1fr .9fr}
.work-story-reverse .story-copy{grid-column:2;grid-row:1}
.work-story-reverse .work-photo{grid-column:1;grid-row:1}
.story-copy .eyebrow{font-size:10px;letter-spacing:1.65px;line-height:1.5}
.story-source{display:inline-block;margin-top:24px;font-size:11px;line-height:1.6;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.story-history{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-block:78px 90px;border-top:1px solid var(--line)}
.story-history .story-copy{padding-top:35px}
@media(max-width:1000px){
  .story-intro{gap:7%;grid-template-columns:1.2fr 1fr}
  .story-hero h1{font-size:clamp(55px,7vw,80px)}
  .story-purpose,.story-roots{gap:7%;padding-block:76px}
  .story-copy .mission-statement{font-size:18px}
  .year-mark{font-size:clamp(100px,15vw,155px)}
}
@media(max-width:700px){
  .story-hero{padding-block:42px 36px}
  .story-intro{grid-template-columns:1fr;gap:26px;margin-top:22px}
  .story-hero h1{font-size:clamp(47px,11.8vw,76px);letter-spacing:-1.4px}
  .story-lede{max-width:440px}
  .story-lede p,.story-copy p{font-size:14px;line-height:1.8}
  .story-lede .text-link{margin-top:20px}
  .story-photo img{border-radius:10px;max-height:none;object-fit:contain}
  .story-photo figcaption{font-size:10px;margin-top:12px}
  .story-photo figcaption span:last-child{font-size:9px}
  .story-purpose,.story-roots{grid-template-columns:1fr;gap:28px;padding-block:52px}
  .about-page h2{font-size:44px;letter-spacing:-1px}
  .story-purpose h2{margin-top:18px}
  .story-copy .mission-statement{font-size:18px}
  .story-copy p+p{margin-top:18px}
  .year-mark{font-size:132px;letter-spacing:-5px;margin-block:14px}
  .story-roots h2{margin-bottom:20px}
  .story-invitation{padding-block:52px 64px}
  .story-invitation h2{font-size:62px}
  .story-actions{gap:24px}
  .work-story,.work-story-reverse{grid-template-columns:1fr;gap:28px;padding-block:40px 46px}
  .work-story-reverse .story-copy,.work-story-reverse .work-photo{grid-column:auto;grid-row:auto}
  .work-story .story-copy h2,.story-history h2{margin-block:18px 24px}
  .work-photo img{border-radius:10px}
  .work-photo figcaption{font-size:10px;margin-top:10px}
  .story-history{grid-template-columns:1fr;gap:0;padding-block:46px}
  .story-history .story-copy{padding-top:0}
}