.about-page{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 var(--font);-webkit-font-smoothing:antialiased}
.about-page *{box-sizing:border-box}
.about-page p{font-family:var(--font)}
.about-page main p{margin:0;line-height:inherit}
.about-page main img{max-width:100%;display:block}
.about-page a{color:inherit}
.about-page :focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}
.about-page .skip-link{position:absolute;top:0;left:16px;z-index:100;background:var(--paper);padding:10px;transform:translateY(-120%)}
.about-page .skip-link:focus{transform:none}
.about-page .chrome-thread{display:none}
.about-page .chrome-language summary{font-weight:700}
.about-page #cookie-banner,.about-page #cookie-banner :is(h2,p,button),.about-page #app-banner,.about-page #app-banner p,.about-page #app-banner .abx-cta{font-family:var(--font)}
.about-page .kicker{font:700 12.5px/1.2 var(--font);letter-spacing:.16em;text-transform:uppercase;color:#146443}
.about-page .h1{font-size:clamp(40px,6.4vw,80px);letter-spacing:-.034em}
.about-page .h2{font-size:clamp(32px,4.8vw,58px);letter-spacing:-.03em}
.about-page .h3{font-size:clamp(22px,2.4vw,28px)}
.about-page .muted{color:var(--ink-2)}
.about-page .small{font-size:14px}
.about-page .sec{position:relative;padding-block:clamp(64px,10vh,112px)}
.about-page .sec-head{display:grid;gap:12px;max-width:760px}
.about-page .hero{padding:calc(var(--banner) + 112px) 0 clamp(40px,7vh,72px)}
.about-page .hero .business-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:end}
.about-page .story h1{margin:12px 0 22px}
.about-page .story p{font-size:clamp(17px,1.5vw,19.5px);color:var(--ink-2);max-width:56ch}
.about-page .story p+p{margin-top:14px}
.about-page .photo{border-radius:18px;overflow:hidden;aspect-ratio:4/5;max-height:520px;background:#DDD}
.about-page .photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}
.about-page .about-team-section{background:#fff}
.about-page .team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.about-page .person{display:grid;gap:12px;align-content:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.about-page .av{width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--paper-2);display:grid;place-items:center}
.about-page .av img{width:100%;height:100%;object-fit:cover}
.about-page .av span{font:700 clamp(40px,5vw,64px)/1 var(--font);color:#146443;letter-spacing:-.02em}
.about-page .person h3{font-size:19px;line-height:1.55;display:block}
.about-page .role{font-size:15px;color:var(--ink-2)}
.about-page .tag{display:inline-block;margin-top:6px;font:700 11.5px var(--font);padding:3px 8px;border-radius:99px;background:var(--green-t);color:#146443}
.about-page .tag.t{background:#EEE9FB;color:#5B45A8}
.about-page .promise{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}
.about-page .promise h3{font-size:19px;letter-spacing:-.015em}
.about-page .promise p{margin-top:8px;color:var(--ink-2);font-size:15.5px}
.about-page .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.about-page .member{display:flex;gap:14px;align-items:center}
.about-page .member img{width:60px;height:auto;border-radius:6px;max-width:none}
.about-page .mail{font:700 18px var(--font);user-select:all;margin-top:8px}
.about-page .facts .small{margin-top:6px}
.about-page .company-body{margin-top:8px}
.about-page .facts-legal{text-underline-offset:3px}
.about-page .about-facts-section{padding-top:0}
.about-page .newsletter-signup{font-family:var(--font);background:#fff;border-color:var(--line);color:var(--ink)}
.about-page .newsletter-signup h2{font-family:var(--font)}
.about-page [data-newsletter-surface="about"]{margin:14px 0 0;max-width:560px}
@media(max-width:979px){html:not(.site-menu-ready) .about-page .chrome-nav{font-weight:700}}
@media(max-width:1000px){.about-page .team,.about-page .promise{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.about-page .hero .business-wrap,.about-page .facts{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.about-page .promise{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.about-page .team{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.about-page .h1 em{color:var(--green-headline)}
