.about-hero{margin-bottom:96px;padding-top:192px}@media (min-width:768px){.about-hero{margin-bottom:128px;padding-top:224px}}.about-hero__col{max-width:896px}.about-hero__title{color:var(--color-text-primary-light);font-family:var(--font-primary);font-size:clamp(44px,8vw,110px);font-weight:700;letter-spacing:-.04em;line-height:1.05;margin:0 0 32px}@media (min-width:768px){.about-hero__title{line-height:.95;margin-bottom:40px}}.about-hero__quiet{color:var(--color-text-muted-light)}.about-hero__break-md{display:none}@media (min-width:768px){.about-hero__break-md{display:inline}}.about-hero__sub{color:var(--color-text-muted-light);font-family:var(--font-primary);font-size:clamp(20px,2.5vw,36px);font-weight:500;letter-spacing:-.02em;line-height:1.3;margin:0;max-width:768px}.about-bleed{height:50vh;margin-bottom:96px;overflow:hidden;position:relative;width:100%}@media (min-width:768px){.about-bleed{height:80vh;margin-bottom:160px}}.about-bleed__media{height:100%;inset:0;position:absolute;width:100%}

/* !important on width/height because @hubspot/linked_image emits inline
 * `style="width:Xpx"` on the <img>, which would otherwise pin the image
 * to the widget's editor-set pixel width and break object-cover. The
 * wrapper (.about-bleed__media) defines the bleed geometry; the img
 * just fills it. */.about-bleed__media img{display:block;height:100%!important;object-fit:cover;object-position:center;width:100%!important}.about-bleed__media .hs_cos_wrapper{display:block;height:100%;width:100%}.about-intro{margin-bottom:128px}@media (min-width:768px){.about-intro{margin-bottom:192px}}.about-intro__grid{display:grid;gap:48px;grid-template-columns:1fr}@media (min-width:768px){.about-intro__grid{gap:clamp(40px,5vw,96px);grid-template-columns:5fr 7fr}}.about-intro__heading-col{position:relative}.about-intro__heading{color:var(--color-text-primary-light);font-family:var(--font-primary);font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0}@media (min-width:768px){.about-intro__heading{font-size:48px;position:sticky;top:128px}}.about-intro__body{display:flex;flex-direction:column;gap:40px}.about-intro__paragraph{font-family:var(--font-primary);font-size:20px;line-height:1.6;margin:0}@media (min-width:768px){.about-intro__paragraph{font-size:22px}}.about-intro__paragraph--primary{color:var(--color-text-primary-light);font-weight:500}.about-intro__paragraph--muted{color:var(--color-text-muted-light);font-weight:400}.about-intro__paragraph strong{color:var(--color-text-primary-light);font-weight:700}.about-mission{background:var(--color-surface-light);border-bottom:1px solid var(--color-border-solid);border-top:1px solid var(--color-border-solid);margin-bottom:128px;padding-block:128px}@media (min-width:768px){.about-mission{margin-bottom:192px}}.about-mission__header{margin:0 auto 96px;max-width:768px;text-align:center}.about-mission__heading{margin:0 0 24px}.about-mission__lead{color:var(--color-text-muted-light);font-size:22px;letter-spacing:-.01em;line-height:1.5;margin:0}@media (min-width:768px){.about-mission__lead{font-size:24px}}.about-mission__grid{display:grid;gap:32px;grid-template-columns:1fr}@media (min-width:768px){.about-mission__grid{gap:48px;grid-template-columns:repeat(3,1fr)}}.about-mission__item{display:flex;flex-direction:column}.about-mission__plate{align-items:center;background:var(--color-accent-wash-light);border-radius:var(--radius-card);color:var(--color-accent-light);display:inline-flex;flex-shrink:0;height:64px;justify-content:center;margin-bottom:32px;width:64px}.about-mission__title{color:var(--color-text-primary-light);font-family:var(--font-primary);font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0 0 16px}.about-mission__body{color:var(--color-text-muted-light);font-family:var(--font-primary);font-size:17px;font-weight:400;line-height:1.625;margin:0}.about-callout-section{margin-bottom:128px}@media (min-width:768px){.about-callout-section{margin-bottom:192px}}.about-callout{background:var(--color-bg-dark);border-radius:var(--radius-card);color:var(--color-text-primary-dark);overflow:hidden;padding:32px;position:relative}@media (min-width:640px){.about-callout{padding:48px}}@media (min-width:768px){.about-callout{padding:96px}}.about-callout:before{background:var(--color-accent-wash-dark);border-radius:var(--radius-full);content:"";filter:blur(80px);height:480px;pointer-events:none;position:absolute;right:0;top:0;transform:translate(25%,-25%);width:480px}@media (min-width:640px){.about-callout:before{filter:blur(120px);height:720px;width:720px}}.about-callout__inner{max-width:768px;position:relative;z-index:1}.about-callout__heading{color:var(--color-text-primary-dark);margin:0 0 24px}@media (min-width:768px){.about-callout__heading{margin-bottom:32px}}.about-callout__paragraph{font-family:var(--font-primary);font-size:18px;line-height:1.6;margin:0 0 32px}@media (min-width:640px){.about-callout__paragraph{font-size:20px}}@media (min-width:768px){.about-callout__paragraph{font-size:22px;margin-bottom:48px}}.about-callout__paragraph--secondary{color:var(--color-text-secondary-dark);font-weight:500}.about-callout__paragraph--primary{color:var(--color-text-primary-dark);font-weight:400;margin-bottom:16px}@media (min-width:768px){.about-callout__paragraph--primary{margin-bottom:0}}.about-cta{margin:0 auto 128px;max-width:896px;padding-inline:32px}@media (min-width:1025px){.about-cta{padding-inline:80px}}.about-cta__inner{text-align:center}.about-cta__heading{margin:0 0 24px}.about-cta__body{color:var(--color-text-muted-light);font-size:20px;line-height:1.5;margin:0 auto 40px;max-width:640px}