@charset "UTF-8";

.about-page{background:var(--paper)}
.about-page .about-header{position:sticky}
.about-page .about-header-inner{gap:24px}
.about-page .about-nav{display:flex;align-items:center;gap:25px}
.about-page .about-nav>a:not(.button){font-size:13px;font-weight:650;line-height:1.5;color:var(--muted)}
.about-page .about-nav>a:not(.button):hover,.about-page .about-nav>a[aria-current="page"]{color:var(--blue)}
.about-page .about-nav .button{gap:16px;white-space:nowrap}
.about-page .about-hero{padding:clamp(74px,10vw,142px) 0 clamp(84px,11vw,150px);border-bottom:1px solid var(--line)}
.about-page .about-hero-inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);gap:clamp(45px,9vw,140px);align-items:end}
.about-page .about-mark{font-size:18px;line-height:1;color:var(--blue)}
.about-page .about-hero h1{max-width:810px;font-size:clamp(54px,7.1vw,96px);line-height:1.01;letter-spacing:-.075em;font-weight:800}
.about-page h1 span,.about-page h2 span{color:var(--blue)}
.about-page .about-lead{max-width:570px;margin-top:31px;font-size:17px;line-height:1.9;color:var(--muted)}
.about-page .about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:35px}
.about-page .about-actions .button{gap:18px}
.about-page .mission-note{position:relative;max-width:290px;padding:24px 0 3px;border-top:2px solid var(--blue)}
.about-page .mission-note:before{content:"“";position:absolute;right:0;top:12px;color:#dce5ff;font-family:Georgia,serif;font-size:79px;line-height:1}
.about-page .mission-note-label,.about-page .audience-label{margin-bottom:13px;font-size:10px;letter-spacing:1.4px;font-weight:700;color:var(--blue)}
.about-page .mission-note p:last-child{position:relative;font-family:var(--font-heading);font-size:15px;line-height:1.75;color:var(--ink);letter-spacing:-.25px}
.about-page .about-section{padding-block:clamp(75px,10vw,132px)}
.about-page .split-section{display:grid;grid-template-columns:minmax(240px,.77fr) minmax(0,1fr);gap:clamp(50px,11vw,155px)}
.about-page .section-kicker .eyebrow{margin-bottom:0}
.about-page .section-copy h2,.about-page .identity-layout h2,.about-page .audience-layout h2,.about-page .cta-layout h2{font-size:clamp(39px,4.5vw,62px);line-height:1.09;letter-spacing:-.058em}
.about-page .section-copy p{max-width:640px;margin-top:25px;font-size:16px;line-height:1.9}
.about-page .section-copy .ai-context{padding:18px 0 0 20px;border-left:2px solid #cbd7fb;font-size:14px;line-height:1.85;color:#58667e}
.about-page .about-nps{background:#172e61;color:#fff}
.about-page .about-nps .light{color:#adc5ff}
.about-page .nps-intro{display:block}
.about-page .nps-intro h2{max-width:615px;font-size:clamp(39px,4.5vw,61px);line-height:1.09;letter-spacing:-.058em}
.about-page .nps-intro h2 span{color:var(--yellow)}
.about-page .nps-intro>div:last-child{padding-bottom:4px}
.about-page .nps-intro>div:last-child p{font-size:14px;line-height:1.9;color:#c9d3e9}
.about-page .nps-intro>div:last-child p+p{margin-top:15px;font-size:12px;color:#aebbd7}
.about-page .nps-intro a{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#8ea8e8}
.about-page .nps-intro a:hover{color:var(--yellow)}
.about-page .nps-question{display:flex;align-items:center;gap:29px;max-width:800px;margin:60px 0 32px;padding:21px 25px;border-top:1px solid #7484a827;border-bottom:1px solid #7484a827}
.about-page .nps-question-number{display:inline-grid;place-items:center;flex:0 0 68px;height:40px;border-radius:999px;background:var(--yellow);color:var(--ink);font-size:12px;font-weight:750;letter-spacing:.4px}
.about-page .nps-question p{font-family:var(--font-heading);font-size:18px;font-weight:600;line-height:1.55;letter-spacing:-.45px;color:#fff}
.about-page .nps-tiles{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff2e;border-radius:15px;overflow:hidden}
.about-page .nps-tile{min-height:214px;padding:30px;position:relative;background:#ffffff08}
.about-page .nps-tile+.nps-tile{border-left:1px solid #ffffff2e}
.about-page .nps-tile>span{display:inline-block;margin-bottom:28px;font-size:11px;font-weight:700;letter-spacing:1.2px;color:var(--yellow)}
.about-page .nps-tile h3{font-size:25px;line-height:1.25;letter-spacing:-.8px;color:#fff}
.about-page .nps-tile p{max-width:255px;margin-top:10px;font-size:12px;line-height:1.8;color:#c6d0e5}
.about-page .nps-tile.passive>span{color:#b4caff}
.about-page .nps-tile.detractor>span{color:#e7b4ad}
.about-page .nps-footnote{display:flex;align-items:flex-start;gap:37px;max-width:900px;margin-top:25px}
.about-page .nps-footnote p{font-size:11px;line-height:1.8;color:#b9c5dd}
.about-page .nps-footnote strong{color:#fff;font-weight:650}
.about-page .about-principles{border-bottom:1px solid var(--line)}
.about-page .section-kicker h2{margin-top:22px;font-size:clamp(39px,4vw,55px);line-height:1.12;letter-spacing:-.055em}
.about-page .principle-stack{border-top:1px solid var(--line)}
.about-page .principle-stack article{display:grid;grid-template-columns:53px 1fr;gap:20px;padding:25px 0 29px;border-bottom:1px solid var(--line)}
.about-page .principle-index{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--pale);font-size:10px;font-weight:750;color:var(--blue)}
.about-page .principle-stack h3{font-size:19px;line-height:1.45;letter-spacing:-.55px}
.about-page .principle-stack p{max-width:515px;margin-top:7px;font-size:13px;line-height:1.85}
.about-page .about-identity{background:#f0f1eb}
.about-page .identity-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(280px,.88fr);gap:clamp(50px,10vw,145px);align-items:start}
.about-page .identity-copy{border-left:2px solid #cad6f7;padding-left:28px}
.about-page .identity-copy p{font-size:15px;line-height:1.9}
.about-page .identity-copy p+p{margin-top:20px;font-size:14px}
.about-page .audience-side .about-nps-note{margin-top:17px;font-size:12px;line-height:1.85;color:#d5e0ff}
.about-page .about-audience{background:var(--blue);color:#fff}
.about-page .audience-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.57fr);gap:clamp(55px,13vw,180px);align-items:end}
.about-page .audience-layout .light{color:#b8ccff}
.about-page .audience-layout h2 span{color:var(--yellow)}
.about-page .audience-layout>div:first-child>p:last-child{max-width:600px;margin-top:24px;font-size:15px;line-height:1.9;color:#d5e0ff}
.about-page .audience-side{padding:28px 0 3px;border-top:1px solid #ffffff5e}
.about-page .audience-side .audience-label{color:var(--yellow)}
.about-page .audience-side>p:nth-child(2){font-size:14px;line-height:1.9;color:#d5e0ff}
.about-page .light-link{margin-top:25px;color:#fff}
.about-page .light-link:hover{color:var(--yellow)}
.about-page .about-cta{padding-block:clamp(80px,11vw,150px)}
.about-page .cta-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(265px,.6fr);gap:clamp(50px,10vw,145px);align-items:end}
.about-page .cta-layout h2{max-width:740px}
.about-page .cta-copy p{margin-bottom:27px;font-size:15px;line-height:1.9}
.about-page .cta-copy .button{gap:18px}
.about-page .about-footer-top{padding-bottom:33px}
.about-page .about-footer-bottom{gap:17px 26px}
.about-page .footer-page-links{display:flex;align-items:center;gap:12px}
.about-page .footer-page-links a{font-size:10px;color:var(--blue);white-space:nowrap}
.about-page .footer-page-links a:hover{color:var(--ink)}
.about-page a:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:4px}
.about-page .about-nps a:focus-visible,.about-page .about-audience a:focus-visible{outline-color:var(--yellow)}

@media(max-width:900px){
  .about-page .about-hero-inner,.about-page .split-section,.about-page .identity-layout,.about-page .audience-layout,.about-page .cta-layout{gap:52px}
  .about-page .nps-intro{gap:55px}
  .about-page .nps-tile{padding:25px}
}

@media(max-width:720px){
  .about-page .about-header-inner{min-height:74px;flex-wrap:wrap;padding-block:12px;gap:10px 18px}
  .about-page .about-nav{display:flex;position:static;flex:1;justify-content:flex-end;gap:14px;padding:0;border:0;box-shadow:none;background:transparent}
  .about-page .about-nav>a:not(.button){font-size:12px;padding:0}
  .about-page .about-nav .button{min-height:39px;padding:8px 12px;font-size:11px;gap:9px}
  .about-page .about-nav .button span{font-size:16px}
  .about-page .about-hero{padding-block:69px 82px}
  .about-page .about-hero-inner,.about-page .split-section,.about-page .identity-layout,.about-page .audience-layout,.about-page .cta-layout,.about-page .nps-intro{grid-template-columns:1fr;gap:35px}
  .about-page .about-hero h1{font-size:clamp(52px,13vw,75px);letter-spacing:-.07em}
  .about-page .about-lead{margin-top:24px;font-size:15px;line-height:1.85}
  .about-page .mission-note{max-width:450px}
  .about-page .about-section{padding-block:72px}
  .about-page .section-kicker h2{margin-top:17px}
  .about-page .section-copy p{margin-top:19px;font-size:14px}
  .about-page .section-copy .ai-context{font-size:13px}
  .about-page .nps-intro>div:last-child{padding:0}
  .about-page .nps-intro>div:last-child p{font-size:13px}
  .about-page .nps-question{margin-top:38px;gap:17px;padding:17px 0}
  .about-page .nps-question p{font-size:15px}
  .about-page .nps-tiles{grid-template-columns:1fr;border-radius:12px}
  .about-page .nps-tile{min-height:0;padding:23px 25px}
  .about-page .nps-tile+.nps-tile{border-left:0;border-top:1px solid #ffffff2e}
  .about-page .nps-tile>span{margin-bottom:12px}
  .about-page .nps-footnote{flex-direction:column;gap:7px;margin-top:21px}
  .about-page .principle-stack article{grid-template-columns:46px 1fr;gap:14px}
  .about-page .identity-copy{padding-left:20px}
  .about-page .identity-copy p{font-size:14px}
  .about-page .audience-layout>div:first-child>p:last-child,.about-page .audience-side>p:nth-child(2),.about-page .cta-copy p{font-size:14px}
  .about-page .about-footer-bottom{justify-content:flex-start}
}

@media(max-width:490px){
  .about-page .about-header-inner{align-items:center}
  .about-page .wordmark{font-size:24px}
  .about-page .brand-mark{width:29px;height:29px}
  .about-page .about-nav{gap:11px}
  .about-page .about-nav>a:not(.button){font-size:11px}
  .about-page .about-nav .button{padding-inline:10px;font-size:10px}
  .about-page .about-hero{padding-block:58px 67px}
  .about-page .about-hero h1{font-size:clamp(48px,14vw,61px)}
  .about-page .about-actions{align-items:flex-start;flex-direction:column;gap:20px}
  .about-page .nps-question{align-items:flex-start;flex-direction:column;gap:11px}
  .about-page .nps-question-number{height:34px;flex-basis:34px}
  .about-page .nps-tile h3{font-size:22px}
  .about-page .about-section{padding-block:61px}
  .about-page .about-footer-top{gap:20px}
  .about-page .about-footer-bottom{gap:10px 18px}
}

@media(max-width:390px){
  .about-page .container{width:calc(100% - 32px)}
  .about-page .about-header-inner{gap:9px 12px}
  .about-page .about-nav{gap:9px}
  .about-page .about-nav .button{padding-inline:8px}
  .about-page .mission-note{padding-top:20px}
  .about-page .nps-tile{padding-inline:20px}
  .about-page .principle-stack article{grid-template-columns:39px 1fr;gap:10px}
  .about-page .identity-copy{padding-left:16px}
}

@media(prefers-reduced-motion:reduce){
  .about-page *,.about-page *:before,.about-page *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}