:root {
--about-dark: var(--green-900);
--about-dark-alt: var(--green-800);
--about-dark-panel: rgba(244, 241, 230, .06);
--about-dark-line: rgba(244, 241, 230, .18);
--about-dark-line-strong: rgba(244, 241, 230, .42);
--about-on-dark: var(--on-dark);
--about-on-dark-2: var(--on-dark-2);
--about-accent-on-dark: #8FD18C;
--about-human: #F2C14E;
--about-human-ink: var(--green-900);
--about-art-line: #BFD3B9;
--about-art-stroke: var(--green-600);
--about-art-soft: #DCE8D5;
--about-art-fill: var(--paper);
--about-mint: var(--mint);
}
.nav-list a[aria-current="page"] { color: var(--green-800); font-weight: 650; }
.nav-list a[aria-current="page"]::after { transform: scaleX(1); }
@media (max-width: 1099px) {
.nav-list a[aria-current="page"] { padding-left: 14px; box-shadow: inset 3px 0 0 var(--green-500); }
}
.about-lead { font-size: clamp(18px, .6vw + 14px, 22px); line-height: 1.5; color: var(--ink); font-weight: 500; letter-spacing: -.005em; }
.about-body { font-size: clamp(16px, .3vw + 14.5px, 18px); line-height: 1.65; color: var(--ink-2); }
.about-body strong { font-weight: 650; color: var(--green-800); }
.about-kicker { font: 500 13px/1.3 var(--mono); letter-spacing: .2em; text-transform: uppercase; color: var(--about-accent-on-dark); }
.about-hero { background-color: var(--cream); padding: clamp(44px, 5vw, 96px) 0 clamp(40px, 4.4vw, 84px); }
.about-hero-inner { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 4vw, 80px); align-items: center; }
.about-h1 { font-size: clamp(40px, 3.3vw + 12px, 76px); line-height: .98; letter-spacing: -.03em; max-width: 12ch; }
.about-hero-copy .about-lead { margin-top: clamp(20px, 2vw, 30px); max-width: 620px; }
.about-hero-copy .about-body { margin-top: 18px; max-width: 620px; }
.about-hero-art { justify-self: end; width: 100%; max-width: 620px; }
.about-art { display: block; width: 100%; height: auto; overflow: visible; }
.gf-contours path { fill: none; stroke: var(--about-art-stroke); stroke-width: 1.1; opacity: .16; }
.gf-plot { fill: var(--about-art-fill); stroke: var(--about-art-line); stroke-width: 1.5; }
.gf-rows path { fill: none; stroke: var(--about-art-soft); stroke-width: 5; stroke-linecap: round; }
.gf-trace { fill: none; stroke: var(--about-art-stroke); stroke-width: 2; stroke-linejoin: round; stroke-dasharray: 1 7; stroke-linecap: round; }
.gf-dot { fill: var(--about-art-fill); stroke: var(--about-art-stroke); stroke-width: 2.5; }
.gf-end { fill: none; stroke: var(--about-art-stroke); stroke-width: 2; }
.about-dark { background: var(--about-dark); color: var(--about-on-dark); }
.about-dark-alt { background: var(--about-dark-alt); }
.about-dark :focus-visible { outline-color: var(--focus-dark); box-shadow: none; }
.about-dark ::selection { background: #F2C14E; color: var(--green-900); }
.about-dark-h2 { color: #fff; }
.about-principle { padding: clamp(56px, 6vw, 120px) 0; }
.about-principle-inner { position: relative; }
.principle-statement { margin-top: 22px; max-width: 22ch; font: 600 clamp(34px, 3.6vw + 12px, 80px)/1.04 var(--serif); letter-spacing: -.028em; color: #fff; padding-left: clamp(20px, 2.4vw, 44px); border-left: 4px solid var(--about-human); }
.principle-a, .principle-b { display: block; }
.principle-b { margin-top: .22em; color: var(--about-human); }
.about-chain { padding: clamp(52px, 5vw, 100px) 0; border-top: 1px solid var(--about-dark-line); }
.chain-lead { margin-top: 18px; max-width: 760px; font: 600 clamp(22px, 1.1vw + 15px, 32px)/1.28 var(--serif); letter-spacing: -.012em; color: #fff; }
.chain { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); margin-top: clamp(36px, 3.4vw, 60px); }
.chain-step { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 6px; }
.chain-mark { position: relative; z-index: 1; display: grid; place-items: center; width: 64px; height: 64px; flex: none; }
.chain-node { display: block; width: 64px; height: 64px; }
.cn-ring { fill: var(--about-dark-alt); stroke: var(--about-accent-on-dark); stroke-width: 2.5; }
.cn-core { fill: var(--about-accent-on-dark); }
.cn-human { fill: var(--about-human); stroke: var(--about-human); stroke-width: 2; }
.cn-glyph { fill: none; stroke: var(--about-human-ink); stroke-width: 3; stroke-linecap: round; }
.chain-link { position: absolute; z-index: 0; top: 31px; left: calc(50% + 26px); width: calc(100% - 52px); height: 2px; overflow: visible; }
.chain-link line { stroke: var(--about-dark-line-strong); stroke-width: 2; }
.chain-link .cl-v { display: none; }
.chain-label { margin-top: 16px; font: 600 17px/1.3 var(--sans); color: var(--about-on-dark); }
.chain-tag { display: block; margin-top: 6px; font-weight: 500; font-size: 16px; color: var(--about-human); }
.chain-step-human .chain-label { color: #fff; }
.chain-caption { display: flex; gap: 12px; align-items: center; margin-top: clamp(32px, 3vw, 52px); padding-top: 20px; border-top: 1px solid var(--about-dark-line); max-width: 760px; font-size: 16px; line-height: 1.5; color: var(--about-on-dark-2); }
.chain-caption .ico { width: 22px; height: 22px; color: var(--about-human); }
@media (max-width: 1023px) {
.chain { grid-template-columns: minmax(0, 1fr); max-width: 560px; }
.chain-step { flex-direction: row; align-items: flex-start; text-align: left; gap: 18px; padding: 0 0 22px; }
.chain-step:last-child { padding-bottom: 0; }
.chain-mark, .chain-node { width: 52px; height: 52px; }
.chain-link { top: 46px; left: 25px; width: 2px; height: calc(100% - 40px); }
.chain-link .cl-h { display: none; }
.chain-link .cl-v { display: inline; }
.chain-label { margin-top: 14px; }
.chain-tag { display: inline; margin: 0 0 0 10px; padding-left: 10px; border-left: 1px solid var(--about-dark-line-strong); }
}
.about-contrast { padding: clamp(52px, 5vw, 100px) 0; border-top: 1px solid var(--about-dark-line); }
.contrast-grid { display: grid; grid-template-columns: minmax(0, .82fr) auto minmax(0, 1.18fr); gap: clamp(16px, 2vw, 32px); align-items: start; margin-top: clamp(28px, 3vw, 52px); }
.contrast-col { border-radius: 16px; padding: clamp(24px, 2.4vw, 40px); }
.contrast-ai { border: 1.5px dashed var(--about-dark-line-strong); }
.contrast-agv { background: var(--about-dark-panel); border: 1.5px solid var(--about-accent-on-dark); }
.contrast-title { display: flex; align-items: center; gap: 14px; font: 600 clamp(22px, .8vw + 16px, 28px)/1.2 var(--serif); color: #fff; }
.contrast-icon { display: grid; place-items: center; width: 46px; height: 46px; flex: none; border-radius: 50%; border: 1.5px solid var(--about-dark-line-strong); color: var(--about-on-dark); }
.contrast-agv .contrast-icon { border-radius: 12px; border-color: var(--about-accent-on-dark); color: var(--about-accent-on-dark); }
.contrast-intro { margin-top: 18px; font-size: 16px; line-height: 1.55; color: var(--about-on-dark-2); }
.contrast-question { margin-top: 14px; font: 600 clamp(24px, 1.2vw + 16px, 34px)/1.2 var(--serif); letter-spacing: -.012em; color: #fff; }
.contrast-bridge { align-self: center; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: var(--about-dark-alt); border: 1px solid var(--about-dark-line); color: var(--about-accent-on-dark); }
.contrast-list { margin-top: 16px; display: grid; gap: 0; counter-reset: q; }
.contrast-list li { position: relative; counter-increment: q; padding: 12px 0 12px 46px; border-top: 1px solid var(--about-dark-line); font-size: clamp(16px, .25vw + 15px, 18px); line-height: 1.45; color: var(--about-on-dark); }
.contrast-list li:first-child { border-top: 0; }
.contrast-list li::before { content: counter(q, decimal-leading-zero); position: absolute; left: 0; top: 14px; font: 500 14px/1.2 var(--mono); letter-spacing: .08em; color: var(--about-accent-on-dark); }
@media (max-width: 1023px) {
.contrast-grid { grid-template-columns: minmax(0, 1fr); }
.contrast-bridge { justify-self: start; margin-left: clamp(24px, 2.4vw, 40px); transform: rotate(90deg); }
}
.about-section { padding: clamp(52px, 5vw, 100px) 0; border-top: 1px solid var(--line); }
.about-foundation { background: var(--paper); }
.about-goal { background-color: var(--cream); }
.about-split { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(28px, 4vw, 80px); align-items: center; }
.about-split-rev .about-split-art { order: -1; }
.about-split-copy { max-width: 720px; }
.about-split-copy .about-body, .about-split-copy .about-lead { margin-top: 20px; }
.about-split-art { width: 100%; max-width: 560px; justify-self: center; }
.gl-grid path { fill: none; stroke: var(--line); stroke-width: 1; stroke-dasharray: 2 6; }
.gl-link { fill: none; stroke: var(--about-art-line); stroke-width: 2; }
.gl-spine { stroke: var(--about-art-stroke); }
.gl-src { fill: var(--about-mint); stroke: var(--about-art-stroke); stroke-width: 2; }
.gl-node { fill: var(--about-art-fill); stroke: var(--about-art-stroke); stroke-width: 2.5; }
.gl-core { fill: var(--about-art-stroke); }
.ga-orbit { fill: none; stroke: var(--about-art-line); stroke-width: 1.5; stroke-dasharray: 3 7; }
.ga-link { fill: none; stroke: var(--about-art-line); stroke-width: 2; stroke-dasharray: 6 6; stroke-linecap: round; }
.ga-act { fill: none; stroke: var(--about-art-stroke); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.ga-sys { fill: var(--about-art-fill); stroke: var(--about-art-stroke); stroke-width: 2; }
.ga-core { fill: var(--about-art-stroke); }
.ga-human { fill: var(--about-human); stroke: var(--green-900); stroke-width: 2.5; }
.ga-glyph { fill: none; stroke: var(--about-human-ink); stroke-width: 3.5; stroke-linecap: round; }
.ga-end { fill: none; stroke: var(--about-art-stroke); stroke-width: 2.5; }
.about-close { background: var(--about-mint); text-align: center; }
.about-close-inner { display: flex; flex-direction: column; align-items: center; }
.about-motif-mini { width: 220px; height: auto; margin-bottom: 26px; }
.mm-link { fill: none; stroke: var(--about-art-line); stroke-width: 2.5; }
.mm-node { fill: var(--paper); stroke: var(--about-art-stroke); stroke-width: 2.5; }
.mm-human { fill: var(--about-human); stroke: var(--green-900); stroke-width: 2.5; }
.about-close-title { font-size: clamp(34px, 2.8vw + 14px, 60px); }
.about-close-text { margin-top: 18px; max-width: 640px; font-size: clamp(17px, .5vw + 14px, 21px); line-height: 1.55; color: var(--ink-2); }
@media (max-width: 1099px) {
.about-hero-inner, .about-split { grid-template-columns: minmax(0, 1fr); }
.about-hero-art { justify-self: start; max-width: 520px; }
.about-split-rev .about-split-art { order: 0; }
.about-split-art { justify-self: start; max-width: 480px; }
}
@media (max-width: 767px) {
.principle-statement { border-left-width: 3px; }
.about-hero-art { max-width: 420px; }
}
@keyframes about-rise { from { opacity: 0; } to { opacity: 1; } }
.gf-obs .gf-dot, .gf-trace, .gf-end { animation: about-rise .7s var(--ease) both; }
.gf-trace { animation-delay: .5s; }
.gf-obs .gf-dot:nth-child(1) { animation-delay: .1s; }
.gf-obs .gf-dot:nth-child(2) { animation-delay: .22s; }
.gf-obs .gf-dot:nth-child(3) { animation-delay: .34s; }
.gf-obs .gf-dot:nth-child(4) { animation-delay: .46s; }
.gf-end { animation-delay: .75s; }
@media (prefers-reduced-motion: reduce) {
.gf-obs .gf-dot, .gf-trace, .gf-end { animation: none; }
}
@media (forced-colors: active) {
.contrast-col, .contrast-bridge, .contrast-icon { border: 1px solid CanvasText; }
.principle-statement { border-left-color: CanvasText; }
}
.about-fabric { background: var(--paper); }
.about-fabric-inner { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 4vw, 80px); align-items: center; }
.about-fabric .about-body { margin-top: 20px; }
.about-fabric-link { margin-top: 22px; }
.about-fabric-link a { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--green-700); text-underline-offset: 3px; }
.about-fabric-link .ico { width: 18px; height: 18px; }
.tfm { display: grid; gap: 0; border: 1px solid var(--line); border-radius: 14px; background: var(--cream); overflow: hidden; }
.tfm-item { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 14px 18px; border-top: 1px solid var(--line); }
.tfm-item:first-child { border-top: 0; }
.tfm-num { font: 500 12.5px/1 var(--mono); letter-spacing: .14em; color: var(--muted); }
.tfm-name { font: 600 17px/1.3 var(--serif); color: var(--ink); }
.tfm-item .status { margin-left: 0; }
.tfm-tag { display: inline-block; margin-left: 6px; font: 500 13px/1.2 var(--sans); color: #5A3E00; }
.tfm-human { background: #FFF4D6; box-shadow: inset 4px 0 0 var(--about-human); }
@media (max-width: 1023px) { .about-fabric-inner { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 440px) { .tfm-item { grid-template-columns: 32px minmax(0, 1fr); } .tfm-item .status { grid-column: 2; justify-self: start; } }
:root {
--about-card: var(--paper);
--about-card-line: var(--line);
--about-human-soft: #FFF4D6;
--about-human-text: #5A3E00;
}
.page-about .status { display: inline-flex; align-items: center; gap: 7px; line-height: 1; }
.page-about .status::before { content: ""; flex: none; width: 8px; height: 8px; box-sizing: border-box; }
.page-about .status-pilot::before { border-radius: 50%; background: currentColor; }
.page-about .status-design::before { width: 7px; height: 7px; border: 1.5px solid currentColor; transform: rotate(45deg); }
.page-about .status-future::before { border-radius: 50%; border: 1.5px solid currentColor; }
.page-about .status-now::before { border-radius: 1px; background: currentColor; }
.page-about .eyebrow .status { margin-left: 14px; letter-spacing: .12em; }
.page-about .eyebrow[data-idx] { flex-wrap: wrap; row-gap: 8px; }
@media (forced-colors: active) { .page-about .status { border: 1px solid CanvasText; } }
.about-kicker[data-idx]::before { content: attr(data-idx); display: inline-block; margin-right: 12px; padding-right: 12px; border-right: 1px solid currentColor; opacity: .7; }
.about-h1 { max-width: none; }
.about-hero-copy .hero-status { margin-top: 26px; }
.about-toc { margin-top: clamp(32px, 3.4vw, 56px); padding-top: 22px; border-top: 1px solid var(--line); }
.about-toc-title { font: 500 12px/1.2 var(--mono); letter-spacing: .18em; text-transform: uppercase; color: var(--muted); }
.about-toc ol { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 4px 24px; margin-top: 12px; counter-reset: toc 1; }
.about-toc li { counter-increment: toc; }
.about-toc a { display: flex; gap: 10px; align-items: baseline; min-height: 44px; padding: 12px 0; font: 500 15px/1.3 var(--sans); color: var(--ink); text-decoration: none; }
.about-toc a::before { content: counter(toc, decimal-leading-zero); font: 500 12px/1 var(--mono); color: var(--green-500); letter-spacing: .08em; }
.about-toc a:hover { color: var(--green-700); text-decoration: underline; text-underline-offset: 3px; }
.about-mission { background: var(--paper); }
.about-statement { max-width: 30ch; font-size: clamp(28px, 2.2vw + 12px, 50px); line-height: 1.1; letter-spacing: -.02em; }
.about-mission-lead { margin-top: clamp(20px, 2vw, 30px); max-width: 760px; }
.about-does { background: var(--cream); }
.odtp { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(14px, 1.4vw, 24px); margin-top: clamp(28px, 2.6vw, 44px); }
.odtp-col { display: flex; flex-direction: column; padding: clamp(20px, 1.8vw, 28px); border-radius: 14px; background: var(--about-card); border: 1px solid var(--about-card-line); box-shadow: var(--shadow); }
.odtp-icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: var(--mint); color: var(--green-700); }
.odtp-col h3 { margin-top: 16px; font: 600 clamp(24px, .8vw + 17px, 30px)/1.1 var(--serif); letter-spacing: -.015em; color: var(--ink); }
.odtp-col > p { margin-top: 10px; font-size: 15.5px; line-height: 1.55; color: var(--ink-2); }
.odtp-list { margin-top: auto; padding-top: 18px; display: grid; gap: 0; }
.odtp-list li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 10px; min-height: 44px; padding: 8px 0; border-top: 1px solid var(--line); }
.odtp-list a { font: 600 15px/1.3 var(--sans); color: var(--green-800); text-underline-offset: 3px; }
.odtp-list .status { margin-left: 0; }
.about-does .tf-legend { margin-top: clamp(24px, 2.2vw, 36px); }
.about-cap { background: var(--paper); }
.about-cap-cream { background: var(--cream); }
.about-cap-paper { background: var(--paper); }
.cap-split { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: clamp(28px, 4vw, 80px); align-items: start; }
.cap-copy { max-width: 720px; }
.cap-copy .about-body { margin-top: 18px; }
.cap-copy .h2 + .about-body { margin-top: 20px; }
.cap-art { margin-top: clamp(24px, 2.4vw, 40px); max-width: 520px; }
.pcards { display: grid; gap: clamp(14px, 1.2vw, 20px); }
.pcard { padding: clamp(20px, 1.8vw, 28px); border-radius: 14px; background: var(--about-card); border: 1px solid var(--about-card-line); box-shadow: var(--shadow); }
.about-cap-paper .pcard, .about-cap .pcard { background: var(--cream); box-shadow: none; }
.about-cap-cream .pcard { background: var(--paper); box-shadow: var(--shadow); }
.pcard h3 { font: 600 clamp(19px, .4vw + 16px, 22px)/1.25 var(--serif); color: var(--ink); }
.pcard-state { margin-top: 10px; }
.pcard-state .status { margin-left: 0; }
.pcard > p:not(.pcard-state) { margin-top: 12px; font-size: 16px; line-height: 1.55; color: var(--ink-2); }
.pcard > .pcard-sub { color: var(--muted); font-size: 15px; }
.pcard-note { margin-top: 14px; padding: 12px 16px; border-left: 3px solid var(--green-600); background: var(--mint); border-radius: 0 10px 10px 0; font-size: 15px; line-height: 1.5; color: var(--green-900); }
.pcard > .pcard-note { font-size: 15px; color: var(--green-900); }
.about-steps { display: grid; gap: 0; margin-top: clamp(22px, 2vw, 32px); border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: var(--cream); }
.about-steps li { display: flex; gap: 16px; align-items: flex-start; padding: 16px 18px; border-top: 1px solid var(--line); }
.about-steps li:first-child { border-top: 0; }
.about-step-icon { display: grid; place-items: center; width: 42px; height: 42px; flex: none; border-radius: 50%; background: var(--paper); border: 1px solid var(--line); color: var(--green-700); }
.about-steps h3 { font: 600 17px/1.3 var(--serif); color: var(--ink); }
.about-steps p { margin-top: 4px; font-size: 15px; line-height: 1.5; color: var(--muted); }
.about-fabric-inner { align-items: start; }
.neq { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.neq li { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; background: var(--cream); border: 1px solid var(--line); font: 500 14.5px/1.2 var(--sans); color: var(--ink); }
.neq-sym { font: 600 17px/1 var(--serif); color: var(--green-600); }
.tfp { display: grid; gap: 0; border: 1px solid var(--line); border-radius: 14px; background: var(--cream); overflow: hidden; }
.tfp-item { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; padding: 18px 20px; border-top: 1px solid var(--line); }
.tfp-item:first-child { border-top: 0; }
.tfp-num { padding-top: 4px; font: 500 12.5px/1 var(--mono); letter-spacing: .14em; color: var(--muted); }
.tfp-name { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; font: 600 18px/1.3 var(--serif); color: var(--ink); }
.tfp-name .status { margin-left: 0; }
.tfp-body > p { margin-top: 8px; font-size: 15.5px; line-height: 1.55; color: var(--ink-2); }
.tfp-body > .tfp-sub { font-size: 14.5px; color: var(--muted); }
.tfp-human { background: var(--about-human-soft); box-shadow: inset 4px 0 0 var(--about-human); }
.tfp .tfm-tag { margin-left: 0; font: 500 13.5px/1.2 var(--sans); color: var(--about-human-text); }
.tfp .plane-return { font: 500 12.5px/1.3 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--green-700); }
.about-passport { background-color: var(--cream); }
.tp-micro { margin-top: 20px; font: 600 clamp(17px, .4vw + 14px, 20px)/1.4 var(--serif); color: var(--green-800); }
.tp-dims { display: grid; gap: 0; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); overflow: hidden; }
.tp-dims > div { display: grid; grid-template-columns: minmax(0, 150px) minmax(0, 1fr); gap: 16px; padding: 15px 20px; border-top: 1px solid var(--line); }
.tp-dims > div:first-child { border-top: 0; }
.tp-dims dt { font: 600 16.5px/1.35 var(--serif); color: var(--ink); }
.tp-dims dd { font-size: 15.5px; line-height: 1.5; color: var(--ink-2); }
.about-passport .pcard-note { margin-top: 0; }
.gp-frame { fill: var(--paper); stroke: var(--about-art-line); stroke-width: 1.5; }
.gp-spine { fill: none; stroke: var(--about-art-stroke); stroke-width: 2; stroke-dasharray: 2 6; stroke-linecap: round; }
.gp-cell { fill: var(--cream); stroke: var(--about-art-line); stroke-width: 1.5; }
.gp-node { fill: var(--paper); stroke: var(--about-art-stroke); stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; }
.gp-core { fill: var(--about-art-stroke); }
.gp-human { fill: var(--about-human); stroke: var(--green-900); stroke-width: 2.5; }
.gp-glyph { fill: none; stroke: var(--about-human-ink); stroke-width: 2.5; stroke-linecap: round; }
.about-arch { background: var(--paper); }
.arch-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 1.4vw, 24px); margin-top: clamp(28px, 2.6vw, 44px); }
.arch-item { padding: clamp(20px, 1.8vw, 28px); border-radius: 14px; background: var(--cream); border: 1px solid var(--line); }
.arch-item h3 { font: 600 clamp(19px, .4vw + 16px, 22px)/1.25 var(--serif); color: var(--ink); }
.arch-item > p:not(.pcard-state) { margin-top: 12px; font-size: 15.5px; line-height: 1.55; color: var(--ink-2); }
.arch-item > .arch-sub { padding-top: 12px; border-top: 1px dashed var(--about-art-line); color: var(--muted); font-size: 15px; }
.about-operate { background: var(--mint); }
.dept-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); overflow: hidden; }
.dept-grid li { padding: 16px 20px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.dept-grid li:nth-child(-n+2) { border-top: 0; }
.dept-grid li:nth-child(odd) { border-left: 0; }
.dept-grid h3 { font: 600 16.5px/1.3 var(--serif); color: var(--ink); }
.dept-grid p { margin-top: 6px; font-size: 15px; line-height: 1.5; color: var(--muted); }
.dept-note { margin-top: 14px; font-size: 14.5px; line-height: 1.55; color: var(--ink-2); }
.principle-bridge { margin-top: 22px; max-width: 640px; font-size: clamp(17px, .4vw + 15px, 20px); line-height: 1.5; color: var(--about-on-dark-2); }
.about-principle .principle-statement { margin-top: 18px; }
.about-principle .about-contrast { margin-top: clamp(44px, 4.4vw, 80px); padding: clamp(36px, 3.4vw, 60px) 0 0; border-top: 1px solid var(--about-dark-line); }
.contrast-h { font-size: clamp(28px, 2vw + 12px, 42px); line-height: 1.08; }
.pr-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin-top: clamp(44px, 4.4vw, 80px); border-top: 1px solid var(--about-dark-line); }
.pr-grid li { padding: 22px clamp(0px, 1.6vw, 28px) 22px 0; border-bottom: 1px solid var(--about-dark-line); }
.pr-grid h3 { font: 600 clamp(18px, .4vw + 15px, 21px)/1.3 var(--serif); color: #fff; }
.pr-grid p { margin-top: 8px; font-size: 16px; line-height: 1.55; color: var(--about-on-dark-2); }
.about-ati { padding-bottom: 0; }
.about-ati .about-close { margin-top: clamp(52px, 5vw, 100px); padding: clamp(52px, 5vw, 100px) 0; border-top: 1px solid var(--line); }
.about-close-cta { margin-top: 28px; }
@media (max-width: 1099px) {
.cap-split { grid-template-columns: minmax(0, 1fr); }
.odtp { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.arch-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
.odtp, .arch-grid, .pr-grid { grid-template-columns: minmax(0, 1fr); }
.dept-grid { grid-template-columns: minmax(0, 1fr); }
.dept-grid li { border-left: 0; }
.dept-grid li:nth-child(2) { border-top: 1px solid var(--line); }
.tp-dims > div { grid-template-columns: minmax(0, 1fr); gap: 4px; }
.about-toc ol { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
}
@media (max-width: 440px) {
.tfp-item { grid-template-columns: 28px minmax(0, 1fr); padding: 16px; }
.about-toc a { font-size: 14.5px; }
}
.about-hero-cta { margin-top: 26px; }
.m-narrow > * { max-width: 820px; }
.m-mission .h2 + .about-body, .m-pilot .h2 + .about-body { margin-top: 20px; }
.m-mission .about-body, .m-pilot .about-body { margin-top: 16px; }
.m-framework .section-head .about-body { margin-top: 18px; }
.mode-labels { display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 22px; }
.page-about .cap-label .status { margin-left: 0; }
.subnav { position: sticky; top: var(--hdr); z-index: 40; background: rgba(248, 246, 238, .97); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.subnav-list { display: flex; gap: clamp(18px, 2.4vw, 40px); padding: 6px 2px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; }
.subnav-list li { flex: none; }
.subnav-list a { display: flex; align-items: center; min-height: 48px; padding: 0 2px; border-bottom: 2px solid transparent; white-space: nowrap; font: 500 14.5px/1 var(--sans); color: var(--ink); text-decoration: none; }
.subnav-list a:hover { border-bottom-color: var(--about-art-line); }
.subnav-list a:focus-visible { outline-offset: -3px; box-shadow: none; }
.subnav-list a[aria-current="location"] { border-bottom-color: var(--green-700); }
html:not(.js) body:has(#overview:target) .subnav a[href="#overview"],
html:not(.js) body:has(#platform:target) .subnav a[href="#platform"],
html:not(.js) body:has(#assurance:target) .subnav a[href="#assurance"],
html:not(.js) body:has(#trust-passport:target) .subnav a[href="#trust-passport"],
html:not(.js) body:has(#pilot:target) .subnav a[href="#pilot"],
html:not(.js) body:has(#vision:target) .subnav a[href="#vision"] { border-bottom-color: var(--green-700); }
.page-about main > section { scroll-margin-top: var(--subnav-h); }
.page-about #overview { scroll-margin-top: 0; }
.profile { margin-top: clamp(36px, 3.4vw, 56px); max-width: 880px; padding: clamp(20px, 2vw, 30px); border-left: 3px solid var(--about-art-line); border-radius: 0 12px 12px 0; background: rgba(255, 255, 255, .6); }
.profile .eyebrow { margin-bottom: 10px; }
.profile-title { font: 600 clamp(20px, .6vw + 15px, 25px)/1.25 var(--serif); color: var(--ink); }
.profile .about-body { margin-top: 12px; font-size: 16px; }
.m-passport .section-head .about-body { margin-top: 18px; }
.marks-4 { max-width: 1100px; }
.display-rules { margin-top: 22px; max-width: 880px; padding-left: 14px; border-left: 2px solid var(--line); font-size: 15px; line-height: 1.6; color: var(--muted); }
.specimens { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; max-width: 1100px; margin-top: 26px; }
.specimen { margin: 0; overflow: hidden; border: 1.5px dashed var(--about-art-line); border-radius: 14px; background: var(--paper); }
.specimen-head { padding: 10px 18px; background: var(--cream-2); font: 500 11.5px/1.45 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.specimen-name { padding: 16px 18px 0; font: 600 20px/1.2 var(--serif); color: var(--green-900); }
.specimen-fields { padding: 8px 18px 14px; }
.specimen-fields > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 4px 12px; padding: 9px 0; border-top: 1px solid var(--line); }
.specimen-fields > div:first-child { border-top: 0; }
.specimen-fields dt { font-size: 14px; font-weight: 600; color: var(--ink); }
.specimen-fields dd { font-size: 14px; color: var(--muted); }
@media (max-width: 767px) { .specimens { grid-template-columns: 1fr; } }
@media (max-width: 420px) { .specimen-fields > div { grid-template-columns: 1fr; } }
.page-about .cap-label.m-pilot-label { margin-bottom: 12px; font: 500 12.5px/1.2 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--muted); }
.tertiary-link { margin-top: 18px; }
.tertiary-link a { display: inline-flex; align-items: center; min-height: 44px; font-size: 15px; color: var(--ink-2); text-underline-offset: 4px; }
.about-vision-cta { margin-top: 28px; }
.about-principle .cap-label .status { margin-left: 8px; }
.principle-body { margin-top: clamp(20px, 2vw, 30px); max-width: 720px; font-size: clamp(16px, .3vw + 14px, 18px); line-height: 1.6; color: var(--on-dark-2); }
.about-close .about-vision-cta { margin-top: 26px; }
.about-trio { position: relative; overflow: hidden; isolation: isolate; padding: clamp(160px, 16vw, 260px) 0 clamp(56px, 5vw, 96px); }
.trio-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 58%; z-index: -2; }
.about-trio::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(10, 46, 29, .22) 0%, rgba(10, 46, 29, .50) 18%, rgba(10, 46, 29, .80) 32%, rgba(10, 46, 29, .90) 60%, rgba(10, 46, 29, .95) 100%); }
.trio-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(20px, 2vw, 32px); align-items: start; }
.trio-principle .principle-statement { font-size: clamp(32px, 1.6vw + 18px, 48px); max-width: none; margin-top: 18px; }
.trio-principle .principle-body { margin-top: 20px; font-size: 16px; line-height: 1.6; color: var(--about-on-dark); }
.trio-contrast-h { font-size: clamp(26px, 1vw + 18px, 34px); margin-top: 22px; }
@media (min-width: 1100px) {
.trio-grid { grid-template-columns: minmax(0, 1.05fr) minmax(0, .9fr) minmax(0, 1.15fr); column-gap: clamp(24px, 2.4vw, 40px); align-items: start; }
}
@media (max-width: 1099px) {
.about-trio { padding-top: clamp(110px, 24vw, 160px); }
.about-trio::before { background: linear-gradient(180deg, rgba(10, 46, 29, .30) 0%, rgba(10, 46, 29, .78) 9%, rgba(10, 46, 29, .90) 22%, rgba(10, 46, 29, .95) 100%); }
}
@media (forced-colors: active) { .about-trio::before { background: Canvas; } .trio-bg { display: none; } }
.passport-top { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(24px, 3vw, 48px); align-items: center; }
.passport-figure { margin: 0; }
.passport-figure picture, .passport-figure img { display: block; width: 100%; height: auto; }
.passport-figure img { border-radius: 18px; box-shadow: 0 24px 60px -28px rgba(10, 46, 29, .45), 0 2px 6px rgba(10, 46, 29, .08); border: 1px solid var(--line, #E1E3D6); }
.passport-figure-label { margin-top: 12px; font: 500 13.5px/1.5 var(--mono); letter-spacing: .02em; color: var(--muted, #56615A); }
@media (min-width: 1100px) {
.passport-top { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.passport-top .section-head { margin-bottom: 0; }
}
@media (forced-colors: active) { .passport-figure img { border: 1px solid CanvasText; } }