.about-page .nav nav{flex-wrap:wrap;justify-content:flex-end;row-gap:12px}
.about-page a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
.about-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;padding:48px 44px 56px;border-bottom:1px solid var(--line)}
.about-portrait{min-width:0}
.about-portrait img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.about-portrait figcaption{font-size:13px;line-height:1.6;margin-top:14px;color:var(--muted)}
.about-intro{max-width:550px;min-width:0}
.about-kicker{font:13px/1.5 'IBM Plex Mono',monospace;margin-bottom:24px}
.about-intro h1{font-size:clamp(56px,6.6vw,102px);letter-spacing:-.06em;margin-bottom:27px}
.about-intro .about-lead{font-size:clamp(22px,2.1vw,31px);line-height:1.4;letter-spacing:-.025em;margin-bottom:25px;max-width:440px}
.about-intro>p:not(.about-kicker):not(.about-lead){font-size:17px;line-height:1.8;margin-top:18px}
.about-page main p a:not(.about-cta),.about-form-fallback a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.about-page main p a:hover{color:#505a31}
.about-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;margin-top:30px;padding:15px 20px;border:1px solid var(--ink);font-size:16px;background:var(--acid)}
.about-cta:hover{background:var(--ink);color:var(--paper)}
.about-story,.about-approach,.about-reach{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px;padding:64px 44px;border-bottom:1px solid var(--line)}
.about-section-title{font-size:clamp(30px,3.1vw,46px);line-height:1.16;max-width:400px;font-weight:500;letter-spacing:-.04em}
.about-prose{max-width:650px;font-size:18px;line-height:1.8;min-width:0}
.about-prose p+p{margin-top:22px}
.about-approach{padding-top:56px;padding-bottom:56px}
.about-principles{list-style:none;margin:0;padding:0;max-width:650px;counter-reset:principle}
.about-principles li{padding:24px 0 24px 48px;position:relative;counter-increment:principle;border-top:1px solid var(--line)}
.about-principles li:first-child{padding-top:0;border-top:0}
.about-principles li:before{content:'0' counter(principle);position:absolute;left:0;top:29px;font:12px/1.5 'IBM Plex Mono',monospace}
.about-principles li:first-child:before{top:5px}
.about-principles li:last-child{padding-bottom:0}
.about-principles h3{font-size:21px;font-weight:500;line-height:1.4;letter-spacing:-.025em;margin-bottom:12px}
.about-principles p{font-size:17px;line-height:1.8}
.about-reach{background:#f2f0e7;align-items:start;gap:56px;scroll-margin-top:20px}
.about-reach-copy>p{font-size:17px;line-height:1.8;margin-top:24px;max-width:370px}
.about-reach-copy .about-signoff{font-size:23px;margin-top:26px;letter-spacing:-.03em}
.about-form{min-width:0;max-width:680px}
.about-form iframe{width:100%;display:block;border:0}
.about-form-fallback{font-size:13px;line-height:1.7;margin-top:12px;color:var(--muted)}
@media(min-width:901px) and (max-width:1200px){.about-page .nav{gap:24px}.about-page .nav nav{gap:16px}.about-hero{gap:36px}.about-story,.about-approach{gap:48px}.about-intro>p:not(.about-kicker):not(.about-lead){font-size:16px}}
@media(max-width:900px){.about-page .nav nav{justify-content:space-between;font-size:12px}.about-page .nav button{font-size:12px}.about-hero{grid-template-columns:1fr;gap:34px;padding:32px 22px 42px}.about-intro{max-width:650px}.about-intro h1{font-size:clamp(56px,12vw,84px);margin-bottom:20px}.about-kicker{margin-bottom:18px}.about-intro .about-lead{font-size:26px;max-width:520px}.about-intro>p:not(.about-kicker):not(.about-lead){font-size:17px}.about-portrait{max-width:650px}.about-story,.about-approach,.about-reach{grid-template-columns:1fr;gap:30px;padding:42px 22px}.about-section-title{font-size:34px;max-width:500px}.about-prose{font-size:17px}.about-reach-copy>p{max-width:600px}.about-cta{margin-top:24px}.about-principles{max-width:650px}}
@media(max-width:420px){.about-page .nav nav{gap:13px;justify-content:flex-start}.about-page .nav button{margin-left:auto}.about-hero,.about-story,.about-approach,.about-reach{padding-left:18px;padding-right:18px}.about-intro h1{font-size:54px}.about-intro .about-lead{font-size:24px}.about-section-title{font-size:30px}.about-principles li{padding-left:36px}.about-principles h3{font-size:20px}}
