/* The page has two chapters; motion stays inside their diagrams. */
.about-chapters{position:sticky;top:var(--header);z-index:30;display:flex;padding-inline:var(--gutter);background:#f7f8faf2;backdrop-filter:blur(16px);border-block:var(--hairline) solid var(--line);margin-bottom:28px}
.about-chapters a{position:relative;display:flex;align-items:center;gap:18px;min-height:58px;min-width:210px;padding:14px 24px;color:#61728b;font-size:14px;line-height:1.7;border-inline-start:var(--hairline) solid var(--line);transition:color .25s,background .25s}
.about-chapters a:last-child{border-inline-end:var(--hairline) solid var(--line)}
.about-chapters a>span{color:#7385a1;font-size:12px;letter-spacing:.04em}
.about-chapters a::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:var(--hairline);background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.2,.65,.3,1)}
.about-chapters a[aria-current=location]{color:var(--navy);background:#eaf0f9}
.about-chapters a[aria-current=location]::after{transform:scaleX(1)}
.about-chapters a[aria-current=location]>span{color:var(--blue)}
.about-chapters a:hover{color:var(--blue);background:#edf2fa}
.about-chapters a:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}
#about-principles,#company{scroll-margin-top:calc(var(--header) + 86px)}
.about-field-section{padding-bottom:28px}
.about-company{padding-top:48px}
.about-field-stage{background:radial-gradient(ellipse at var(--scene-light-x,51%) var(--scene-light-y,47%),#255b9159,transparent 68%),linear-gradient(155deg,#081c34,#051427)}
.about-field-vector .scene-rear{stroke:#81afe9}
.about-field-vector .scene-read{stroke:#c6e3ff;fill:#0c2948}
.about-field-vector .scene-record{fill:#0b2745}
.about-field-copy{background:#0a1e34}
.company-stage{background:radial-gradient(ellipse at var(--company-light-x,50%) var(--company-light-y,48%),#275a8b66,transparent 72%),linear-gradient(150deg,#0a213b,#06172b)}
.company-vector .company-sheet{fill:#0d2b49;fill-opacity:.94}
.company-vector .company-sheet-back{stroke:#91bbed;opacity:.45}
.company-detail{background:#0a1e34;align-self:stretch}
.company-delivery-facts{margin-bottom:0}
.company-route{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 28px;border-top:var(--hairline) solid var(--rule);background:#091b31}
.company-route>span{font-size:12px;line-height:1.7;color:#9ab7dc}
.company-route>a{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:44px;color:#d2e7ff;font-size:14px;line-height:1.7;border-bottom:var(--hairline) solid #93bbe657;transition:color .25s,border-color .25s}
.company-route>a:hover{color:#fff;border-bottom-color:#deefff}
@media(max-width:700px){.about-chapters{margin-bottom:20px}.about-chapters a{min-width:0;flex:1;gap:12px;padding:13px 17px;min-height:56px}.about-company{padding-top:34px}.about-field-section{padding-bottom:20px}.company-route{padding:17px var(--gutter);display:block}.company-route>span{display:block;margin-bottom:7px}.company-route>a{max-width:340px}.about-chapters{backdrop-filter:none;background:#f7f8fa}}
@media(prefers-reduced-motion:reduce){.about-chapters *,.company-route *{transition:none!important}}
.motion-paused .about-chapters *,.motion-paused .company-route *{transition:none!important}
@media(forced-colors:active){.about-chapters{background:Canvas}.about-chapters a[aria-current=location]{outline:2px solid Highlight;outline-offset:-3px}.about-field-copy,.company-detail,.company-route{background:Canvas;color:CanvasText}}
@media print{.about-chapters{display:none}}
