.about-editorial-page{background:#fbfbf8}
.about-editorial-page .ab-page{padding-top:78px}
.ag-scenes,.ag-hero,.ag-statement{position:relative}
.ag-scenes{--ag-gutter:clamp(24px,6vw,96px);color:#12253b;background:#fbfbf8}
.ag-atmosphere{position:sticky;top:0;height:100svh;margin-bottom:-100svh;pointer-events:none;background:radial-gradient(ellipse 61% 79% at 50% -15%,#9bcdec 32%,#dce6f4 67%,#fbfbf8 100%)}
.ag-atmosphere canvas{display:block;width:100%;height:100%}
.ag-atmosphere canvas:not(.ag-painted){visibility:hidden}
.ag-hero{min-height:clamp(570px,calc(100svh - 78px),850px);padding:clamp(60px,10vh,120px) var(--ag-gutter) clamp(40px,7vh,80px);display:flex;flex-direction:column;justify-content:center}
.ag-hero h1{font-size:min(clamp(52px,9vw,144px),var(--type-title));line-height:.94;letter-spacing:-.075em;font-weight:500;margin:28px 0 clamp(38px,8vh,88px)}
.ag-hero h1 em{font-style:normal;color:#315f8b}
.ag-hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:40px}
.ag-introduction p{font-size:clamp(16px,1.65vw,23px);line-height:1.5;max-width:33ch}
.ag-button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:5px 6px 5px 20px;min-height:52px;border-radius:999px;background:#14283e;color:#fff;text-decoration:none;font-size:14px;font-weight:600}
.ag-button span{display:grid;place-items:center;border-radius:50%;width:40px;height:40px;background:#e1e5ac;color:#14283e;transform:scale(.29);font-size:0;transition:transform .35s cubic-bezier(.22,.7,.2,1),font-size .25s}
.ag-button:hover span,.ag-button:focus-visible span{transform:scale(1);font-size:18px}
.ag-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0;border-top:1px solid #14283e30;border-bottom:1px solid #14283e30}
.ag-pillars li{padding:18px clamp(8px,1.8vw,25px);font-size:clamp(13px,1.45vw,21px);font-weight:500}
.ag-pillars li+li{border-left:1px solid #14283e30}
.ag-pillars span{display:block;font-size:10px;color:#315f78;margin-bottom:14px}
.ag-statement{min-height:155svh}
.ag-pin{min-height:calc(100svh - 78px);position:sticky;top:78px;display:grid;align-content:center;justify-items:center;gap:26px;padding:48px var(--ag-gutter);text-align:center}
.ag-pin p{max-width:30ch;font-size:clamp(26px,4.3vw,64px);letter-spacing:-.048em;line-height:1.18;text-wrap:balance}
.ag-word{display:inline-block;white-space:nowrap}
.ag-letter{color:var(--ag-ink,inherit)}
.ag-story{display:grid;grid-template-columns:58.3% 41.7%;min-height:600px;background:#12243a;color:#fbfbf8;scroll-margin-top:78px}
.ag-story-copy{padding:clamp(45px,7vw,106px) clamp(24px,5vw,80px);background:linear-gradient(90deg,transparent 23px,#ffffff24 24px,transparent 25px)}
.ag-story h2{font-size:min(clamp(32px,4.5vw,68px),var(--type-section));font-weight:500;letter-spacing:-.06em;line-height:1.02;margin:23px 0 30px}
.ag-story-row{display:grid;gap:14px;border-top:1px solid #ffffff36;padding-top:22px;color:#d3dee7;font-size:15px;line-height:1.65;max-width:58ch}
.ag-story .ag-button{background:#fbfbf8;color:#12243a}
.ag-art{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;min-height:320px;background:#6aa6da}
.ag-art-image{position:absolute;inset:0;z-index:-1;background:#6aa6da url('about-connected.svg') center/cover;transform:scale(var(--ag-zoom,1))}
.ag-art-frame{display:grid;justify-items:center;gap:24px;width:80%;padding:44px 22px;border:1px solid #ffffff8f;border-radius:20px;background:#fbfbf850;backdrop-filter:blur(10px);color:#14283e;font-size:9px;letter-spacing:.15em;text-align:center}
.ag-art-logo img{display:block;width:min(220px,42vw);height:auto}
@media(max-width:760px){
  .ag-hero{min-height:calc(100svh - 78px);padding-top:48px;padding-bottom:36px}
  .ag-hero h1{font-size:min(clamp(44px,10vw,74px),var(--type-title));margin-bottom:32px}
  .ag-hero-bottom,.ag-story{grid-template-columns:1fr}
  .ag-hero-bottom{gap:30px}
  .ag-statement{min-height:133svh}
  .ag-pin{gap:18px}
  .ag-pin p{font-size:clamp(25px,7vw,42px)}
  .ag-story-copy{background:none}
}
@media(max-height:540px),(prefers-reduced-motion:reduce){
  .ag-statement{min-height:0}
  .ag-pin{position:relative;top:auto;min-height:0;padding-block:80px;background:#b9dbee}
}
.ag-scenes .sr-only,.ag-story .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

/* Give the longer About copy room while retaining the glow and reveal. */
.ag-hero h1{max-width:17ch;font-size:min(clamp(44px,7vw,108px),var(--type-title));line-height:1.02;margin-bottom:clamp(26px,5vh,52px)}
.ag-introduction p{max-width:59ch;font-size:clamp(16px,1.4vw,20px)}
.ag-pin h2{max-width:25ch;font-size:min(clamp(29px,4.5vw,66px),var(--type-section));font-weight:500;letter-spacing:-.05em;line-height:1.1;text-wrap:balance}
.ag-pin p{max-width:57ch;font-size:clamp(16px,1.55vw,21px);line-height:1.6;letter-spacing:normal}
.ag-story h2{font-size:min(clamp(32px,4.5vw,69px),var(--type-section));text-wrap:balance}
.ag-story .ab-eyebrow{color:#b9dbee;font-weight:700}
.ag-story-row{font-size:clamp(16px,1.4vw,19px);line-height:1.7}
.ag-process{margin-top:32px}
.ag-project-section{margin-top:clamp(38px,5.5vw,78px)}
.ag-projects{grid-template-columns:repeat(2,minmax(0,1fr))}
.ag-projects h3{margin-top:16px}
.ag-projects p,.ab-close p{line-height:1.6}
.ag-projects p{margin-top:8px;color:#43576a}
.ab-close p{max-width:62ch;margin:0 0 20px}
@media(max-width:760px){
  .ag-hero h1{font-size:min(clamp(37px,8.9vw,67px),var(--type-title));max-width:18ch}
  .ag-projects{grid-template-columns:1fr}
}

/* Keep the expanding sticky glow behind the About content. */
.ag-scenes{isolation:isolate;z-index:0}
.ag-atmosphere{z-index:0}
.ag-hero,.ag-statement{z-index:1}
.ag-story{position:relative;z-index:1}
.ag-founder-character{align-content:center;gap:18px;padding:36px 20px;background:#b9dbee}
.ag-founder-character::before{content:"";position:absolute;inset:0;z-index:-1;background:url('about-founder-backdrop.webp') center/cover;transform:scale(var(--ag-zoom,1))}
.ag-founder-character picture{display:block;overflow:hidden;border:1px solid #ffffffb3;border-radius:28px;background:#fff;box-shadow:0 20px 58px #12243a38}
.ag-founder-character img{display:block;width:clamp(170px,21vw,255px);height:auto}
.ag-wave-toggle{border:1px solid #14283e45;border-radius:999px;padding:10px 15px;background:#fbfbf8;color:#14283e;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.ag-wave-toggle:focus-visible{outline:2px solid #14283e;outline-offset:3px}
@media(max-width:760px){
  .ag-story{min-height:0}
  .ag-founder-character{min-height:0;padding-block:36px}
  .ag-founder-character img{width:min(220px,62vw)}
}
@media(prefers-reduced-motion:reduce){.ag-wave-toggle{display:none}}