.about-body{background:#f7f9f1}
.about-page{max-width:1440px;margin:auto;overflow:hidden}
.about-hero{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;margin-bottom:18px}
.about-hero-copy{min-width:0;padding:52px 28px 48px 64px}
.about-eyebrow{margin:0 0 16px;color:var(--purple);font-family:var(--font);font-size:.9375rem;font-weight:700;line-height:1.5;text-transform:uppercase;letter-spacing:.015em}
.about-hero h1{font-size:clamp(2.4rem,4.25vw,3.75rem);line-height:1.08;letter-spacing:-.05em;margin:0 0 24px;max-width:590px}
.about-hero h1>span{display:block}
.about-hero-intro{max-width:470px;margin:0;color:#344372;font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.5;letter-spacing:-.02em}
/* Reveal each illustration from the supplied composition; all page text stays in HTML. */
.about-artwork{position:relative;aspect-ratio:var(--crop-width)/var(--crop-height);min-width:0;margin:0;overflow:hidden;isolation:isolate}
.about-artwork>img{position:absolute;display:block;width:calc(90600% / var(--crop-width));max-width:none;height:auto;left:calc(-100% * var(--crop-x) / var(--crop-width));top:calc(-100% * var(--crop-y) / var(--crop-height));pointer-events:none}
.about-artwork-standalone{aspect-ratio:auto}
.about-artwork-standalone>img{position:static;display:block;width:100%;height:auto;max-width:100%}
.about-artwork-hero{align-self:start}
.about-artwork-origin{--crop-x:495;--crop-y:660;--crop-width:411;--crop-height:300}
.about-artwork-philosophy{--crop-x:510;--crop-y:1263;--crop-width:396;--crop-height:273}
.about-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;column-gap:56px;padding-inline:64px;margin-bottom:24px}
.about-copy{min-width:0}
.about-copy h2{font-size:clamp(1.7rem,2.85vw,2.6rem);line-height:1.16;letter-spacing:-.045em;margin:0 0 18px}
.about-copy h2 span{color:var(--purple)}
.about-copy p:not(.about-eyebrow){color:#344372;font-size:clamp(1rem,1.4vw,1.1875rem);line-height:1.5;letter-spacing:-.015em;margin:0 0 14px}
.about-copy p:last-child{margin-bottom:0}
.about-row-mission .about-copy,.about-row-opportunity .about-copy{grid-column:2;grid-row:1}
.about-row-mission .about-artwork,.about-row-opportunity .about-artwork{grid-column:1;grid-row:1}
.about-row-mission{margin-bottom:8px}
.about-row-mission .about-artwork{width:calc(100% + 48px);margin-left:-48px}
.about-row-origin .about-artwork,.about-row-philosophy .about-artwork{width:calc(100% + 64px)}
.about-row-opportunity .about-artwork{width:calc(100% + 64px);margin-left:-64px}
.about-row-philosophy{margin-bottom:0}
.about-closing{padding:44px 72px 38px;margin:8px 0 26px;text-align:center;border-radius:50% / 24%;background:var(--pale-mint)}
.about-closing h2{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.25;letter-spacing:-.045em;margin-bottom:12px}
.about-closing>p:first-of-type{max-width:1070px;margin:0 auto 12px;color:#344372;font-size:1.0625rem;line-height:1.5}
.about-closing-logo{width:156px;height:auto;margin:0 auto}
.about-closing .about-closing-tagline{font-family:var(--display);font-size:1.375rem;font-weight:700;line-height:1.4;color:var(--purple);margin:2px 0 0}
@media(min-width:1441px){.about-hero-copy{padding-left:80px}.about-row{padding-inline:80px;column-gap:70px}}
@media(max-width:1100px){.about-hero-copy{padding:38px 20px 38px 36px}.about-row{padding-inline:36px;gap:32px;margin-bottom:30px}.about-eyebrow{font-size:.8125rem;margin-bottom:12px}.about-row-mission .about-artwork{width:calc(100% + 24px);margin-left:-24px}.about-row-origin .about-artwork,.about-row-philosophy .about-artwork{width:calc(100% + 36px)}.about-row-opportunity .about-artwork{width:calc(100% + 36px);margin-left:-36px}.about-closing{padding:38px 48px 32px}.about-closing>p:first-of-type{font-size:1rem}}
@media(max-width:760px){.about-hero{grid-template-columns:1fr;margin-bottom:30px}.about-hero-copy{padding:38px 24px 24px}.about-hero h1{font-size:clamp(2.35rem,7vw,3.2rem);max-width:610px;line-height:1.1}.about-hero-intro{font-size:1.0625rem;max-width:560px}.about-artwork-hero{width:100%;max-width:620px;justify-self:center}.about-row{grid-template-columns:1fr;padding-inline:24px;row-gap:24px;margin-bottom:34px}.about-copy h2{font-size:clamp(1.8rem,5.5vw,2.4rem);line-height:1.18;max-width:620px}.about-copy p:not(.about-eyebrow){font-size:1rem;line-height:1.6;max-width:620px}.about-row .about-copy{grid-column:1;grid-row:1}.about-row .about-artwork{grid-column:1;grid-row:2;max-width:640px;width:100%;margin-left:0;justify-self:center}.about-row-mission .about-artwork{width:calc(100% + 24px);max-width:650px}.about-row-origin .about-artwork,.about-row-philosophy .about-artwork{width:calc(100% + 24px);justify-self:start}.about-row-opportunity .about-artwork{width:calc(100% + 48px);margin-left:-24px;max-width:688px;justify-self:start}.about-closing{border-radius:50% / 10%;padding:36px 24px;margin:0 0 22px}.about-closing h2{font-size:1.9rem}.about-closing>p:first-of-type{font-size:.9375rem;line-height:1.6}.about-closing br{display:none}.about-closing-logo{width:140px}.about-closing .about-closing-tagline{font-size:1.125rem}}
@media(max-width:360px){.about-hero-copy{padding-inline:18px}.about-hero h1{font-size:2.2rem}.about-row{padding-inline:18px}.about-row .about-artwork{width:100%;margin-left:0}.about-closing{padding-inline:20px}.about-copy h2{font-size:1.75rem}.about-eyebrow{font-size:.75rem}}