/* About page: editorial systems narrative */
.about-page { background: var(--mist); }
.about-page .site-header { color: #fff; }
.about-page .site-header.scrolled { color: var(--ink); }
.about-page a[aria-current="page"] { text-decoration: underline; text-underline-offset: 6px; }
.about-section { padding: clamp(85px, 10vw, 145px) 0; }.who-we-are { background: #fff; }.who-grid, .challenge-grid, .ecosystem-grid, .collaboration-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(45px, 8vw, 115px); align-items: start; }.about-heading { display: flex; justify-content: space-between; align-items: end; gap: 55px; margin-bottom: 60px; }.about-heading > p { max-width: 430px; margin: 0 0 8px; color: var(--muted); }.about-section h2 { max-width: 680px; }.who-copy { max-width: 700px; }.who-copy p { color: var(--muted); }.who-copy .lead { color: var(--ink); }.who-copy blockquote { margin: 43px 0 0; padding: 28px 0 0 28px; border-left: 2px solid var(--blue-500); color: var(--navy-700); font: 1.45rem/1.45 Georgia, serif; }
.purpose-section { background: var(--mist); }.purpose-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }.purpose-grid article { min-height: 310px; padding: 29px; border: 1px solid var(--line); background: #fff; }.line-icon { display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 36px; border: 1px solid var(--blue-500); border-radius: 50%; color: var(--blue-500); }.purpose-grid small { color: var(--blue-500); font: .62rem Consolas, monospace; letter-spacing: .12em; }.purpose-grid h3 { margin: 18px 0 12px; font-size: 1.45rem; }.purpose-grid p { margin: 0; color: var(--muted); font-size: .9rem; }
.challenge-section { color: #fff; background: var(--navy-950); }.challenge-grid { align-items: center; }.challenge-grid > div:last-child { max-width: 660px; }.challenge-grid p { color: #ffffffa6; }.challenge-grid .question { margin: 34px 0; padding: 20px 0 20px 22px; border-left: 2px solid var(--cyan-400); }.question strong { display: block; margin-top: 10px; color: var(--cyan-200); font: 1.35rem/1.4 Georgia, serif; }.challenge-grid .disclaimer { color: #ffffff70; font-size: .82rem; }.challenge-labels { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 70px; border-top: 1px solid #ffffff24; }.challenge-labels span { padding: 21px 12px 0; border-right: 1px solid #ffffff24; color: var(--cyan-200); font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; }.challenge-labels span:last-child { border: 0; }
.approach-section, .principles-section, .pathway-section { background: #fff; }.stage-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; }.stage-feature { position: relative; padding: 24px; border-top: 2px solid var(--blue-500); background: var(--mist); }.stage-feature.stage-two { margin-top: 90px; border-top-color: var(--gold-400); }.stage-number { position: absolute; top: 18px; right: 21px; color: var(--blue-500); font: 2rem Georgia, serif; }.stage-image { margin: 30px 0 28px; background: var(--navy-900); }.stage-image img { width: 100%; aspect-ratio: 1.25; object-fit: contain; }.stage-kicker { color: var(--blue-500); font: .63rem Consolas, monospace; letter-spacing: .1em; text-transform: uppercase; }.stage-copy h3 { margin: 14px 0; font-size: 1.7rem; }.stage-copy p, .stage-copy li { color: var(--muted); font-size: .9rem; }.stage-copy ul { padding-left: 19px; }
.system-section { color: #fff; background: var(--navy-900); }.system-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 75px; align-items: center; }.system-copy h2 { max-width: 620px; }.system-copy > p:not(.eyebrow) { color: #ffffffa8; }.output-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 25px; margin-top: 34px; border-top: 1px solid #ffffff26; }.output-list span { padding: 14px 0; border-bottom: 1px solid #ffffff26; color: var(--cyan-200); font-size: .78rem; }.system-visual { margin: 0; }.system-visual img { width: 100%; aspect-ratio: 1.15; object-fit: contain; background: #03101b; border: 1px solid #ffffff22; }.system-visual figcaption { margin-top: 12px; color: #ffffff70; font-size: .72rem; }.system-disclaimer { margin-top: 55px; padding-top: 18px; border-top: 1px solid #ffffff26; color: #ffffff80; font-size: .78rem; }
.principles-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 65px; }.principles-list article { display: grid; grid-template-columns: 55px 1fr; gap: 18px; padding: 29px 0; border-top: 1px solid var(--line); }.principles-list article > span { color: var(--blue-500); font: 1rem Consolas, monospace; }.principles-list h3 { margin: 0 0 8px; font-size: 1.2rem; }.principles-list p { margin: 0; color: var(--muted); font-size: .88rem; }
.pathway-section { background: var(--mist); }.pathway { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 18px; }.pathway-line { position: absolute; top: 26px; left: 5%; right: 5%; height: 1px; background: linear-gradient(90deg, var(--blue-500), var(--cyan-400), var(--gold-400)); }.pathway article { position: relative; z-index: 1; }.pathway article > span { display: grid; place-items: center; width: 52px; height: 52px; border: 1px solid var(--blue-500); border-radius: 50%; color: var(--navy-900); background: #fff; font: .75rem Consolas, monospace; }.pathway article:first-of-type > span { background: var(--cyan-400); }.pathway small { display: block; margin-top: 21px; color: var(--blue-500); font: .61rem Consolas, monospace; letter-spacing: .08em; }.pathway p { color: var(--muted); font-size: .82rem; }
.capabilities-section { color: #fff; background: var(--navy-950); }.capability-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: #ffffff25; border: 1px solid #ffffff25; }.capability-grid article { min-height: 215px; padding: 26px; background: var(--navy-950); transition: background .25s ease, transform .25s ease; }.capability-grid article:hover { background: #0b3047; transform: translateY(-3px); }.capability-grid span { color: var(--cyan-400); font: .7rem Consolas, monospace; }.capability-grid h3 { margin: 28px 0 11px; font-size: 1.12rem; }.capability-grid p { margin: 0; color: #ffffff91; font-size: .82rem; }
.ecosystem-section, .collaboration-section { background: #fff; }.ecosystem-grid p, .collaboration-grid p { color: var(--muted); }.confirmed { margin-top: 32px; padding: 19px; border: 1px solid var(--line); border-left: 3px solid var(--blue-500); color: var(--ink) !important; font-weight: 600; }.collaboration-grid ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0 30px; margin: 0; padding: 0; list-style: none; }.collaboration-grid li { padding: 13px 0; border-bottom: 1px solid var(--line); color: var(--navy-700); font-size: .86rem; }.collaboration-grid li::before { content: "↗"; margin-right: 10px; color: var(--blue-500); }
.about-cta { padding: 110px 0; color: #fff; background: radial-gradient(circle at 80% 40%, #0e4666, transparent 38%), var(--navy-900); }.about-cta h2 { max-width: 800px; }.about-cta > .section-shell > p:not(.eyebrow) { max-width: 620px; color: #ffffffa6; }.about-cta .button-ghost { border-color: #ffffff45; }.footer-meta button { padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer; }.footer-meta button:hover { color: var(--cyan-400); }
@media (max-width: 900px) { .about-hero-grid, .who-grid, .challenge-grid, .system-grid, .ecosystem-grid, .collaboration-grid { grid-template-columns: 1fr; gap: 45px; }.about-hero { min-height: auto; }.about-hero-visual { min-height: 430px; }.about-heading { display: block; }.about-heading > p { margin-top: 25px; }.stage-feature.stage-two { margin-top: 0; }.pathway { grid-template-columns: 1fr; gap: 18px; }.pathway-line { top: 26px; bottom: 26px; left: 26px; width: 1px; height: auto; right: auto; background: linear-gradient(var(--blue-500), var(--cyan-400), var(--gold-400)); }.pathway article { display: grid; grid-template-columns: 52px 1fr; gap: 20px; }.pathway article > div { padding-bottom: 18px; }.pathway small { margin-top: 2px; }.purpose-grid, .capability-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .about-hero-grid { padding-top: 115px; padding-bottom: 65px; }.about-hero h1 { font-size: clamp(2.65rem, 12vw, 4rem); }.about-hero-visual { min-height: 340px; }.hero-core { width: 140px; height: 140px; }.hero-chip { font-size: .52rem; }.chip-one { left: 0; }.chip-two { right: 0; }.hero-caption { right: 0; bottom: 0; font-size: .62rem; }.about-section { padding: 75px 0; }.who-copy blockquote { font-size: 1.2rem; }.purpose-grid, .stage-grid, .principles-list, .capability-grid, .collaboration-grid ul { grid-template-columns: 1fr; }.purpose-grid article { min-height: 0; }.stage-feature { padding: 17px; }.challenge-labels { grid-template-columns: 1fr 1fr; margin-top: 48px; }.challenge-labels span { min-height: 68px; padding: 15px 5px 0; }.output-list { grid-template-columns: 1fr; }.system-visual img { aspect-ratio: 1; }.capability-grid article { min-height: 0; }.about-cta { padding: 80px 0; }.about-cta .hero-actions { flex-direction: column; align-items: stretch; } }
@media (prefers-reduced-motion: reduce) { .about-page .hero-orbit { animation: none; } }


/* =========================================================
   ABOUT PAGE REFINEMENTS V10
   ========================================================= */

/* Who we are — simple row-wise structure */
.who-row{display:block}
.who-intro{max-width:930px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.who-intro .eyebrow{margin-bottom:17px}
.who-intro h2{max-width:900px;margin:0}
.who-row .who-copy{max-width:980px;margin-top:34px}
.who-row .who-copy .lead{margin:0 0 24px;color:var(--ink);font-size:1.06rem;line-height:1.8}
.who-row .who-copy>p:not(.lead){margin:0;padding:21px 0;border-top:1px solid var(--line);color:#000;line-height:1.8}
.who-row .who-copy blockquote{max-width:850px;margin:28px 0 0;padding:24px 28px;border:0;border-left:3px solid var(--blue-500);background:var(--mist);color:var(--navy-700);font:1.28rem/1.55 Georgia,serif}

/* Our approach — equal cards */
.approach-intro{max-width:970px;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--line)}
.approach-intro .eyebrow{margin-bottom:17px}
.approach-intro h2{max-width:850px;margin:0}
.approach-intro>p:last-child{max-width:720px;margin:18px 0 0;color:var(--muted);line-height:1.7}
.approach-section .stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.approach-section .stage-feature,
.approach-section .stage-feature.stage-two{display:flex;flex-direction:column;height:100%;margin:0;padding:0;overflow:hidden;border:1px solid var(--line);border-top:3px solid var(--blue-500);border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(7,30,52,.07)}
.approach-section .stage-feature.stage-two{border-top-color:var(--gold-400)}
.stage-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px 0}
.approach-section .stage-number{position:static;display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;color:var(--blue-500);background:var(--mist);font:1rem/1 Georgia,serif}
.approach-section .stage-two .stage-number{color:#96782a}
.approach-section .stage-kicker{margin:0;text-align:right}
.approach-section .stage-image{height:300px;margin:20px 0 0;background:#1e303f}
.approach-section .stage-image img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;background:#1e303f}
.approach-section .stage-copy{display:flex;flex:1;flex-direction:column;padding:28px 26px 30px}
.approach-section .stage-copy h3{margin:0 0 14px;font-size:1.65rem;line-height:1.2}
.approach-section .stage-copy>p{margin:0;color:var(--muted);line-height:1.72}
.approach-section .stage-copy ul{margin:24px 0 0;padding:20px 0 0;list-style:none;border-top:1px solid var(--line)}
.approach-section .stage-copy li{position:relative;margin:0;padding:8px 0 8px 20px;color:var(--muted);line-height:1.55}
.approach-section .stage-copy li:before{content:"";position:absolute;left:0;top:15px;width:6px;height:6px;border-radius:50%;background:var(--blue-500)}

/* Collaboration ecosystem — clear relationship cards */
.ecosystem-section{background:#fff}
.ecosystem-heading{max-width:930px;margin-bottom:42px}
.ecosystem-heading .eyebrow{margin-bottom:17px}
.ecosystem-heading h2{max-width:800px;margin:0}
.ecosystem-heading>p:last-child{max-width:780px;margin:18px 0 0;color:var(--muted);line-height:1.75}
.ecosystem-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ecosystem-card{min-height:260px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--mist)}
.ecosystem-card-main{background:linear-gradient(145deg,#f4fbff,#edf7fb)}
.ecosystem-card>span{color:var(--blue-500);font:.62rem Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.ecosystem-card h3{margin:38px 0 12px;font-size:1.35rem;line-height:1.25}
.ecosystem-card p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.7}
.ecosystem-support{margin-top:18px;padding:25px 28px;border:1px solid var(--line);border-radius:18px;background:#fff}
.ecosystem-support-label{margin:0 0 15px;color:var(--ink);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ecosystem-tags{display:flex;flex-wrap:wrap;gap:10px}
.ecosystem-tags span{padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:var(--mist);color:var(--navy-700);font-size:.75rem}
.ecosystem-section .confirmed{margin-top:18px;padding:18px 20px;border:0;border-left:3px solid var(--blue-500);background:#f7fafc;font-size:.84rem;line-height:1.65}

/* About CTA — balanced left/right content */
.about-cta{position:relative;overflow:hidden;padding:clamp(88px,9vw,125px) 0;background:linear-gradient(135deg,var(--navy-950),#0c344c);color:#fff}
.about-cta:after{content:"";position:absolute;width:520px;height:520px;right:-170px;top:50%;transform:translateY(-50%);border:1px solid rgba(73,199,235,.12);border-radius:50%;box-shadow:0 0 0 75px rgba(73,199,235,.025),0 0 0 150px rgba(73,199,235,.018);pointer-events:none}
.about-cta-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:clamp(55px,8vw,105px);align-items:center}
.about-cta-copy h2{max-width:760px;margin:0}
.about-cta-copy>p:not(.eyebrow){max-width:650px;margin:22px 0 0;color:#ffffffa6;line-height:1.75}
.about-cta-copy .hero-actions{margin-top:30px}
.about-cta .button-ghost{border-color:#ffffff45}
.about-cta-panel{padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:rgba(255,255,255,.05);backdrop-filter:blur(8px)}
.about-cta-panel-label{display:block;margin-bottom:8px;color:var(--cyan-200);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.about-cta-panel ul{margin:0;padding:0;list-style:none}
.about-cta-panel li{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.about-cta-panel li:last-child{border-bottom:0;padding-bottom:0}
.about-cta-panel li>span{color:var(--cyan-400);font:.7rem Consolas,monospace}
.about-cta-panel strong{display:block;margin-bottom:5px;color:#fff;font-size:.94rem}
.about-cta-panel small{display:block;color:rgba(255,255,255,.56);font-size:.76rem;line-height:1.55}

@media (max-width:900px){
  .approach-section .stage-grid{grid-template-columns:1fr}
  .approach-section .stage-image{height:340px}
  .ecosystem-cards{grid-template-columns:1fr 1fr}
  .ecosystem-card-main{grid-column:1/-1;min-height:220px}
  .about-cta-grid{grid-template-columns:1fr;gap:38px}
  .about-cta-panel{max-width:720px}
}
@media (max-width:640px){
  .who-intro{padding-bottom:26px}
  .who-row .who-copy{margin-top:26px}
  .who-row .who-copy blockquote{padding:20px;font-size:1.08rem}
  .approach-intro{margin-bottom:30px;padding-bottom:25px}
  .approach-section .stage-grid{gap:18px}
  .stage-topline{padding:19px 19px 0}
  .approach-section .stage-image{height:230px;margin-top:17px}
  .approach-section .stage-copy{padding:23px 20px 25px}
  .approach-section .stage-copy h3{font-size:1.4rem}
  .ecosystem-cards{grid-template-columns:1fr}
  .ecosystem-card-main{grid-column:auto}
  .ecosystem-card{min-height:0;padding:23px}
  .ecosystem-card h3{margin-top:28px}
  .ecosystem-support{padding:21px}
  .about-cta{padding:78px 0}
  .about-cta:after{width:340px;height:340px;right:-220px}
  .about-cta-panel{padding:22px}
  .about-cta-copy .hero-actions{flex-direction:column;align-items:stretch}
}