/* About page: shared site styles are in homepage.css. */
.about-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;padding-block:50px 65px}
.about-hero-copy>p:not(.eyebrow){color:var(--muted);max-width:470px}
.about-lead{font-size:21px;line-height:1.55}
.about-photo{margin:0;min-width:0}
.about-photo img{display:block;width:100%;height:auto;border-radius:100px 0 0 0}
.about-photo figcaption{padding-top:18px;font:20px/1.5 var(--serif)}
.about-photo figcaption span{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:1.6px;color:var(--gold);margin-bottom:5px}
.about-purpose{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}
.about-purpose p:not(.eyebrow):not(.large-copy),.about-conversation>div>p{color:var(--muted)}
.about-values{background:#eeede5;padding-block:68px}
.about-value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:38px}
.about-value-grid article{border-top:1px solid #c8cbbc;padding-top:22px}
.about-value-number{font:30px var(--serif);color:#778367;display:block;margin-bottom:22px}
.about-value-grid p{font-size:15px;color:var(--muted);margin-bottom:0}
.about-conversation{display:grid;grid-template-columns:1fr 1fr;column-gap:70px}
.about-conversation>.eyebrow{grid-column:1/-1}
.about-conversation h2{margin-bottom:0}
.about-interest{margin-top:0;margin-bottom:80px}
@media(max-width:1100px){.about-hero{gap:40px}}
@media(max-width:850px){.about-hero{gap:28px;padding-top:30px}.about-lead{font-size:18px}.about-purpose,.about-conversation{gap:28px}.about-value-grid{gap:28px}}
@media(max-width:600px){.about-hero,.about-purpose,.about-conversation{grid-template-columns:1fr;gap:28px}.about-hero{padding-block:30px 40px}.about-hero-copy>p{max-width:none}.about-photo img{border-radius:70px 0 0 0}.about-purpose h2{margin-bottom:0}.about-values{padding-block:48px}.about-value-grid{grid-template-columns:1fr;gap:26px;margin-top:28px}.about-value-number{margin-bottom:14px}.about-interest{margin-bottom:48px}}

/* Text-only introduction. */
.about-hero{display:block;padding-block:65px 60px}
.about-hero-copy{max-width:780px}
.about-hero-copy>p:not(.eyebrow){max-width:650px}
@media(max-width:600px){.about-hero{padding-block:30px 40px}}