.about-page{--about-dark:#031820;--about-mid:#07314a;--about-ink:#071c33;--about-cyan:#18cbd9;--about-paper:#fbfaf6;background:var(--about-paper);color:var(--about-ink)}
.about-page .site-header{background:#fbfaf7}
.about-page .about-main{overflow:hidden}
.about-skip-link{position:absolute;z-index:400;top:-120px;left:16px;padding:12px 18px;background:#fff;color:#032d37}
.about-skip-link:focus{top:12px}
.about-kicker{display:flex;align-items:center;gap:14px;color:var(--cyan-deep);font-family:var(--sans);font-size:18px;font-weight:800;line-height:1.3;letter-spacing:.16em;text-transform:uppercase}
.about-kicker:after{content:"";display:block;width:82px;height:2px;background:currentColor;flex:none}
.about-kicker-cyan{color:var(--cyan)}
.about-hero .about-kicker{font-size:11px;letter-spacing:.17em;gap:12px}.about-hero .about-kicker:after{width:26px;height:1px}
.about-content{padding-top:30px;padding-bottom:25px}
.about-rationale{display:grid;grid-template-columns:1fr 1fr;gap:44px;min-height:295px}
.about-rationale-item{min-width:0}
.about-rationale-item+.about-rationale-item{border-left:2px solid #6a90a6;padding-left:44px}
.about-rationale-item .about-kicker{margin-bottom:17px}
.about-rationale-item h2,.about-bottom-content h2{font-family:var(--serif);font-size:clamp(32px,3.1vw,48px);line-height:1.03;letter-spacing:-.03em;font-weight:400;color:#071930;margin:0}
.about-rationale-copy{font-family:var(--sans);font-size:16px;line-height:1.5;color:#071a29;margin-top:16px}
.about-rationale-copy p{margin:0 0 11px}
.about-challenge{display:block}
.about-challenge .about-rationale-copy{border-left:0;padding-left:0}
.about-why h2{margin-bottom:0}
.about-framework{width:min(1460px,calc(100% - 64px));margin:0 auto 0;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 65% 0%,rgba(13,99,129,.45),transparent 48%),linear-gradient(115deg,#031824,#003449 62%,#01202e);color:#fff;border-radius:12px;padding:38px 38px 30px;box-shadow:0 4px 17px rgba(0,28,40,.08)}
.about-framework-accent{position:absolute;right:0;top:26px;width:33%;height:155px;opacity:.36;pointer-events:none;z-index:-1;background:repeating-radial-gradient(ellipse at 125% 126%,transparent 0 17px,rgba(33,191,226,.22) 18px 19px,transparent 20px 27px);transform:rotate(-14deg)}
.about-framework-intro{position:relative;z-index:1}
.about-framework-intro .about-kicker{color:var(--cyan)}
.about-framework-intro h2{font-family:var(--serif);font-size:clamp(38px,4.5vw,66px);font-weight:400;line-height:1.04;letter-spacing:-.018em;margin:11px 0 5px}
.about-framework-intro p{max-width:1050px;font-size:clamp(15px,1.12vw,18px);line-height:1.5;margin:0 0 22px;color:#f1f8fb}
.about-framework-stages{position:relative;display:grid;gap:15px}
.about-framework-row{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.about-framework-row:not(:last-child):after{content:"";position:absolute;right:-18px;top:50%;width:18px;height:calc(50% + 16px);border:2px solid #45dce9;border-left:0;border-bottom:0;border-radius:0 20px 0 0;filter:drop-shadow(0 0 5px rgba(28,233,242,.5));pointer-events:none}
.about-framework-row:nth-child(2):before{content:"";position:absolute;left:-18px;top:-24px;width:18px;height:calc(50% + 24px);border:2px solid #45dce9;border-right:0;border-top:0;border-radius:0 0 0 20px;filter:drop-shadow(0 0 5px rgba(28,233,242,.5));pointer-events:none}
.about-framework-row:nth-child(3):before{content:"";position:absolute;left:-18px;top:-24px;width:18px;height:calc(50% + 24px);border:2px solid #45dce9;border-right:0;border-top:0;border-radius:0 0 0 20px;filter:drop-shadow(0 0 5px rgba(28,233,242,.5));pointer-events:none}
.about-framework-row:nth-child(2):after{right:-18px}
.about-framework-stage{min-width:0;min-height:102px;position:relative;display:grid;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:14px;padding:9px 13px;background:linear-gradient(100deg,rgba(5,44,58,.7),rgba(0,36,54,.26));border:1px solid #57dcea;border-radius:14px}
.about-framework-stage:not(:last-child):after{content:"";position:absolute;left:100%;top:50%;width:20px;height:2px;background:#43dbe8;box-shadow:0 0 7px 2px rgba(17,203,219,.6);pointer-events:none}
.about-framework-stage:not(:last-child):before{content:"";position:absolute;left:calc(100% + 14px);top:calc(50% - 3px);width:7px;height:7px;border-radius:50%;background:#befbff;box-shadow:0 0 8px 2px #39e6f1;z-index:2;pointer-events:none}
.about-framework-letter{display:flex;justify-content:center;align-items:center;width:61px;height:67px;border-radius:9px;background:linear-gradient(150deg,#5aebf3,#10bdd2);color:#00182d;font-family:var(--serif);font-size:clamp(40px,3.5vw,57px);line-height:1;box-shadow:0 0 20px rgba(44,218,228,.12)}
.about-framework-description{border-left:1px solid rgba(213,245,246,.7);padding-left:14px;min-width:0}
.about-framework-description h3{font-family:var(--serif);font-size:clamp(15px,1.34vw,22px);line-height:1.08;font-weight:400;margin:0 0 5px}
.about-framework-description p{font-size:clamp(11px,.92vw,14px);line-height:1.27;margin:0;color:#f1f9fb}
.about-framework-groups{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:38px;margin:27px 25px 14px}
.about-framework-group{position:relative;border:1.5px solid #48dce7;border-radius:16px;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;background:linear-gradient(160deg,rgba(9,58,75,.72),rgba(1,29,45,.75))}
.about-framework-group strong{font-size:clamp(12px,1.08vw,16px);line-height:1.1;font-weight:700}
.about-framework-group span{font-family:var(--serif);font-size:clamp(19px,1.85vw,27px);line-height:1.1;color:#58eff5}
.about-framework-group:not(:last-child):after{content:"→";position:absolute;right:-30px;top:50%;transform:translateY(-53%);color:#42ebf1;font:700 30px/1 var(--sans)}
.about-framework-signoff{display:flex;align-items:center;justify-content:center;gap:36px;margin:20px 0 0;text-align:center;font-family:var(--serif);font-style:italic;color:#5ceaf2;font-size:clamp(21px,2.2vw,33px);line-height:1.25}
.about-framework-signoff:before,.about-framework-signoff:after{content:"";width:110px;height:1px;background:#4bdde8}
.about-bottom-content{padding-top:0;padding-bottom:30px}
.about-horizontal-section{padding:26px 0;border-bottom:1px solid #d2dfe2}
.about-horizontal-section:last-child{border-bottom:0}
.about-methodology{display:grid;grid-template-columns:36% minmax(0,1fr);gap:24px;align-items:center}
.about-methodology-intro{padding-right:24px;border-right:1px solid #819eb5}
.about-methodology-intro h2{margin:11px 0 11px}
.about-methodology-intro p{font-family:var(--sans);font-size:clamp(14px,1.1vw,16px);line-height:1.5;margin:0 0 10px;color:#071d2b}
.about-pathway{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0;counter-reset:path}
.about-pathway li{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:150px;padding:17px 4px;background:linear-gradient(140deg,#edf8fb,#e0f1f7);border-radius:13px;color:#063858}
.about-pathway li:not(:last-child):after{content:"→";position:absolute;left:calc(100% + 3px);top:50%;transform:translateY(-50%);font-size:25px;color:#003653}
.about-pathway-icon{width:62px;height:62px;display:flex;justify-content:center;align-items:center;color:#09658a}
.about-pathway-icon svg{width:52px;height:52px}
.about-pathway strong{font-family:var(--serif);font-weight:400;font-size:clamp(17px,1.45vw,24px);color:#071b35;margin-top:7px}
.about-ecosystem{display:grid;grid-template-columns:29% minmax(0,1fr);gap:24px;align-items:center}
.about-ecosystem-intro h2{margin:11px 0 0;font-size:clamp(26px,2.7vw,42px);max-width:480px}
.about-explorer-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.about-explorer{position:relative;min-height:230px;overflow:hidden;background:linear-gradient(112deg,#032840,#074466 70%,#093d5b);border-radius:12px;color:#fff;padding:28px 22px 23px;isolation:isolate;transition:box-shadow .2s ease,transform .2s ease}
.about-explorer:focus-visible{outline:3px solid var(--about-cyan);outline-offset:4px}
.about-explorer:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(3,32,54,.17)}
.about-explorer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,32,50,.12),transparent 70%);z-index:-1}
.about-explorer-icon{position:absolute;width:clamp(132px,11.5vw,172px);height:clamp(132px,11.5vw,172px);right:10px;top:50%;transform:translateY(-50%);display:block;object-fit:contain;filter:brightness(1.35) saturate(1.2) drop-shadow(0 0 12px rgba(42,204,224,.16));z-index:0;pointer-events:none}
.about-explorer h3{position:relative;z-index:1;margin:0 0 10px;max-width:calc(100% - 172px);font-family:var(--serif);font-size:clamp(21px,1.7vw,28px);line-height:1.05;font-weight:400}
.about-explorer p{position:relative;z-index:1;max-width:calc(100% - 172px);font-family:var(--sans);font-size:clamp(13px,.98vw,15px);line-height:1.45;margin:0;color:#f4fbff}
.about-explorer-arrow{position:absolute;z-index:2;right:16px;bottom:15px;font-size:30px;font-weight:400;line-height:1;color:#fff}
.about-looking-ahead{display:grid;grid-template-columns:43% 1fr;gap:32px;align-items:center;padding-bottom:12px}
.about-looking-ahead h2{margin-top:10px}
.about-looking-ahead-copy{border-left:1px solid #85a1b4;padding:3px 0 3px 32px}
.about-looking-ahead-copy p{font-size:clamp(13px,1.03vw,17px);line-height:1.46;margin:0;max-width:750px}
@media(max-width:1220px){
  .about-rationale{grid-template-columns:1fr 1fr;gap:28px}
  .about-rationale-item+.about-rationale-item{padding-left:28px}
  .about-framework{padding:28px 30px 23px}
  .about-framework-stage{grid-template-columns:56px 1fr;gap:8px;padding:8px}
  .about-framework-letter{width:50px;height:60px}
  .about-framework-description{padding-left:10px}
  .about-framework-groups{gap:30px;margin-left:8px;margin-right:8px}
  .about-framework-group:not(:last-child):after{right:-24px}
  .about-methodology{grid-template-columns:34% 1fr}
  .about-pathway{gap:18px}
  .about-pathway li{min-height:128px}
  .about-ecosystem{grid-template-columns:27% 1fr}
  .about-explorer{min-height:235px}
}
@media(max-width:900px){
  .about-hero{min-height:320px}
  .about-hero-layout{grid-template-columns:minmax(0,70%) minmax(0,30%)}
  .about-hero-media img{width:100%;max-height:315px}
  .about-hero-content{padding-top:42px;padding-bottom:42px}
  .about-hero h1{max-width:545px}
  .about-hero p{max-width:520px}
  .about-rationale{grid-template-columns:1fr;min-height:0;gap:22px}
  .about-rationale-item+.about-rationale-item{border-left:0;border-top:2px solid #7d9fb0;padding:28px 0 0}
  .about-framework-row{gap:12px}
  .about-framework-stage{grid-template-columns:1fr;gap:9px;align-items:start;min-height:165px;padding:12px}
  .about-framework-description{border-left:0;border-top:1px solid rgba(213,245,246,.7);padding:9px 0 0}
  .about-framework-stage:not(:last-child):after{width:10px}
  .about-framework-stage:not(:last-child):before{display:none}
  .about-framework-row:not(:last-child):after,.about-framework-row:nth-child(2):before,.about-framework-row:nth-child(3):before{display:none}
  .about-framework-groups{gap:14px;margin:24px 0 0}
  .about-framework-group{min-height:65px}
  .about-framework-group:not(:last-child):after{right:-13px;font-size:20px}
  .about-methodology,.about-ecosystem{grid-template-columns:1fr;gap:18px}
  .about-methodology-intro{border-right:0;padding-right:0}
  .about-pathway{gap:14px}
  .about-pathway li:not(:last-child):after{left:calc(100% - 2px)}
  .about-ecosystem-intro h2{max-width:640px}
  .about-looking-ahead{grid-template-columns:1fr;gap:15px}
  .about-looking-ahead-copy{padding-left:18px}
}
@media(max-width:720px){
  .about-hero{min-height:490px;align-items:stretch}
  .about-hero-layout{grid-template-columns:minmax(0,60%) minmax(0,40%);min-height:490px}
  .about-hero-media{align-items:flex-start;padding-top:32px}
  .about-hero-media img{width:100%;max-height:245px;height:auto;object-fit:contain}
  .about-hero-content{padding-top:160px;padding-bottom:39px;grid-column:1 / -1;grid-row:1;align-self:end;padding-right:0}
  .about-hero-media{grid-column:2;grid-row:1;align-self:start;height:260px;z-index:0}
  .about-hero h1{font-size:clamp(37px,9vw,56px);margin-top:15px;line-height:1.06}
  .about-hero p{font-size:15px;line-height:1.45}
  .about-content{padding-top:24px;padding-bottom:20px}
  .about-challenge .about-rationale-copy,.about-why .about-rationale-copy{margin-top:14px;border-left:0;padding-left:0}
  .about-why h2{margin-bottom:0}
  .about-rationale-item h2,.about-bottom-content h2{font-size:clamp(28px,7.2vw,39px)}
  .about-rationale-copy{font-size:14px;line-height:1.5}
  .about-rationale-item+.about-rationale-item{padding-top:20px}
  .about-framework{width:calc(100% - 32px);padding:30px 17px 27px;border-radius:10px}
  .about-framework-intro h2{font-size:clamp(35px,9vw,50px)}
  .about-framework-intro p{font-size:14px;line-height:1.5;margin-bottom:24px}
  .about-framework-stages{gap:12px}
  .about-framework-row{grid-template-columns:1fr;gap:12px}
  .about-framework-stage{grid-template-columns:63px 1fr;align-items:center;min-height:93px;gap:10px;padding:11px}
  .about-framework-letter{width:55px;height:63px;font-size:45px}
  .about-framework-description{border-top:0;border-left:1px solid rgba(213,245,246,.7);padding:0 0 0 12px}
  .about-framework-description h3{font-size:20px;margin-bottom:3px}
  .about-framework-description p{font-size:13px;line-height:1.32}
  .about-framework-stage:not(:last-child):after{left:29px;top:100%;width:2px;height:9px}
  .about-framework-groups{grid-template-columns:1fr;gap:11px;margin:25px 10px 0}
  .about-framework-group{min-height:54px;flex-direction:row;gap:10px}
  .about-framework-group strong{font-size:14px}
  .about-framework-group span{font-size:22px}
  .about-framework-group:not(:last-child):after{content:"↓";top:calc(100% + 1px);left:50%;right:auto;transform:translateX(-50%);z-index:2;font-size:18px;line-height:12px}
  .about-framework-signoff{gap:9px;font-size:clamp(19px,5.8vw,25px);margin-top:26px}
  .about-framework-signoff:before,.about-framework-signoff:after{width:22px;flex:none}
  .about-horizontal-section{padding:24px 0}
  .about-methodology-intro p{font-size:14px}
  .about-pathway{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .about-pathway li{min-height:93px;padding:10px 1px;border-radius:8px}
  .about-pathway-icon{width:36px;height:42px}
  .about-pathway-icon svg{width:34px;height:34px}
  .about-pathway strong{font-size:clamp(11px,2.7vw,16px);margin-top:5px}
  .about-pathway li:not(:last-child):after{font-size:16px;left:calc(100% - 1px);z-index:1}
  .about-explorer-grid{grid-template-columns:1fr;gap:12px}
  .about-explorer{min-height:215px}
  .about-looking-ahead-copy{padding-left:15px}
  .about-looking-ahead-copy p{font-size:14px}
}
@media(max-width:390px){
  .about-framework-description h3{font-size:18px}
  .about-framework-stage{grid-template-columns:56px 1fr;padding:8px}
  .about-framework-letter{width:50px;height:59px}
  .about-pathway{gap:5px}
  .about-pathway li:not(:last-child):after{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.about-explorer{transition:none}}

@media (min-width:721px) and (max-width:900px){.about-framework{width:calc(100% - 48px)}}

@media(max-width:720px){.about-kicker{font-size:14px;gap:10px;letter-spacing:.16em}.about-kicker:after{width:42px}.about-rationale-item .about-kicker{margin-bottom:13px}.about-framework-intro .about-kicker{font-size:14px}.about-explorer-icon{width:clamp(130px,35vw,174px);height:clamp(130px,35vw,174px);right:13px}.about-explorer h3,.about-explorer p{max-width:calc(100% - 170px)}.about-explorer p{font-size:14px}}
@media(min-width:721px) and (max-width:1099px){.about-kicker{font-size:14px;gap:10px}.about-kicker:after{width:42px}.about-explorer-icon{width:140px;height:140px;right:8px}.about-explorer h3,.about-explorer p{max-width:calc(100% - 140px)}.about-explorer h3{font-size:21px}.about-explorer p{font-size:13px}.about-explorer{padding:23px 16px;min-height:245px}}
@media(max-width:440px){.about-kicker{font-size:11px}.about-kicker:after{width:28px}.about-explorer{min-height:230px;padding:22px 15px}.about-explorer-icon{width:120px;height:120px;right:7px}.about-explorer h3,.about-explorer p{max-width:calc(100% - 115px)}.about-explorer h3{font-size:21px}.about-explorer p{font-size:13px;line-height:1.4}}


.about-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:510px;max-height:530px;background:#000e1c;color:#fff}
.about-hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,55%) minmax(0,45%);align-items:center;column-gap:0;width:100%;min-height:510px}
.about-hero-content{grid-column:1;grid-row:1;min-width:0;position:relative;z-index:2;padding-top:48px;padding-bottom:45px}
.about-hero .about-kicker{font-size:11px;letter-spacing:.17em;gap:12px}
.about-hero .about-kicker:after{width:26px;height:1px}
.about-hero h1{font-family:var(--serif);font-weight:400;letter-spacing:-.023em;font-size:clamp(42px,4.6vw,74px);line-height:1.05;margin:21px 0 15px;max-width:625px}
.about-hero p{font-size:clamp(15px,1.25vw,20px);font-weight:400;line-height:1.48;margin:0;max-width:465px;color:#f5fbff}
.about-hero-media{grid-column:2;grid-row:1;position:relative;z-index:1;align-self:stretch;display:flex;align-items:center;justify-content:flex-end;min-width:0;pointer-events:none;overflow:visible}
.about-hero-media img{display:block;position:relative;width:clamp(470px,60vw,900px);max-width:none;height:auto;max-height:495px;object-fit:contain;transform:translateX(12%);opacity:.83;filter:none;flex:none}
@media(max-width:900px) and (min-width:721px){
  .about-hero,.about-hero-layout{min-height:480px}
  .about-hero{max-height:530px}
  .about-hero-layout{grid-template-columns:minmax(0,58%) minmax(0,42%)}
  .about-hero-media img{width:clamp(430px,67vw,690px);transform:translateX(18%);opacity:.73}
}
@media(max-width:720px){
  .about-hero{min-height:0;max-height:none;overflow:hidden}
  .about-hero-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto}
  .about-hero-content{grid-column:1;grid-row:1;padding-top:38px;padding-bottom:10px}
  .about-hero-media{position:relative;grid-column:1;grid-row:2;min-height:0;max-height:205px;justify-content:center;overflow:hidden;align-self:auto}
  .about-hero-media img{width:min(120vw,600px);max-height:235px;transform:translateX(10%);opacity:.73}
  .about-hero p{max-width:465px}
}


@media (min-width: 901px) {
  .about-hero { min-height: 510px; height: 510px; max-height: 520px; background: #00111f; }
  .about-hero-layout { position: relative; min-height: 510px; height: 510px; grid-template-columns: minmax(0, 55%) minmax(0, 45%); }
  .about-hero-content { position: relative; z-index: 3; }
  .about-hero-media { position: absolute; z-index: 1; right: -2.5vw; top: 0; bottom: 0; width: min(66vw, 1100px); height: 100%; display: flex; align-items: center; justify-content: flex-end; overflow: visible; }
  .about-hero-media img { position: relative; display: block; width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; object-position: right center; opacity: 1; filter: none; transform: scale(1.06); transform-origin: right center; }
}
@media (min-width: 721px) and (max-width: 900px) {
  .about-hero { min-height: 500px; max-height: 520px; background: #00111f; }
  .about-hero-layout { position: relative; min-height: 500px; grid-template-columns: minmax(0, 56%) minmax(0, 44%); }
  .about-hero-content { position: relative; z-index: 3; }
  .about-hero-media { position: absolute; right: -4vw; top: 0; bottom: 0; height: 100%; width: 64vw; display: flex; align-items: center; justify-content: flex-end; overflow: visible; z-index: 1; }
  .about-hero-media img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; object-position: right center; transform: none; opacity: 1; filter: none; }
}
@media (max-width: 720px) {
  .about-hero { background: #00111f; }
  .about-hero-layout { grid-template-rows: auto auto; }
  .about-hero-content { position: relative; z-index: 2; }
  .about-hero-media { grid-column: 1; grid-row: 2; position: relative; z-index: 1; display: flex; width: calc(100% + 40px); height: 210px; max-height: 210px; margin: 0 -20px; justify-content: flex-end; align-items: center; overflow: hidden; }
  .about-hero-media img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; object-position: 62% center; transform: none; opacity: 1; filter: none; }
}