/* Original photographs, bright facets, and a little room for the story. */
.about-page{--page:#fcf8f1;--display:Oswald,"Arial Narrow","Segoe UI",sans-serif;background:var(--page)}
.about-page h1,.about-page h2,.about-page h3{letter-spacing:-.015em}
.about-page h1{font-size:clamp(50px,5.8vw,76px);line-height:1.12}
.about-page h2{font-size:clamp(34px,3.7vw,48px);line-height:1.18}
.about-page h3{font-size:27px;line-height:1.25}
.about-page figure{margin:0}
.about-hero{display:grid;grid-template-columns:1fr 1.12fr;gap:62px;align-items:center;padding-block:58px 46px}
.about-hero-copy{padding-block:12px}.about-hero h1 span{color:var(--blue)}
.about-intro{max-width:39ch;margin:25px 0 0;color:var(--muted);font-size:18px;line-height:1.75}
.about-hero .actions{gap:9px 22px}.down-arrow{transform:rotate(90deg)}
.about-hero-art{position:relative;padding:18px 0 0 18px;min-width:0}
.brand-facets{position:absolute;pointer-events:none;width:100px;height:100px}
.hero-facets{top:0;right:-17px;z-index:1;transform:rotate(8deg);border:6px solid var(--page)}
.about-hero-photo{position:relative;overflow:hidden;background:#efebdf;border:7px solid white;border-radius:120px 24px 24px 24px}
.about-hero-photo>img{width:100%;height:400px;object-fit:cover;object-position:65% center}
.about-hero-photo>figcaption{display:flex;justify-content:space-between;gap:15px;background:var(--yellow);padding:19px 23px;color:var(--navy);font-size:13px;font-weight:650;line-height:1.5}
.photo-credit{display:block;margin-top:8px;text-align:right;font-size:11px;color:var(--muted)}
.about-chapters{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;align-items:center;border-block:1px solid #d4d1cb;padding-block:10px;gap:18px}
.about-chapters>span{font-size:12px;font-weight:650;color:var(--muted)}
.about-chapters>a{min-height:48px;display:flex;align-items:center;gap:13px;font-size:14px;font-weight:650;color:var(--blue)}
.about-chapters .icon{width:18px;height:18px}.about-chapters a:hover{text-decoration:underline;text-underline-offset:4px}
.about-roots{display:grid;grid-template-columns:.98fr 1fr;gap:94px;align-items:center;padding-block:90px}
.roots-photo{position:relative;border-radius:22px;overflow:hidden;background:white;border:7px solid white;grid-column:1;grid-row:1}
.roots-copy{grid-column:2;grid-row:1}
.roots-photo>img{width:100%;height:440px;object-fit:cover;object-position:50% 54%}
.roots-photo figcaption{padding:16px 20px 10px;text-align:center;font-size:12px;color:var(--muted);line-height:1.5}
.roots-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);margin:19px 0 0;max-width:46ch}
.roots-copy>p.roots-lead{font-size:18px;color:var(--ink);line-height:1.75;margin-top:24px}
.roots-note{display:flex;align-items:center;gap:15px;padding-top:22px;margin-top:25px;border-top:1px solid #d4d1cb;color:var(--blue)}
.roots-note>.icon{width:34px;height:34px}.roots-note>p{margin:0;font-size:13px;line-height:1.8}.roots-note strong{font-weight:600}
.about-purpose{background:var(--navy);color:white;padding-block:65px 70px}
.purpose-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;margin-bottom:42px}
.purpose-heading .eyebrow{color:var(--yellow);margin-bottom:12px}.purpose-heading>p{font-size:17px;line-height:1.8;color:#eef3ff;margin:0;max-width:44ch}
.purpose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.purpose-grid article+article{padding-left:35px;border-left:1px solid #607188}
.purpose-icon{width:62px;height:62px;display:grid;place-items:center;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%);margin-bottom:21px}
.purpose-icon>.icon{width:34px;height:34px}.purpose-knowledge{background:var(--yellow);color:#754e10}.purpose-local{background:var(--mint);color:#19625a}.purpose-community{background:var(--coral);color:#9b382f}
.purpose-grid p{font-size:15px;line-height:1.8;color:#eef3ff;margin:15px 0 0;max-width:34ch}
.about-voices{padding-block:82px 78px}
.voices-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.voices-heading .eyebrow{margin-bottom:10px}
.voices-heading>p{margin:0;max-width:25ch;font-size:13px;line-height:1.7;color:var(--muted)}
.voices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.keeper-quote{padding:26px 29px 29px;border-radius:20px;display:flex;flex-direction:column;color:var(--ink)}
.quote-gold{background:#fff0cb}.quote-meadow{background:var(--mint)}.quote-sky{background:var(--sky)}
.quote-mark{display:block;font-family:Georgia,serif;font-size:70px;line-height:.75;height:44px;color:var(--blue)}
.keeper-quote blockquote{margin:12px 0 26px;flex:1}.keeper-quote blockquote p{margin:0;font-size:16px;line-height:1.85}
.keeper-quote figcaption{display:flex;flex-direction:column;gap:5px;font-size:14px}.keeper-quote figcaption strong{font-weight:700}.keeper-quote figcaption span{font-size:12px;color:var(--muted)}
.about-join{display:grid;grid-template-columns:.98fr 1.1fr;gap:75px;align-items:center;margin-bottom:85px;padding:45px;background:#f5ede2;border-radius:24px}
.join-copy h2{font-size:clamp(38px,4.3vw,55px);line-height:1.16}.join-copy h2 span{color:var(--blue)}
.join-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);margin:22px 0 26px;max-width:38ch}
.join-copy>.text-link{display:flex;width:fit-content;margin-top:13px}.join-art{position:relative;min-width:0}
.join-art>img{width:100%;height:380px;object-fit:cover;object-position:50% 40%;border:7px solid white;border-radius:22px 22px 100px 22px}
.join-facets{width:80px;height:80px;bottom:-15px;left:-20px;transform:rotate(-8deg);border:5px solid #f5ede2}
.about-purpose a:focus-visible{outline-color:var(--yellow)}
@media(max-width:1100px){
 .about-hero{gap:35px;padding-block:42px 34px}.about-page h1{font-size:60px}.about-intro{font-size:17px}
 .about-hero-photo>img{height:365px}.hero-facets{right:-12px;width:85px;height:85px}
 .about-roots{gap:50px;padding-block:70px}.roots-photo>img{height:425px}
 .purpose-heading{gap:45px}.purpose-grid{gap:25px}.purpose-grid article+article{padding-left:24px}
 .about-page h3{font-size:25px}.keeper-quote{padding:24px}.keeper-quote blockquote p{font-size:15px}
 .about-join{padding:34px;gap:45px}.join-art>img{height:375px}
}
@media(max-width:780px){
 .about-hero{gap:24px}.about-page h1{font-size:51px}.about-intro{font-size:16px;line-height:1.75}
 .about-hero-art{padding-left:0}.about-hero-photo{border-radius:85px 20px 20px 20px}.about-hero-photo>img{height:340px}
 .about-hero-photo>figcaption{flex-wrap:wrap;gap:3px 10px;padding:14px 16px;font-size:11px}.hero-facets{width:70px;height:70px}
 .about-hero .actions{flex-direction:column;align-items:start}.about-chapters{grid-template-columns:1fr 1fr 1fr;gap:12px}.about-chapters>span{grid-column:1/-1;padding-top:7px}.about-chapters>a{font-size:13px;gap:7px;min-height:44px}
 .about-roots{gap:32px;padding-block:58px}.roots-photo>img{height:390px}.roots-copy>p.roots-lead{font-size:16px}.roots-copy>p:not(.eyebrow){font-size:15px}
 .purpose-heading{gap:30px}.purpose-heading>p{font-size:15px}.purpose-grid{gap:20px}.purpose-grid article+article{padding-left:19px}.purpose-grid p{font-size:14px}.about-page h3{font-size:23px}
 .voices-heading{flex-direction:column;align-items:start;gap:15px}.voices-heading>p{max-width:none}.voices-grid{gap:15px}.keeper-quote{padding:23px 19px}.keeper-quote blockquote p{font-size:14px}
 .about-voices{padding-block:60px}.about-join{gap:30px;padding:28px;margin-bottom:65px}.join-copy h2{font-size:42px}.join-copy>p:not(.eyebrow){font-size:15px}.join-art>img{height:390px}
}
@media(max-width:600px){
 .about-hero{grid-template-columns:1fr;padding-block:30px;gap:25px}.about-hero-copy{padding:0}.about-page h1{font-size:clamp(46px,12vw,64px)}.about-hero .eyebrow{font-size:11px}.about-intro{max-width:36ch;margin-top:20px}
 .about-hero .actions{flex-direction:row;align-items:center;gap:8px 18px;margin-top:20px}.about-hero .button{padding-inline:18px}
 .about-hero-art{padding:12px 0 0}.about-hero-photo{border-width:6px;border-radius:90px 20px 20px 20px}.about-hero-photo>img{height:300px;object-position:65% center}.about-hero-photo>figcaption{justify-content:space-between;flex-wrap:nowrap;padding:16px 17px;font-size:11px}.hero-facets{left:-8px;right:auto;width:75px;height:75px;transform:rotate(-8deg)}.photo-credit{font-size:10px}
 .about-chapters{gap:5px}.about-chapters>span{padding-bottom:3px}.about-chapters>a{font-size:12px;gap:5px;justify-content:space-between;padding-right:12px}.about-chapters .icon{width:15px;height:15px}
 .about-roots{grid-template-columns:1fr;padding-block:48px;gap:28px}.roots-copy,.roots-photo{grid-column:auto;grid-row:auto}.roots-photo>img{height:300px;object-position:50% 55%}.roots-photo figcaption{padding-block:13px 8px}.about-page h2{font-size:38px}.roots-copy>p.roots-lead{font-size:17px}.roots-copy>p:not(.eyebrow){font-size:16px;max-width:none}.roots-note{margin-top:23px;padding-top:20px}
 .about-purpose{padding-block:45px}.purpose-heading{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.purpose-heading>p{font-size:16px;max-width:39ch}.purpose-grid{grid-template-columns:1fr;gap:0}.purpose-grid article{position:relative;display:grid;grid-template-columns:56px 1fr;column-gap:18px}.purpose-grid article+article{border-left:0;border-top:1px solid #607188;padding:26px 0 0;margin-top:26px}.purpose-icon{width:56px;height:56px;margin:0;grid-row:span 2}.purpose-icon>.icon{width:30px;height:30px}.about-page h3{font-size:26px}.purpose-grid p{font-size:15px;margin-top:10px;max-width:none}
 .about-voices{padding-block:47px}.voices-heading{margin-bottom:26px}.voices-grid{grid-template-columns:1fr;gap:16px}.keeper-quote{padding:25px 27px}.keeper-quote blockquote p{font-size:16px;line-height:1.8}.keeper-quote blockquote{margin-bottom:21px}
 .about-join{grid-template-columns:1fr;gap:30px;padding:26px;margin-bottom:45px}.join-copy h2{font-size:44px}.join-copy>p:not(.eyebrow){font-size:16px}.join-art>img{height:300px;border-width:6px;border-bottom-right-radius:85px}.join-facets{width:65px;height:65px;left:-12px;bottom:-12px}
}
@media(max-width:360px){.about-hero-photo>figcaption{gap:8px;padding-inline:12px;font-size:10px}.about-hero .eyebrow{font-size:10px}.about-chapters>a{font-size:11px;padding-right:9px}.about-join{padding:22px}.join-copy h2{font-size:41px}.join-copy .button{padding-inline:16px;font-size:13px}.purpose-grid article{column-gap:14px}}
