/* Typography, inclusive controls, and original editorial illustration. */
@font-face{font-family:Inter;src:url('fonts/inter-latin-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('fonts/ibm-plex-mono-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('fonts/ibm-plex-mono-latin-500.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--f-sans:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;--fs-lab:.75rem;--paper-3:#a9b5c2;--ink-3:#56636f;--signal:#e7a679;--fs-hero:clamp(3rem,6.1vw,7.6rem)}
html{scroll-padding-top:100px}body{font-size:1rem;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}button:disabled{cursor:default;opacity:.55}
:focus-visible{outline:3px solid var(--signal);outline-offset:4px}.light{--signal:#804b2f}.chapter.light{--fg-3:#56636f}.chapter.ink{--fg-3:#b0bcc6}.chapter.navy{--fg-3:#a7b9ca}
a,button,[tabindex]{scroll-margin-block:110px 30px}.chapter{scroll-margin-top:75px}.chapter h2{font-weight:550;line-height:1.1;letter-spacing:-.035em;font-stretch:normal;font-size:clamp(2.2rem,4.1vw,4.2rem)}.chapter h3{letter-spacing:-.025em;line-height:1.25}.chapter-heading{gap:50px}.chapter-heading>p{font-size:1.0625rem;line-height:1.75}.chapter-index{line-height:1.6;letter-spacing:.03em;font-size:.75rem}.chapter-index span:last-child{font-size:inherit}.h-hero{line-height:1.01;font-weight:550;letter-spacing:-.045em;text-transform:none}.lab{font-stretch:normal;letter-spacing:.09em}.lede{line-height:1.6}.nav-links a{font-family:var(--f-sans);font-size:14px;text-transform:none;letter-spacing:0;line-height:1.5;min-height:44px;display:flex;align-items:center}.nav-cta{font-size:13px;letter-spacing:.04em}.btn{min-height:48px;font-size:13px}.hero-eyebrow .lab{font-size:12px;line-height:1.6}.hero-hint{font-size:12px}.hero-figure-meta,.hero-controls button{font-size:13px}.hero-controls button{min-height:44px}.hero-figure-meta .concept{font-size:12px;line-height:1.6}.scroll-cue i:after{animation:none}.skip{font-size:16px}.scope .lab,.scope .mono{font-size:12px}
.product-workspace{grid-template-columns:200px minmax(0,1fr);gap:28px}.product-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,.66fr);gap:28px;min-width:0}.product-tabs{grid-row:auto}.product-tabs button{font-size:14px;min-height:60px}.product-tabs button>span{font-size:12px}.product-details{grid-column:auto;padding:0}.product-details>p,.process-inspector p,.platform-step p,.company-principle>p,.people-role p{font-size:16px;line-height:1.7}.product-details h3{font-size:26px}.product-meta{line-height:1.6;flex-wrap:wrap}.power-route p,.product-details .component-description{font-size:14px}.component-list button{font-size:14px;min-height:44px;padding:9px 2px}.component-list button i{width:9px;height:9px}.small-label{font-size:12px;line-height:1.7;letter-spacing:.035em}.section-footnote{font-size:14px}.view-controls{flex-wrap:wrap;align-items:center}.segmented button,.reset-view{font-size:14px;min-height:44px}.reset-view{padding:7px}.model-note{font-size:12px}.cad-watermark{font-size:11px}.orbit-controls{position:relative;z-index:9;display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:12px}.orbit-controls>span{font:12px var(--f-mono);color:var(--fg-2);margin-right:8px}.orbit-controls button{border:1px solid var(--line-2);min-width:44px;min-height:44px;font-size:19px;line-height:1}.orbit-controls button:hover{background:var(--line)}.hero-orbit{justify-content:flex-end;margin-top:10px}.scene-retry{display:block;min-height:44px;padding:10px 16px;border:1px solid currentColor;margin-top:16px}.scene-retry[hidden]{display:none}
.path-selector button>.path-number{font:12px var(--f-mono)}.path-selector button>.path-name{font:500 21px/1.3 var(--f-sans);padding:0}.path-selector button>.path-description{grid-column:2;font:400 16px/1.65 var(--f-sans);margin-top:6px;color:var(--fg-2);padding:0}.path-selector button[aria-pressed=false]>.path-description{display:none}.integration-bottom p{font-size:16px;line-height:1.7}.drawing-meta,.drawing-legend{font-size:12px;line-height:1.6}.diagram-scroll{overflow-x:auto;scrollbar-color:#8399ac transparent;scrollbar-width:thin}.section-drawing svg{min-width:640px;height:auto;margin-block:22px}.engineering-chart{overflow-x:auto;scrollbar-color:#8399ac transparent;scrollbar-width:thin;padding:20px}.engineering-chart svg{min-width:540px}.diagram-hint{font-size:12px;color:var(--fg-2);margin-top:12px;line-height:1.5}.engineering-chart+.diagram-hint{display:none}.engineering-copy dl>div,.application-copy dl>div{font-size:15px}.engineering-copy dt{font-size:12px}.engineering-tabs,.application-tabs{padding:6px 4px 0;gap:28px}.engineering-tabs button,.application-tabs button{font-size:15px;min-height:48px}.lane-name span,.lane-operations button>span{font-size:12px}.lane-operations button{font-size:14px;line-height:1.5}.lane-name{line-height:1.5}.merge-operations .lane-name span{color:#885233}.process-inspector .small-label{font-size:12px}.application-toolbar{flex-wrap:wrap;font-size:13px}.application-credits{font-size:12px;line-height:1.75}.application-credits a{min-height:44px;display:inline-flex;align-items:center}.application-copy .application-families{font-size:15px}.platform-caption{font-size:16px}.platform-step .stack-interfaces{font-size:12px;color:#526779;overflow-wrap:anywhere}.platform-step>span{color:#885233}.platform-statement>p{font-weight:500;letter-spacing:-.035em}.platform-statement>p span{color:#8b5235}.people-portrait{border:1px solid #f3f1eb33}.people-scene{display:block;width:100%;height:auto}.people-portrait figcaption{font-size:13px;line-height:1.65;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.illustration-toggle{border:1px solid var(--line-2);padding:8px 14px;min-height:44px;font-size:13px;white-space:nowrap}.illustration-toggle:before{content:'Ⅱ';margin-right:10px}.illustration-toggle[data-paused=true]:before{content:'▶';font-size:10px}.people-intro p{font-size:17px}.people-role h4{font-size:20px}.contact-pending p{font-size:15px}.new-footer p,.new-footer>.wrap>a:last-child{font-size:14px}.new-footer>.wrap>a:last-child{min-height:44px;display:inline-flex;align-items:center}
@media(min-width:1550px){.product-workspace{grid-template-columns:230px minmax(0,1fr);gap:36px}.product-panel{grid-template-columns:minmax(0,1fr) 330px;gap:36px}}
@media(max-width:1180px){.product-workspace{grid-template-columns:185px minmax(0,1fr)}.product-panel{grid-template-columns:1fr}.product-details{grid-column:1;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.chapter-heading{gap:32px}.engineering-panel{grid-template-columns:1fr;gap:35px}.engineering-chart{max-width:760px;width:100%}.engineering-copy dl{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.engineering-copy dl>div{grid-template-columns:1fr;gap:5px}.integration-layout{grid-template-columns:1fr}.path-selector{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.section-drawing svg{max-width:850px;margin-inline:auto}.application-panel{gap:30px}}
@media(max-width:1100px){.nav-links,.nav-cta{display:none}.burger{display:flex}}
@media(max-width:820px){.chapter-heading{grid-template-columns:1fr}.chapter h2{font-size:clamp(2.15rem,6.5vw,3.5rem);letter-spacing:-.035em}.chapter-index{align-items:flex-start}.chapter-index span:last-child{max-width:43%}.product-workspace{display:block}.product-panel{display:block}.product-tabs{display:flex;flex-direction:row;overflow-x:auto;gap:6px;padding:5px 4px;margin:0 -4px 22px}.product-tabs button{flex:0 0 180px;display:grid;grid-template-columns:23px 1fr;min-height:64px;font-size:14px;padding:12px 10px}.product-tabs button>span{font-size:12px}.chapter-heading>p{font-size:17px}.hero-figure-meta{gap:12px}.hero-controls{flex-wrap:wrap}.hero-orbit{justify-content:flex-start}.engineering-copy dl{grid-template-columns:1fr}.engineering-copy dl>div{grid-template-columns:85px 1fr}.lane-operations button{font-size:14px}.company-platform{grid-template-columns:1fr}.platform-statement>p{font-size:48px}.platform-statement>p br{display:inline}.platform-statement>p br:after{content:' '}.platform-caption{margin-bottom:24px}.application-panel{grid-template-columns:1fr}.section-footnote{margin-top:24px}.new-footer>.wrap{flex-wrap:wrap}}
@media(max-width:600px){.people-scene{height:330px}.people-portrait figcaption{display:block}.illustration-toggle{margin-top:12px}.chapter-index span:last-child{display:none}.chapter{padding-block:64px}.chapter-heading{margin-bottom:32px}.chapter-heading>p{font-size:16px}.product-details{display:block;margin-top:28px}.component-list{grid-template-columns:1fr 1fr;gap:0 14px}.component-list button{font-size:14px}.cad-stage{height:330px}.application-stage{height:420px}.model-note{display:block}.model-note span{display:block}.view-controls{gap:6px}.segmented{flex:1}.segmented button{padding:9px 8px;flex:1;font-size:13px}.reset-view{font-size:13px}.path-selector{display:block}.path-selector button>.path-name{font-size:20px}.integration-bottom{grid-template-columns:1fr;gap:12px}.engineering-chart{padding:12px}.engineering-copy h3,.application-copy h3{font-size:29px}.engineering-tabs,.application-tabs{gap:24px}.application-copy dl{display:block}.application-copy dl>div{grid-template-columns:1fr;gap:4px}.drawing-meta span:last-child{display:none}.process-inspector{grid-template-columns:36px 1fr;gap:18px}.process-inspector>div{grid-column:2!important}.process-inspector h3{font-size:22px}.lane-name{display:block}.lane-name span{display:block;margin-top:4px}.lane-operations{grid-template-columns:1fr 1fr}.lane-operations button{min-height:96px;padding:13px 11px}.platform-statement>p{font-size:42px}.platform-statement>p br{display:block}.people-intro{display:block}.people-intro p{margin-top:20px}.people-intro h3{font-size:29px}.people-roles{display:block}.new-footer>.wrap{display:grid}.hero-controls button{font-size:12px}.hero-figure-meta .mono{font-size:12px}.drawing-legend{gap:10px 16px}.hero-hint{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.section-drawing,.integration-layout,.application-stage-wrap{min-width:0}.diagram-scroll{max-width:100%}section[tabindex="-1"]:focus-visible,main[tabindex="-1"]:focus-visible{outline:none}.hero-h{font-stretch:normal}.people-scene{overflow:hidden}

.hero-hint{color:#b2bfcc;background:#101c2e;padding:5px 9px;border-radius:2px}.hero-figure-meta .concept,.hero-foot .scope .mono{color:#aab8c7}.hero-orbit button,.orbit-controls button,.illustration-toggle{border-color:#728493}.light .orbit-controls button{border-color:#657582}.hero-orbit{padding-right:22px}.hero-orbit button{color:#d2dbe5}.hero-orbit>span{color:#bac6d2}
@media(max-width:600px){.hero-orbit{padding-right:0}.hero-hint{font-size:12px}.hero-ctas .btn{font-size:13px}.hero-controls{align-items:flex-start}.hero-controls .assembly-control{flex-wrap:wrap}.hero-controls .hero-reset{white-space:nowrap}}

.engineering-figure{min-width:0}.diagram-hint{display:none}@media(max-width:720px){.diagram-hint,.engineering-chart+.diagram-hint{display:block}}
@media(max-height:640px){.menu{justify-content:flex-start;overflow-y:auto;padding-top:90px;padding-bottom:25px}.menu-links{gap:12px}.menu-links a{font-size:clamp(25px,4vh,36px)}.menu-foot{margin-top:24px}}

html{scroll-padding-top:76px}.chapter,.hero,main{scroll-margin-top:0}

/* Stress-tested with user-defined text spacing and short landscape viewports. */
.menu{justify-content:flex-start;overflow-y:auto}.menu-links a{font-size:clamp(24px,6vw,44px);line-height:1.25;text-transform:none;min-height:48px}.menu-label{min-width:0;overflow-wrap:anywhere}.menu-links .mono{flex:none}.menu-foot{margin-top:24px}.btn{white-space:normal}.hero-controls{flex-wrap:wrap}.hero-figure-meta .concept{max-width:100%}
@media(max-height:640px){.menu-links a{font-size:24px}}

@media(max-width:820px){.manufacturing-map .process-inspector{grid-template-columns:1fr;gap:16px;margin:0 0 30px;padding:20px;background:#e0e6e9;border-left:3px solid #885233;min-height:0}.manufacturing-map .process-inspector>div{grid-column:1!important}.manufacturing-map .process-step-number{font-size:18px}.manufacturing-map .process-inspector h3{margin-top:4px}}
.manufacturing-map .process-step-number{color:#885233}