.about-hero { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: radial-gradient(ellipse 68% 75% at 87% 35%, rgba(45,145,180,.22), transparent 68%), linear-gradient(120deg,#03131e,#082538 55%,#0a3a52); }
.about-hero-glow { width: 620px; height: 500px; position: absolute; z-index: -1; right: -230px; bottom: -320px; border-radius: 50%; background: rgba(71,176,205,.2); filter: blur(82px); }
.about-hero-layout { min-height: 750px; padding-top: 98px; display: grid; grid-template-columns: 1.08fr .72fr; gap: clamp(60px,9vw,130px); align-items: center; }
.about-hero-copy { padding-bottom: 42px; }
.about-hero h1 { max-width: 820px; margin: 0 0 28px; font-size: clamp(3.8rem,5.65vw,5.75rem); line-height: .96; letter-spacing: var(--tracking-display); text-wrap: balance; }
.about-hero h1 em { color: #73c6e8; font-style: normal; }
.about-hero-copy > p:not(.eyebrow) { max-width: 640px; margin: 0; color: #c4d6df; font-size: var(--text-lead); }
.decision-canvas { min-height: 500px; margin: 0; position: relative; }
.decision-canvas figcaption,.context-flow figcaption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.decision-orbit { position: absolute; inset: 25px 0; }
.decision-orbit::before,.decision-orbit::after { content:""; position:absolute; border:1px solid rgba(139,209,235,.19); border-radius:50%; }
.decision-orbit::before { width: 330px; height: 330px; left:50%; top:50%; transform:translate(-50%,-50%); }
.decision-orbit::after { width: 440px; height: 440px; left:50%; top:50%; border-style:dashed; transform:translate(-50%,-50%) rotate(14deg); }
.decision-core { width: 210px; height: 210px; position:absolute; z-index:2; left:50%; top:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.2); border-radius:50%; background:radial-gradient(circle at 34% 28%,rgba(86,183,216,.5),rgba(11,54,76,.9)); box-shadow:0 35px 80px rgba(0,12,22,.35); transform:translate(-50%,-50%); }
.decision-core small { color:#b9d9e6; font-size:var(--text-xs); letter-spacing:.08em; text-transform:uppercase; }
.decision-core strong { margin-top:8px; font-size:1.65rem; }
.decision-core i { width:38px; height:2px; margin-top:20px; border-radius:2px; background:#77cae9; }
.decision-node { min-width:150px; padding:13px 17px; position:absolute; z-index:3; display:grid; gap:3px; border:1px solid rgba(255,255,255,.18); border-radius:var(--radius-pill); background:rgba(255,255,255,.07); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.decision-node small { color:#89cce5; font-size:.67rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.decision-node strong { font-size:.82rem; }
.node-input { left:0; top:8%; }.node-people { right:-4%; top:17%; }.node-rule { left:-4%; bottom:14%; }.node-result { right:0; bottom:4%; }

.origin { background:#fff; }
.origin-layout { display:grid; grid-template-columns:.92fr 1.08fr; gap:clamp(70px,10vw,145px); align-items:center; }
.origin-copy h2,.company-heading h2,.story-heading h2,.roles-intro h2,.principles-heading h2,.info-heading h2 { margin:16px 0 25px; font-size:clamp(2.75rem,4.55vw,4.65rem); line-height:1.01; letter-spacing:var(--tracking-display); text-wrap:balance; }
.origin-copy > p:not(.section-label) { max-width:650px; color:var(--muted); }
.context-flow { min-height:430px; margin:0; position:relative; display:grid; grid-template-columns:.78fr 40px 1.1fr; align-items:center; }
.scattered { display:grid; gap:12px; }
.scattered span { min-height:48px; padding:0 18px; display:flex; align-items:center; border-bottom:1px solid rgba(18,62,92,.2); color:var(--muted); font-weight:760; }
.context-flow > i { height:1px; position:relative; background:linear-gradient(90deg,var(--line),var(--brand)); }
.context-flow > i::after { content:""; width:8px; height:8px; position:absolute; right:0; top:-4px; border-top:2px solid var(--brand); border-right:2px solid var(--brand); transform:rotate(45deg); }
.unified { min-height:270px; padding:42px 34px; display:flex; flex-direction:column; justify-content:center; border:1px solid rgba(27,109,169,.18); border-radius:50% 44% 48% 42% / 44% 50% 42% 48%; color:#fff; background:linear-gradient(145deg,var(--deep),#16688e); box-shadow:0 28px 65px rgba(18,62,92,.18); }
.unified small { color:#99d4ea; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }.unified strong { margin:12px 0; font-size:1.55rem; line-height:1.15; }.unified span { color:#c5dae3; font-size:var(--text-sm); }

.company-story { position:relative; isolation:isolate; overflow:hidden; color:#e4eef3; background:#092b40; }
.company-light { width:700px; height:500px; position:absolute; z-index:-1; left:-360px; top:-280px; border-radius:50%; background:rgba(57,158,194,.2); filter:blur(90px); }
.company-layout { display:grid; grid-template-columns:1.12fr .68fr; gap:clamp(70px,10vw,150px); align-items:start; }
.company-heading .section-label { color:#82cbe6; }.company-heading h2 { margin-top:18px; color:#fff; }
.company-copy p { margin-top:0; color:#b7cbd5; }.company-copy .round-link { margin-top:22px; }
.round-link-light { color:#fff; border-color:rgba(255,255,255,.3); }.round-link-light:hover { border-color:#84cce7; }
.experience-proof { margin-top:85px; display:grid; grid-template-columns:.72fr 1.28fr; border-top:1px solid rgba(255,255,255,.15); border-bottom:1px solid rgba(255,255,255,.15); }
.experience-number { min-height:290px; padding:38px 50px 38px 0; display:flex; flex-direction:column; justify-content:center; border-right:1px solid rgba(255,255,255,.15); }.experience-number small{color:#79c6e3;font-size:var(--text-xs);font-weight:850;letter-spacing:.1em;text-transform:uppercase}.experience-number strong{margin:2px 0 4px;color:#fff;font-size:clamp(4.8rem,8vw,8rem);line-height:1;letter-spacing:-.065em}.experience-number p{max-width:390px;margin:0;color:#c4d6df;font-size:var(--text-base)}
.experience-context { padding:46px 0 40px clamp(45px,7vw,95px); display:flex; flex-direction:column; justify-content:center; }.experience-context>p{max-width:680px;margin:0 0 38px;color:#c4d6df;font-size:var(--text-lead)}.experience-context>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14)}.experience-context span{padding:22px 20px 0 0;display:grid;gap:6px}.experience-context small{color:#79c6e3;font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.experience-context strong{color:#fff;font-size:1rem}

.decision-story { background:#eaf4f6; }
.story-heading { max-width:900px; margin-bottom:62px; }.story-heading > p:last-child{max-width:720px;color:var(--muted);font-size:var(--text-lead)}
.story-lines { border-top:1px solid rgba(18,62,92,.2); }
.story-line { min-height:145px; display:grid; grid-template-columns:70px 1fr auto; gap:34px; align-items:center; border-bottom:1px solid rgba(18,62,92,.2); }
.story-symbol { width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(18,62,92,.2);border-radius:50%;color:var(--brand);font-weight:850}.story-line h3{margin:0 0 8px;font-size:clamp(1.3rem,2vw,1.72rem);letter-spacing:-.025em}.story-line p{max-width:720px;margin:0;color:var(--muted)}.story-line > small{color:var(--brand);font-size:var(--text-xs);font-weight:850;letter-spacing:.1em;text-transform:uppercase}

.roles { background:var(--warm); }
.roles-layout { display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(70px,10vw,140px);align-items:start}.roles-intro{position:sticky;top:120px}.roles-intro > p:last-child{max-width:500px;color:var(--muted)}
.role-spectrum article { min-height:155px;padding:28px 0;display:grid;grid-template-columns:60px 1fr;gap:24px;align-items:start;border-bottom:1px solid rgba(18,62,92,.2)}.role-spectrum article:first-child{border-top:1px solid rgba(18,62,92,.2)}.role-spectrum article>span{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--brand);font-weight:850}.role-spectrum article:nth-child(2)>span{background:#2b879f}.role-spectrum article:nth-child(3)>span{background:var(--deep)}.role-spectrum article:nth-child(4)>span{color:var(--deep);background:#b5dce4}.role-spectrum h3{margin:2px 0 9px;font-size:1.55rem;letter-spacing:-.025em}.role-spectrum p{max-width:690px;margin:0;color:var(--muted)}

.principles { overflow:hidden;background:#fff; }.principles-heading{max-width:860px;margin-bottom:75px}.principle-field{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;border-top:1px solid rgba(18,62,92,.18)}
.principle{min-height:230px;padding:36px 0;display:grid;grid-template-columns:115px 1fr;gap:30px;align-items:start;border-bottom:1px solid rgba(18,62,92,.18)}.principle>span{padding-top:6px;color:var(--brand);font-size:var(--text-xs);font-weight:850;letter-spacing:.1em;text-transform:uppercase}.principle h3{margin:0 0 13px;font-size:1.62rem;letter-spacing:-.03em}.principle p{margin:0;color:var(--muted)}

.start-paths{background:#dceef4}.start-heading{margin-bottom:68px;display:grid;grid-template-columns:1.05fr .55fr;gap:clamp(60px,10vw,140px);align-items:end}.start-heading h2{margin:16px 0 0;font-size:clamp(2.75rem,4.55vw,4.65rem);line-height:1.01;letter-spacing:var(--tracking-display);text-wrap:balance}.start-heading>p{margin:0 0 8px;color:var(--muted)}.start-rail{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(18,62,92,.22);border-bottom:1px solid rgba(18,62,92,.22)}.start-path{min-height:390px;padding:48px 54px 48px 0;display:grid;grid-template-columns:58px 1fr;gap:28px}.start-path+ .start-path{padding-left:54px;border-left:1px solid rgba(18,62,92,.22)}.path-mark{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(18,62,92,.24);border-radius:50%;color:var(--brand);font-size:1.15rem;font-weight:850}.start-path small{color:var(--brand);font-size:var(--text-xs);font-weight:850;letter-spacing:.1em;text-transform:uppercase}.start-path h3{margin:12px 0 18px;font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.12;letter-spacing:-.035em}.start-path p{max-width:570px;margin:0;color:var(--muted)}.start-path .round-link{margin-top:30px}

.company-info { background:#e5f3ef; }.info-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(70px,10vw,145px);align-items:start}.info-heading{position:sticky;top:120px}.info-list{margin:0;border-top:1px solid rgba(18,62,92,.22)}.info-list>div{min-height:92px;padding:22px 0;display:grid;grid-template-columns:.42fr .58fr;gap:25px;align-items:start;border-bottom:1px solid rgba(18,62,92,.22)}.info-list dt{color:var(--muted);font-size:var(--text-sm);font-weight:750}.info-list dd{margin:0;color:var(--deep);font-weight:760}.info-list a{text-decoration:underline;text-decoration-color:rgba(18,62,92,.3);text-underline-offset:4px}.info-list address{font-style:normal;font-weight:500;line-height:1.7}
.about-closing{background:radial-gradient(circle at 80% 25%,rgba(62,166,199,.22),transparent 34%),#08283d}.about-page .footer-main h2{font-size:var(--text-xs);line-height:1.3;letter-spacing:.1em}

@media(max-width:1050px){.about-hero-layout{grid-template-columns:1fr .62fr;gap:38px}.decision-canvas{transform:scale(.88);transform-origin:center}.company-layout{grid-template-columns:1fr .8fr}.roles-layout,.info-layout{gap:60px}}
@media(max-width:860px){.about-hero-layout{min-height:auto;padding-block:140px 70px;grid-template-columns:1fr}.about-hero-copy{max-width:760px;padding-bottom:0}.decision-canvas{width:min(600px,100%);min-height:450px;margin:0 auto;transform:none}.origin-layout,.company-layout,.roles-layout,.info-layout{grid-template-columns:1fr;gap:55px}.experience-proof{grid-template-columns:1fr}.experience-number{min-height:250px;padding-right:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.experience-context{padding-left:0}.roles-intro,.info-heading{position:static}.principle-field{grid-template-columns:1fr}.context-flow{width:min(680px,100%);margin-inline:auto}.start-heading{grid-template-columns:1fr;gap:25px}.start-rail{grid-template-columns:1fr}.start-path{min-height:auto}.start-path+.start-path{padding-left:0;border-top:1px solid rgba(18,62,92,.22);border-left:0}}
@media(max-width:620px){.about-hero-layout{padding-top:124px}.about-hero h1{font-size:clamp(3rem,13vw,4rem)}.about-hero-copy>p:not(.eyebrow){font-size:1rem}.decision-canvas{min-height:390px;margin-inline:-18px;transform:scale(.87)}.decision-orbit::after{width:400px;height:400px}.decision-orbit::before{width:300px;height:300px}.decision-core{width:175px;height:175px}.decision-node{min-width:135px;padding:11px 14px}.node-people{right:0}.node-rule{left:0}.context-flow{min-height:auto;grid-template-columns:1fr;gap:26px}.context-flow>i{width:1px;height:35px;margin:auto;background:linear-gradient(var(--line),var(--brand))}.context-flow>i::after{right:-4px;top:auto;bottom:0;transform:rotate(135deg)}.unified{min-height:230px}.experience-context>div{grid-template-columns:1fr}.experience-context span{padding-block:16px;border-top:1px solid rgba(255,255,255,.12)}.story-line{padding:25px 0;grid-template-columns:52px 1fr;gap:18px}.story-line>small{grid-column:2}.story-symbol{width:44px;height:44px}.principle{grid-template-columns:1fr;gap:12px}.start-path{padding:38px 0;grid-template-columns:1fr;gap:20px}.info-list>div{grid-template-columns:1fr;gap:8px}.roles-layout,.info-layout{gap:40px}}
@media(prefers-reduced-motion:reduce){.decision-orbit,.decision-node{transition:none}}