/* About's editorial layout. Shared navigation, footer and button roles live in marketing.css. */
.story{--story-bg:#FAF7F1;--story-ink:#0B5D4E;--story-text:#36564e;--story-line:#ccd7ce;--story-surface:#edf0e8;--story-paper:#fffdf8;--story-accent:#0B5D4E;background:var(--story-bg);color:var(--story-ink);font-family:Inter,sans-serif}
:root[data-theme=dark] .story{--story-bg:#101c19;--story-ink:#e9eee5;--story-text:#b4c7bd;--story-line:#3b5148;--story-surface:#182922;--story-paper:#20352c;--story-accent:#76dac9}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .story{--story-bg:#101c19;--story-ink:#e9eee5;--story-text:#b4c7bd;--story-line:#3b5148;--story-surface:#182922;--story-paper:#20352c;--story-accent:#76dac9}}
.story-wrap{width:min(1240px,100%);padding-inline:48px;margin-inline:auto}
.story h1,.story h2,.story h3{font-family:Poppins,sans-serif;font-weight:500;line-height:1.17;letter-spacing:-.045em;color:inherit}
.story h2{font-size:clamp(30px,3.2vw,44px)}
.story h3{font-size:21px;letter-spacing:-.025em}
.story p{color:var(--story-text);font-size:16px;line-height:1.75;margin:0}
.story .story-kicker{font:500 11px/1.6 'IBM Plex Mono',monospace;letter-spacing:.11em;color:var(--story-accent)}
.story-opening{padding-top:45px;padding-bottom:64px}
.story-overline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--story-line);padding-bottom:20px;margin-bottom:44px}
.story-overline>span{font-size:12px;color:var(--story-text)}
.story-title-grid{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:65px;align-items:end}
.story h1{font-size:clamp(42px,5.05vw,73px);max-width:890px;line-height:1.15;letter-spacing:-.055em}
.story-margin{border-top:3px solid #F5B52E;padding-top:18px;margin-bottom:8px}
.story-margin .story-mark{font-size:42px;line-height:1;color:var(--story-accent);display:block;margin-bottom:20px}
.story-margin p{font-size:15px;line-height:1.65;margin-bottom:22px}
.story-intro{display:grid;grid-template-columns:220px minmax(0,650px);gap:20px;margin-top:56px;padding-top:25px;border-top:1px solid var(--story-line)}
.story-intro p{font-size:18px;line-height:1.75}
.story-section{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;padding-top:64px;padding-bottom:64px;border-top:1px solid var(--story-line)}
.story-section-label{padding-top:7px}
.story-section-body{min-width:0}
.story-prose-pair{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:30px}
.story .story-pull{font-family:Poppins,sans-serif;font-size:28px;letter-spacing:-.035em;color:var(--story-accent);border-left:3px solid #F5B52E;padding-left:22px;margin-top:38px}
.story-connection{background:var(--story-surface);padding-block:64px}
.story-connection>.story-wrap{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}
.story-lead{max-width:680px;margin-top:24px!important}
.story-diagram{grid-column:1/-1;margin:32px 0 0}
.story-sequence{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:40px;align-items:center}
.story-sequence li{position:relative;min-width:0}
.story-endpoint{padding:26px 14px}
.story-endpoint svg{display:block;width:48px;height:48px;margin:25px 0 20px;color:var(--story-accent)}
.story-endpoint p{margin-top:14px;font-size:14px;max-width:250px}
.story-passport{background:var(--story-paper);border:1px solid var(--story-line);border-top:4px solid #F5B52E;padding:30px}
.story-passport h3{font-size:29px;margin-top:26px}
.story-passport p{font-size:14px;margin-top:20px}
.story-passport-rule{border-top:1px solid var(--story-line);padding-top:20px;margin-top:26px;font-size:13px;font-weight:600;color:var(--story-accent)}
.story-passport-rule>span{margin-right:9px}
.story-connector{position:absolute;right:-31px;top:50%;font-size:27px;color:var(--story-accent)}
.story-diagram figcaption{font:11px/1.6 'IBM Plex Mono',monospace;color:var(--story-text);text-align:center;margin-top:22px}
.story-detail-grid{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:28px;padding-top:32px;border-top:1px solid var(--story-line)}
.story-detail-grid h3{font-size:20px}
.story-status{margin:22px 0 0}
.story-status>div{margin-top:20px}
.story-status dt{font-weight:600;font-size:13px;display:flex;gap:9px;align-items:center}
.story-status dd{margin:7px 0 0 18px;font-size:13px;line-height:1.65;color:var(--story-text)}
.story-status-dot{height:8px;width:8px;flex-shrink:0;border-radius:50%;border:1px solid currentColor}.story-status-dot.verified{background:#1FA89A;border-color:#1FA89A}.story-status-dot.requested{background:#F5B52E;border-color:#F5B52E}
.story-privacy>p{font-size:14px;margin-top:20px}
.story-privacy ul{list-style:none;padding:0;margin:16px 0}
.story-privacy li{border-bottom:1px solid var(--story-line);padding:13px 0;font-size:13px}
.story-privacy li strong,.story-privacy li span{display:block}
.story-privacy li span{margin-top:4px;color:var(--story-text);line-height:1.6}
.story .story-small{font-size:12px;line-height:1.7;color:var(--story-text)}
.story-principles{list-style:none;counter-reset:principle;padding:0;margin:32px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 38px}
.story-principles li{counter-increment:principle;border-top:1px solid var(--story-line);padding:24px 0;position:relative;padding-left:32px}
.story-principles li:before{content:'0' counter(principle);position:absolute;left:0;top:27px;font:11px 'IBM Plex Mono',monospace;color:var(--story-accent)}
.story-principles h3{font-size:18px;line-height:1.45;letter-spacing:-.02em}
.story-principles p{font-size:14px;margin-top:9px;line-height:1.7}
.story-now-next{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:34px}
.story-now-next article{border-top:3px solid var(--story-line);padding-top:22px}
.story-now-next article:first-child{border-top-color:#F5B52E}
.story-now-next h3{margin:22px 0 18px;font-size:22px}
.story-now-next .story-small{display:block;margin-top:22px}
.story-audiences{margin-top:32px}
.story-audiences a{display:flex;justify-content:space-between;align-items:center;gap:24px;text-decoration:none;color:inherit;padding:25px 0;border-top:1px solid var(--story-line);min-height:44px}
.story-audiences strong{font-family:Poppins,sans-serif;font-size:20px;font-weight:500;display:block;margin-bottom:6px}
.story-audiences a>span>span{font-size:14px;color:var(--story-text);line-height:1.65;display:block}
.story-audiences a>span:last-child{font-size:24px;color:var(--story-accent)}
.story-audiences a:hover strong{text-decoration:underline;text-underline-offset:5px}
.story :is(a,button):focus-visible{outline:3px solid #1FA89A;outline-offset:5px}
.story-closing{display:flex;justify-content:space-between;gap:40px;align-items:center;padding-block:54px 64px;border-top:1px solid var(--story-line)}
.story-closing h2{margin:18px 0;font-size:38px}
.story-closing p:not(.story-kicker){font-size:14px;max-width:460px}
.story-actions{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:1000px){.story-title-grid{grid-template-columns:minmax(0,1fr) 150px;gap:35px}.story h1{font-size:58px}.story-intro,.story-section,.story-connection>.story-wrap{grid-template-columns:150px minmax(0,1fr)}.story-sequence{gap:28px}.story-connector{right:-25px}.story-detail-grid{grid-column:1/-1}.story-closing{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.story-wrap{padding-inline:24px}.story-opening{padding-top:30px;padding-bottom:40px}.story-overline{margin-bottom:30px;padding-bottom:15px}.story-overline>span{font-size:10px}.story-title-grid{display:block}.story h1{font-size:41px;line-height:1.18}.story-margin{margin:30px 0 0;padding-top:14px;display:grid;grid-template-columns:32px 1fr;gap:12px;border-top-width:2px}.story-margin .story-mark{font-size:29px;margin:0}.story-margin p{font-size:14px;margin:0}.story-margin .story-kicker{grid-column:2;font-size:10px}.story-intro{grid-template-columns:1fr;gap:13px;margin-top:32px;padding-top:22px}.story-intro p{font-size:16px}.story-section{grid-template-columns:1fr;gap:22px;padding-block:40px}.story-prose-pair{grid-template-columns:1fr;gap:18px;margin-top:22px}.story .story-pull{font-size:23px;margin-top:26px}.story-connection{padding-block:40px}.story-connection>.story-wrap{grid-template-columns:1fr;gap:22px}.story-lead{margin-top:18px!important}.story-diagram{grid-column:1;margin:4px 0 0}.story-sequence{grid-template-columns:1fr;gap:28px}.story-endpoint{padding:20px}.story-endpoint svg{margin:18px 0}.story-endpoint p{max-width:none}.story-passport{padding:24px}.story-connector{right:50%;top:auto;bottom:-28px;transform:rotate(90deg);line-height:1}.story-diagram figcaption{font-size:10px;max-width:290px;margin:22px auto 0}.story-detail-grid{grid-column:1;grid-template-columns:1fr;gap:32px;margin-top:0;padding-top:26px}.story-principles{grid-template-columns:1fr;margin-top:26px}.story-now-next{grid-template-columns:1fr;gap:28px;margin-top:26px}.story-closing{padding-block:38px 44px;gap:28px}.story-closing h2{font-size:32px}.story-actions{width:100%;flex-direction:column}.story-actions a{width:100%}.story-audiences a{padding-block:22px}.story-audiences strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story *{animation:none!important;transition:none!important}}
/* Illustrative photography stays in the editorial grid, without layered hero cards. */
.story img{display:block;max-width:100%;object-fit:cover;background:var(--story-surface)}
.story-hero-photo{margin:38px 0 0}
.story-hero-photo img{width:100%;height:auto;aspect-ratio:24/13}
.story-hero-photo figcaption{font:10px/1.6 'IBM Plex Mono',monospace;letter-spacing:.06em;color:var(--story-text);margin-top:12px;text-align:right}
.story-intro{margin-top:34px}
.story .story-node-photo{width:96px;height:96px;margin:22px 0;border-radius:50%;aspect-ratio:1}
.story-passport h3{margin-top:20px}
.story-ramp-photo{margin:32px 0 0}
.story-ramp-photo img{width:100%;height:auto;aspect-ratio:2}
.story-audiences a{display:grid;grid-template-columns:184px minmax(0,1fr) 24px;gap:28px}
.story .story-audience-photo{width:184px;height:122px;aspect-ratio:3/2}
.story-audience-copy{min-width:0}
@media(max-width:700px){
.story-hero-photo{margin-top:28px}
.story-hero-photo img{aspect-ratio:6/5;height:auto;object-position:center}
.story-hero-photo figcaption{font-size:9px;margin-top:9px}
.story-intro{margin-top:26px}
.story .story-node-photo{width:80px;height:80px;margin-block:18px}
.story-ramp-photo{margin-top:24px}
.story-ramp-photo img{aspect-ratio:3/2;height:auto}
.story-audiences a{grid-template-columns:104px minmax(0,1fr) 16px;gap:14px}
.story .story-audience-photo{width:104px;height:88px;aspect-ratio:13/11}
.story-audiences strong{font-size:16px;line-height:1.35}
.story-audiences a>span>span{font-size:12px;line-height:1.6}
.story-audiences a>span:last-child{font-size:20px}
}
/* R2: reserve the six-line mobile title while the heading font loads. */
@media(max-width:400px) {
 .story-title-grid h1 { min-height:7.08em; }
}
/* CLS: reserve the headline's final line count at tablet widths while Poppins loads (fallback wraps to fewer lines). */
@media (min-width:701px) and (max-width:760px){.story h1{min-height:6.9em}}
@media (min-width:761px) and (max-width:819px){.story h1{min-height:5.75em}}
@media (min-width:820px) and (max-width:1000px){.story h1{min-height:4.6em}}