@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--slate-0: #fff;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--slate-950: #020617;--cobalt-50: #eff6ff;--cobalt-200: #bfdbfe;--cobalt-300: #93c5fd;--cobalt-400: #60a5fa;--cobalt-600: #2563eb;--cobalt-700: #1d4ed8;--cobalt-950: #172554;--teal-50: #f0fdfa;--teal-300: #5eead4;--teal-700: #0f766e;--teal-950: #042f2e;--bg: var(--slate-50);--surface: var(--slate-0);--soft: var(--slate-100);--text: var(--slate-900);--muted: var(--slate-600);--quiet: var(--slate-600);--border: var(--slate-200);--strong-border: var(--slate-300);--accent: var(--cobalt-700);--accent-soft: var(--cobalt-50);--accent-line: var(--cobalt-200);--button: var(--cobalt-700);--button-text: var(--slate-0);--signal: var(--teal-700);--signal-soft: var(--teal-50);--display: "Manrope Variable", sans-serif;--body: "DM Sans Variable", sans-serif;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;color-scheme:light}:root[data-theme=dark]{--bg: var(--slate-900);--surface: var(--slate-800);--soft: var(--slate-950);--text: var(--slate-100);--muted: var(--slate-300);--quiet: var(--slate-400);--border: var(--slate-700);--strong-border: var(--slate-600);--accent: var(--cobalt-300);--accent-soft: var(--cobalt-950);--accent-line: var(--cobalt-600);--button: var(--cobalt-300);--button-text: var(--slate-950);--signal: var(--teal-300);--signal-soft: var(--teal-950);color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{font-family:var(--display);line-height:1.17;font-weight:650;letter-spacing:-.045em}p{color:var(--muted)}::selection{background:var(--accent);color:var(--bg)}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:.07em;color:var(--accent)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--signal);display:inline-block;flex-shrink:0}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:12px 17px;border:1px solid transparent;border-radius:6px;font-size:14px;font-weight:600;min-height:45px}.primary{background:var(--button);color:var(--button-text)}.secondary{border-color:var(--strong-border);background:var(--surface)}a svg,button svg{flex-shrink:0}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;border:0;background:none;padding:7px 0;color:var(--accent);text-align:left}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.theme-control{display:flex;gap:2px;padding:3px;border:1px solid var(--border);border-radius:7px;width:fit-content;background:var(--surface)}.theme-control button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:4px;background:none;color:var(--muted)}.theme-control button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:var(--surface);z-index:40}.skip-link:focus{top:10px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags>span{font:10px var(--mono);padding:5px 8px;border:1px solid var(--border);border-radius:4px;color:var(--muted)}.live-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:4px;background:var(--signal-soft);color:var(--signal);font:8px var(--mono);white-space:nowrap}.article-dialog{width:min(760px,calc(100% - 32px));max-height:86svh;background:var(--surface);color:var(--text);border:1px solid var(--strong-border);border-radius:12px;padding:0}.article-dialog::backdrop{background:var(--slate-950);opacity:.75}.article-inner{padding:45px;position:relative}.article-inner h2{font-size:32px;margin:20px 0}.article-inner h3{font-size:21px;margin-top:25px}.article-inner p{font-size:17px;line-height:1.8;margin:14px 0 20px}.close-dialog{position:absolute;top:12px;right:14px;border:1px solid var(--border);background:var(--soft);width:34px;height:34px;border-radius:5px;font-size:23px;line-height:1}body:has(dialog[open]){overflow:hidden}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}.chapter-top{display:contents}.chapter-rail{position:fixed;inset:0 auto 0 0;width:202px;padding:32px 20px 20px 28px;z-index:15;background:var(--bg);display:flex;flex-direction:column}.story-brand{font:800 38px/1 var(--display);letter-spacing:-4px;width:fit-content}.story-brand span{color:var(--accent)}.rail-intro{font:10px/1.7 var(--mono);letter-spacing:.04em;margin-top:25px;text-transform:uppercase}.rail-intro>span{display:block;font:11px/1.6 var(--body);text-transform:none;letter-spacing:0;color:var(--muted);margin-top:5px}.chapter-rail nav{display:flex;flex-direction:column;gap:6px;margin:auto 0}.chapter-rail nav>a{display:flex;align-items:center;gap:9px;min-height:44px;font-size:12px;color:var(--muted);position:relative}.chapter-index{display:grid;place-items:center;font:9px var(--mono);width:25px;height:25px;border-radius:50%;border:1px solid var(--border);flex-shrink:0}.chapter-rail nav>a[aria-current]{font-weight:600;color:var(--accent)}.chapter-rail nav>a[aria-current] .chapter-index{border-color:var(--accent);background:var(--accent-soft)}.rail-dot{margin-left:auto;width:4px;height:4px;border-radius:50%}.chapter-rail nav>a[aria-current] .rail-dot{background:var(--accent)}.rail-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.rail-bottom>span{font-size:11px;color:var(--muted)}.motion-toggle{border:0;background:none;padding:4px 0;font-size:11px;min-height:28px;color:var(--muted)}.story-stage{position:sticky;top:0;height:100svh;margin-left:202px;margin-right:28px;overflow:visible}.stage-topline{position:absolute;top:30px;left:14px;right:5px;display:flex;justify-content:space-between;gap:20px;font:9px var(--mono);color:var(--quiet);letter-spacing:.07em}.stage-topline>span:last-child{color:var(--accent)}.character-stage{position:absolute;left:-20px;top:50%;transform:translateY(-50%);height:83svh;width:40.6202svh;max-width:300px;pointer-events:none;z-index:1;display:flex;align-items:center}.engineer-art{height:100%;width:100%;overflow:visible}.chapter-workspace{position:absolute;inset:85px 0 80px 290px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--strong-border) transparent;padding:12px 10px 25px 2px;outline:none}.chapter-workspace:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:5px}.chapter-layout{min-height:100%;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;gap:32px}.chapter-workspace.with-flow .chapter-layout{grid-template-columns:minmax(0,1fr) minmax(290px,330px);align-items:start}.chapter-copy{min-width:0;align-self:center;max-width:620px;padding:10px 0}.chapter-question{font:11px/1.6 var(--mono);color:var(--muted);display:flex;gap:9px;margin-bottom:26px;max-width:100%}.chapter-question>span{color:var(--accent);flex-shrink:0}.hello-label{font-size:20px;color:var(--muted);display:block;margin-bottom:7px}h1{font-size:clamp(64px,5.7vw,88px);line-height:1.03;letter-spacing:-.065em}h1 span,h2 span{color:var(--accent)}h2{font-size:clamp(35px,2.85vw,45px);line-height:1.16;letter-spacing:-.052em}.chapter-lead{font:25px/1.5 var(--display);letter-spacing:-.03em;color:var(--text);margin-top:26px}.intro-context{font-size:16px;line-height:1.8;margin-top:20px}.chapter-description{font-size:17px;line-height:1.7;margin-top:20px}.chapter-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}.stage-bottom{position:absolute;left:14px;right:5px;bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--quiet);font:10px var(--mono)}.stage-bottom>button{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--strong-border);border-radius:12px;color:var(--text);font:12px var(--body);font-weight:600;line-height:1.3;min-height:48px;padding:8px 14px;text-align:left}@media(min-width:601px)and (hover:hover)and (pointer:fine){.stage-bottom>button:hover{background:var(--accent-soft);border-color:var(--accent)}}.section-hint{max-width:360px;color:var(--muted);font:12px var(--body);line-height:1.5}.stage-bottom>button:last-child{margin-left:auto}.scroll-symbol{display:grid;place-items:center;width:28px;height:34px;border-radius:15px;border:1px solid var(--strong-border);color:var(--accent);font-size:16px;flex-shrink:0}.reading-progress{position:absolute;bottom:0;left:14px;right:5px;height:2px;background:var(--border)}.reading-progress>span{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left}.mobile-header,.mobile-menu{display:none}.approach-steps{display:flex;flex-direction:column;gap:21px;margin-top:28px}.approach-steps>div{display:flex;align-items:flex-start;gap:14px}.approach-steps>div>span{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid var(--accent-line);border-radius:6px;color:var(--accent);background:var(--accent-soft);font:10px var(--mono)}.approach-steps h3{font-size:19px;letter-spacing:-.025em}.approach-steps p{font-size:14px;line-height:1.65;margin-top:6px}.design-proof{display:flex;align-items:center;gap:16px;border-top:1px solid var(--border);margin-top:27px;padding-top:20px}.design-proof>strong{font:650 45px var(--display);letter-spacing:-2px;color:var(--accent)}.design-proof b{font-size:14px;font-weight:600}.design-proof p{font-size:11px;line-height:1.5;margin-top:4px}.story-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-top:23px;border-bottom:1px solid var(--border);padding-bottom:10px}.story-tabs button{padding:8px 9px;background:none;border:1px solid transparent;border-radius:5px;font-size:12px;color:var(--muted)}.story-tabs button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;margin:28px 0}.metric-grid>div{display:flex;flex-direction:column;gap:3px}.metric-grid strong{font:600 36px var(--display);letter-spacing:-1px}.metric-grid span{font-size:12px;color:var(--muted)}.supporting-note{font-size:13px;line-height:1.8}.work-preview{padding-top:23px}.work-preview h3{font-size:24px;line-height:1.3;margin-top:12px}.work-preview>p{font-size:16px;line-height:1.7;margin-top:17px}.work-result{display:flex;align-items:center;gap:13px;margin:23px 0 12px}.work-result>strong{font:600 35px var(--display);color:var(--accent)}.work-result>span{font-size:13px;color:var(--muted)}.career-timeline{display:flex;flex-direction:column;margin-top:25px}.career-timeline button{display:grid;grid-template-columns:15px 1fr;gap:6px 14px;padding:12px 0 14px;background:none;border:0;text-align:left;position:relative}.career-timeline button:not(:last-child):after{content:"";position:absolute;left:5px;top:26px;bottom:-8px;width:1px;background:var(--border)}.milestone-dot{width:11px;height:11px;border:2px solid var(--strong-border);border-radius:50%;align-self:center}.career-timeline button[aria-pressed=true] .milestone-dot{background:var(--accent);border-color:var(--accent)}.milestone-date{font:10px var(--mono);color:var(--quiet)}.career-timeline strong{grid-column:2;font:650 19px var(--display);letter-spacing:-.02em}.milestone-detail{grid-column:2;font-size:14px;line-height:1.7;color:var(--muted);max-width:490px}.recognition{display:flex;align-items:flex-start;gap:9px;font-size:13px;margin-top:20px}.recognition .status-dot{margin-top:7px}.education{font-size:11px;margin-top:24px}.weekend-project{padding-top:24px}.project-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.project-heading h3{font-size:28px}.weekend-project>p{font-size:16px;line-height:1.8;margin-top:18px}.project-highlight{border-left:3px solid var(--signal);padding:11px 13px;margin:20px 0;font-size:14px;line-height:1.7;background:var(--signal-soft);color:var(--signal);border-radius:0 5px 5px 0}.weekend-project .text-link{margin-top:20px}.skill-map{margin-top:22px}.skill-options{display:flex;flex-direction:column;gap:7px}.skill-options>button{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);padding:12px 13px;border:1px solid var(--border);border-radius:5px;font-size:14px;text-align:left}.skill-options>button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.skill-evidence{border-top:1px solid var(--border);padding-top:17px;margin-top:20px;min-height:150px}.skill-evidence>div{display:flex;align-items:center;gap:10px}.skill-evidence strong{font-size:15px}.skill-level{font:9px var(--mono);background:var(--signal-soft);color:var(--signal);padding:4px 7px;border-radius:4px}.skill-evidence p{font-size:14px;line-height:1.7;margin-top:10px}.skill-evidence .skill-tools{font:11px/1.7 var(--mono);color:var(--accent)}.source-panel{align-self:center;padding:25px 20px;border:1px solid var(--border);border-radius:9px;background:var(--surface)}.source-hub{margin:23px 0 0;padding:14px;border:1px solid var(--accent);border-radius:5px;color:var(--accent);font-size:15px;text-align:center;background:var(--accent-soft)}.source-tree{padding:22px 0 0 28px;position:relative}.source-tree:before{content:"";position:absolute;left:12px;top:0;bottom:26px;width:1px;background:var(--border)}.source-branch{position:relative;display:flex;align-items:center;gap:9px;margin-bottom:12px;border:1px solid var(--border);padding:12px 10px;border-radius:5px;color:var(--quiet);font-size:13px}.source-branch:last-child{margin-bottom:0}.source-branch.connected{border-color:var(--signal);color:var(--signal);background:var(--signal-soft)}.origin-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.source-wire{position:absolute;width:18px;height:1px;left:-18px;background:var(--border)}.source-branch.connected .source-wire{background:var(--signal)}.source-branch.connected .source-wire:after{content:"";position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:var(--signal);animation:trace-source 1.8s linear infinite}.source-branch.no-motion .source-wire:after{animation:none}.source-panel>p{font-size:12px;margin-top:22px;line-height:1.7}.decision-copy{padding-top:24px}.decision-copy h3{font-size:24px;line-height:1.3}.decision-copy>p{font-size:16px;line-height:1.8;margin-top:17px}.story-email{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:20px;margin-top:27px;overflow-wrap:anywhere}.story-social{display:flex;gap:22px;margin-top:24px;font-size:14px}.story-social>a{display:inline-flex;align-items:center;gap:7px}.closing-note{margin-top:38px;font-size:11px;color:var(--quiet)}.flow-panel{min-width:0;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:18px 15px;align-self:start}.flow-heading h3{font-size:18px;line-height:1.3;letter-spacing:-.03em;margin-top:7px}.flow-heading .eyebrow{font-size:8px}.flow-views{display:flex;flex-wrap:wrap;gap:3px;margin-top:15px}.flow-views button{padding:6px 8px;border:1px solid transparent;border-radius:4px;background:none;color:var(--muted);font-size:10px}.flow-views button[aria-pressed=true]{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.flow-inputs{display:flex;gap:10px;margin-top:14px}.flow-inputs>label{flex:1;min-width:0;display:flex;flex-direction:column;font-size:10px;color:var(--muted);gap:5px}.flow-inputs select,.flow-inputs input{width:100%;min-width:0;padding:7px;border:1px solid var(--strong-border);border-radius:4px;font-size:11px;background:var(--bg);min-height:34px}.flow-inputs .count-input{flex:0 0 62px}.flow-controls{display:flex;align-items:center;gap:14px;margin-top:13px}.flow-controls button{border:0;background:none;color:var(--muted);font-size:11px;padding:5px 0;min-height:30px}.flow-controls .run-flow{display:flex;align-items:center;gap:12px;padding:7px 11px;border-radius:4px;background:var(--button);color:var(--button-text)}.flow-counter{margin-left:auto;font:10px var(--mono);color:var(--quiet)}.route-result{font-size:10px;line-height:1.6;margin-top:14px;padding-bottom:3px}.route-result>strong{font-weight:500;color:var(--accent)}.flow-graph{position:relative;padding:20px 0 5px;display:flex;flex-direction:column;gap:29px;isolation:isolate}.flow-row{position:relative;display:grid;gap:12px;grid-template-columns:1fr;padding:0 16px;z-index:1}.flow-row.branch-row{padding:0 29px;gap:9px}.flow-node{display:flex;align-items:center;gap:10px;min-width:0;padding:11px 10px;text-align:left;background:var(--bg);border:1px solid var(--strong-border);border-radius:5px;min-height:49px;position:relative}.flow-node>span:nth-child(2){min-width:0}.flow-node strong{font-size:11px;font-weight:600;line-height:1.5;display:block;overflow-wrap:anywhere}.flow-node small{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:3px}.node-number{font:8px var(--mono);color:var(--quiet);flex-shrink:0}.flow-node.done{border-color:var(--signal);background:var(--signal-soft)}.flow-node.done .node-number{color:var(--signal)}.flow-node.current{border-color:var(--accent);background:var(--accent-soft)}.flow-node.inspected{outline:2px solid var(--accent);outline-offset:3px}.node-route-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:auto;flex-shrink:0}.flow-node.inactive-route{border-style:dashed}.flow-node.inactive-route strong{color:var(--quiet);font-weight:400}.flow-edges{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.edge{fill:none;stroke:var(--strong-border);stroke-width:1.3}.edge.complete{stroke:var(--signal)}.edge-packet{fill:none;stroke:var(--signal);stroke-width:3;stroke-dasharray:12 88;stroke-linecap:round;animation:flow-packet .65s linear infinite}.flow-status{display:flex;align-items:center;gap:7px;margin-top:14px;font-size:11px;line-height:1.6;min-height:22px;color:var(--accent)}.flow-status[data-status=complete]{color:var(--signal)}.flow-inspector{padding-top:13px;margin-top:12px;border-top:1px solid var(--border);font-size:11px;line-height:1.7}.flow-inspector strong{display:block;margin-bottom:5px;font-size:12px}.flow-note{font-size:9px;line-height:1.7;margin-top:14px;color:var(--quiet)}@keyframes flow-packet{0%{stroke-dashoffset:12}to{stroke-dashoffset:-88}}@keyframes trace-source{0%{transform:translate(0)}to{transform:translate(17px)}}@media(min-width:1650px){.story-stage{margin-right:5vw}.chapter-workspace{left:320px}.chapter-workspace.with-flow .chapter-layout{grid-template-columns:minmax(0,1fr) minmax(330px,400px);gap:45px}.character-stage{max-width:340px}.chapter-copy{max-width:650px}.flow-node strong{font-size:13px}.flow-node small{font-size:11px}.flow-heading h3{font-size:20px}.flow-note{font-size:11px}.flow-inputs>label,.flow-status,.flow-controls button,.flow-views button{font-size:12px}}@media(max-width:1390px){.chapter-workspace{left:270px}.chapter-layout{gap:24px}.chapter-workspace.with-flow .chapter-layout{grid-template-columns:minmax(0,1fr) minmax(270px,300px)}.character-stage{max-width:280px;left:-22px}h2{font-size:35px}.chapter-description{font-size:16px}.story-tabs button{font-size:11px;padding:7px 8px}.chapter-question{font-size:10px}.flow-panel{padding:16px 12px}}@media(max-width:1220px){.chapter-rail{width:188px;padding-left:23px;padding-right:15px}.chapter-rail nav>a{font-size:11px;gap:8px}.story-stage{margin-left:188px;margin-right:25px}.character-stage{left:-26px;width:38.1732svh;max-width:280px}.chapter-workspace{left:260px;right:0;padding-right:15px}.chapter-workspace.with-flow .chapter-layout{grid-template-columns:1fr;gap:32px}.chapter-copy{max-width:600px}.chapter-workspace.with-flow .chapter-copy{align-self:start}.flow-panel,.source-panel{width:100%;max-width:600px}.flow-row{padding-left:50px;padding-right:50px}.flow-row.branch-row{padding-left:65px;padding-right:65px}.flow-node strong{font-size:13px}.flow-node small{font-size:11px}.flow-inputs select,.flow-inputs input{font-size:13px}.flow-controls button,.flow-views button,.flow-inputs label{font-size:12px}.flow-note{font-size:11px}.flow-status,.flow-inspector p{font-size:12px}.flow-heading h3{font-size:22px}.flow-panel{padding:22px}.flow-node{padding:13px}.route-result{font-size:12px}}@media(max-width:900px){.chapter-rail{display:none}.mobile-header{display:flex;align-items:center;position:fixed;top:0;left:0;right:0;z-index:25;height:64px;background:var(--bg);padding:0 24px;border-bottom:1px solid var(--border)}.mobile-header .story-brand{font-size:30px}.mobile-header>span{font:10px var(--mono);color:var(--quiet);margin-left:auto;margin-right:25px}.mobile-header>button{display:flex;gap:16px;font-size:13px;background:none;border:0;padding:10px 0 10px 10px}.mobile-menu{display:none;position:fixed;top:64px;left:0;right:0;z-index:24;padding:20px 24px 25px;background:var(--surface);border-bottom:1px solid var(--strong-border)}.mobile-menu.open{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.mobile-menu>a{display:flex;gap:12px;font-size:13px;padding:10px 0}.mobile-menu>a>span{font:10px var(--mono);color:var(--quiet)}.mobile-menu>a[aria-current]{color:var(--accent)}.mobile-menu .motion-toggle{text-align:left}.story-stage{margin-left:20px;margin-right:20px}.stage-topline{top:87px;left:0;right:0;font-size:8px}.stage-topline>span:last-child{display:none}.character-stage{left:-30px;top:53%;height:73svh;width:35.7262svh;max-width:270px}.chapter-workspace{left:245px;top:135px;bottom:70px;padding-right:6px}.stage-bottom{left:0;right:0;bottom:20px}.reading-progress{left:0;right:0}h1{font-size:67px}h2{font-size:35px}.chapter-lead{font-size:23px}.chapter-description{font-size:16px}.story-email{font-size:17px}.chapter-actions{gap:14px}.button{font-size:12px}.text-link{font-size:13px}.chapter-question{margin-bottom:22px}}@media(max-width:600px){html,body{overflow:hidden;overscroll-behavior:none}.chapter-workspace{overscroll-behavior-y:contain}.story-stage{margin:0 20px}.mobile-header{height:60px;padding:0 20px}.mobile-menu{top:60px;padding:18px 20px 22px}.mobile-menu>a{font-size:12px}.stage-topline{top:77px;font-size:7px;letter-spacing:.04em}.character-stage{transform:none;left:0;top:90px;width:90px;height:175px;max-width:none}.engineer-art{width:100%;height:100%}.chapter-workspace{inset:280px 0 60px;padding:3px 5px 25px 1px}.chapter-layout{min-height:100%;gap:27px}.chapter-copy{padding:0}.chapter-question{font-size:10px;margin-bottom:19px}.hello-label{font-size:17px}h1{font-size:61px}h2{font-size:33px}.chapter-description{font-size:15px;line-height:1.7;margin-top:17px}.chapter-lead{font-size:22px;margin-top:19px}.intro-context{font-size:14px;margin-top:16px}.chapter-actions{margin-top:24px;gap:16px}.button{font-size:12px;padding:11px 13px}.text-link{font-size:12px}.stage-bottom{bottom:14px;font-size:9px;gap:8px}.stage-bottom>button{min-width:0;max-width:calc((100% - 8px)/2);padding:10px;font-size:12px;gap:6px}.stage-bottom>button:only-child{max-width:100%}.scroll-symbol{width:24px;height:29px;font-size:14px}.approach-steps{gap:20px}.approach-steps h3{font-size:17px}.approach-steps p{font-size:13px}.design-proof{margin-top:22px}.design-proof>strong{font-size:40px}.design-proof b{font-size:13px}.design-proof p{font-size:10px}.story-tabs{margin-top:20px}.story-tabs button{font-size:11px}.metric-grid{gap:20px 15px}.metric-grid strong{font-size:31px}.metric-grid span{font-size:11px}.supporting-note{font-size:12px}.work-preview h3{font-size:23px}.work-preview>p{font-size:15px}.work-result>span{font-size:12px}.work-result>strong{font-size:30px}.milestone-date{font-size:9px}.career-timeline strong{font-size:17px}.milestone-detail{font-size:13px}.recognition{font-size:12px}.education{font-size:10px}.weekend-project>p{font-size:15px}.project-heading h3{font-size:26px}.project-highlight{font-size:13px;padding:10px 12px}.skill-options>button{font-size:13px}.skill-evidence strong{font-size:14px}.skill-evidence p{font-size:13px}.decision-copy h3{font-size:23px}.decision-copy>p{font-size:15px}.story-email{font-size:15px;gap:6px}.story-social{font-size:13px}.closing-note{font-size:10px}.flow-panel{padding:17px 12px}.flow-heading h3{font-size:19px}.flow-row{padding-left:18px;padding-right:18px}.flow-row.branch-row{padding-left:30px;padding-right:30px}.flow-node{padding:11px 9px}.flow-node strong{font-size:12px}.flow-node small{font-size:10px}.flow-inputs select,.flow-inputs input{font-size:12px}.flow-note{font-size:10px}.flow-controls button,.flow-views button{font-size:11px}.source-panel{padding:22px 17px}.article-inner{padding:37px 22px 25px}.article-inner h2{font-size:27px}.article-inner p{font-size:15px}}@media(max-height:740px)and (max-width:600px){.character-stage{height:130px;width:70px;top:85px}.chapter-workspace{top:228px;bottom:55px}.stage-bottom{bottom:12px}.chapter-question{margin-bottom:16px}.chapter-lead{font-size:20px}}@media(max-height:670px)and (min-width:601px){.chapter-rail{padding-top:20px;padding-bottom:13px}.rail-intro{display:none}.chapter-rail nav{gap:1px}.chapter-rail nav>a{min-height:36px}.rail-bottom{gap:6px}.rail-bottom>span{display:none}.stage-topline{top:23px}.chapter-workspace{top:67px;bottom:65px}.stage-bottom{bottom:17px}.character-stage{height:80svh}.chapter-copy{align-self:start}.chapter-layout{align-items:start}}@media(prefers-reduced-motion:reduce){.chapter-workspace{transform:none!important}.edge-packet{display:none}.source-wire:after{display:none}}.character-stage{max-width:none}.chapter-workspace{left:calc(40.6202svh + 8px)}.chapter-workspace.with-flow .chapter-copy{align-self:start;padding-top:16px}@media(max-width:1390px){.character-stage{max-width:none}.chapter-workspace{left:calc(40.6202svh + 8px)}}@media(max-width:1220px){.character-stage{max-width:none}.chapter-workspace{left:calc(38.1732svh + 8px)}}@media(max-width:900px){.character-stage{max-width:none}.chapter-workspace{left:calc(35.7262svh + 4px)}}@media(max-width:600px){.chapter-workspace{left:0}.chapter-workspace.with-flow .chapter-copy{padding-top:0}}.chapter-lead>span{display:block}.chapter-introduction .chapter-lead>span:first-child{color:var(--accent)}.chapter-introduction .chapter-lead>span:last-child{color:var(--signal)}.chapter-introduction .intro-context{color:var(--muted)}.project-heading{flex-wrap:wrap;gap:10px}.project-heading .text-link{font-size:12px}.flow-viewport{max-height:450px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;margin-top:12px}.flow-controls{flex-wrap:wrap;gap:6px 14px}.flow-views button{border-color:var(--border)}.flow-scenarios button[aria-pressed=true]{box-shadow:inset 0 -2px var(--accent);font-weight:700}.flow-status{margin-top:8px}.flow-inspector{min-height:55px}@media(min-width:1221px){.character-stage{margin-left:-12px}.chapter-workspace{overflow:visible;padding-bottom:0}.chapter-layout{height:100%;min-height:0}.flow-panel{display:flex;flex-direction:column;max-height:100%;overflow:hidden}.flow-panel>*{flex-shrink:0}.flow-viewport{flex:1 1 auto;min-height:100px;max-height:none}.flow-note{font-size:9px;margin-top:6px}.flow-inspector{padding-top:8px;margin-top:6px}.chapter-journey .chapter-description{font-size:15px;margin-top:12px}.chapter-journey .career-timeline{margin-top:16px}.chapter-journey .career-timeline>button{padding-top:8px;padding-bottom:8px}.chapter-journey .milestone-detail{font-size:13px}.chapter-journey .recognition,.chapter-journey .education{margin-top:12px}}.project-heading .text-link{margin-top:0}.character-stage{z-index:16}@media(min-width:1221px){.chapter-layout{grid-template-rows:minmax(0,1fr)}.flow-panel{height:100%;min-height:0}}@media(min-width:1221px)and (max-height:850px){.chapter-question{margin-bottom:18px}.chapter-description,.decision-copy>p{font-size:15px;line-height:1.65}.decision-copy>p{margin-top:14px}.decision-copy{padding-top:18px}.project-highlight{margin:14px 0;padding:9px 11px;font-size:13px}.weekend-project{padding-top:16px}.weekend-project>p{font-size:15px;line-height:1.65;margin-top:14px}.skill-map{margin-top:16px}.skill-options>button{padding:8px 10px}.skill-evidence{padding:14px;margin-top:14px}.skill-evidence p{font-size:13px;line-height:1.6}}.story-stage{z-index:16}.character-stage{z-index:1}@media(min-width:1221px)and (max-height:850px){.skill-evidence{min-height:120px;padding-bottom:0}}@media(max-width:600px){.story-stage{display:flex;flex-direction:column;--collapse: 0;padding-top:calc(110px - 34px * var(--collapse));padding-bottom:96px}.story-stage.is-introduction{padding-bottom:128px}.is-introduction .stage-bottom{flex-wrap:wrap}.is-introduction .stage-bottom>button{max-width:100%}.section-hint{flex:0 0 100%;max-width:none;text-align:center;font-size:11px}.mobile-section-tabs{flex-shrink:0;min-width:0;margin-top:8px;background:var(--bg)}.mobile-section-tabs .story-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;overscroll-behavior-x:contain;margin-top:0;padding-bottom:6px}.mobile-section-tabs .story-tabs button{flex-shrink:0;white-space:nowrap;min-height:44px}.chapter-top{position:relative;display:grid;grid-template-columns:minmax(0,1fr) clamp(26px,calc(100vw - 310px),90px);align-items:start;gap:8px;flex-shrink:0;height:calc(var(--expanded-height) + (var(--compact-height) - var(--expanded-height)) * var(--collapse));overflow:clip}.mobile-chapter-heading{min-width:0;opacity:calc(var(--chapter-opacity) * max(0,1 - var(--collapse) * 2.5));transform:translateY(calc(-20px * var(--collapse)))}.compact-mobile-heading{position:absolute;inset:0 0 auto;opacity:calc(var(--chapter-opacity) * max(0,(var(--collapse) * 5 - 2) / 3));transform:translateY(calc(8px * (1 - var(--collapse))));pointer-events:none}.stage-topline{opacity:calc(1 - var(--collapse))}.chapter-top .character-stage{position:static;transform:none;margin:0;width:100%;height:auto;aspect-ratio:90 / 175;align-self:start;opacity:max(0,1 - var(--collapse) * 2.5)}.chapter-workspace{position:relative;inset:auto;flex:1;min-height:0;margin-top:calc(16px - 4px * var(--collapse));overflow-anchor:none;transform:none!important}.chapter-layout,.chapter-workspace.with-flow .chapter-layout{grid-template-columns:minmax(0,1fr);align-items:start;align-content:start}.chapter-copy{align-self:start}.compact .stage-topline,.compact .character-stage{visibility:hidden}.compact-mobile-heading .chapter-question{margin-bottom:6px}.compact-mobile-heading .chapter-title{font-family:var(--display);font-weight:650;font-size:16px;line-height:1.4;letter-spacing:-.025em}.compact-mobile-heading .chapter-title span{color:var(--accent)}.compact-mobile-heading .hello-label{display:inline;font-size:12px;margin:0 5px 0 0}.compact-mobile-heading.chapter-introduction .chapter-title{display:inline}}.metric-grid .metric-growth{display:flex;align-items:center;gap:.3em}.metric-growth svg{flex-shrink:0}@media(min-width:601px){.is-weekends .character-stage{width:calc(73svh * 155 / 470);height:73svh}.is-weekends .chapter-workspace{left:calc(73svh * 155 / 470 + 8px)}}@media(min-width:1221px){.is-weekends .chapter-workspace.with-flow .chapter-layout{grid-template-columns:minmax(0,1fr) minmax(350px,.95fr)}}@media(max-width:600px){.is-weekends .chapter-top .character-stage{aspect-ratio:155 / 470}.is-skills .chapter-top{height:max(var(--compact-height),155px);grid-template-columns:minmax(0,1fr) 76px}.is-skills .mobile-chapter-heading{visibility:hidden}.is-skills .chapter-top .character-stage{visibility:visible;opacity:1}.is-skills .compact-mobile-heading{right:84px;opacity:1;transform:none}.is-skills .compact-mobile-heading .chapter-title{font-size:22px;line-height:1.4}.is-skills .chapter-workspace{padding-bottom:6px}.is-skills .chapter-copy{width:100%}.is-skills .chapter-description{font-size:13px;margin:0 0 12px}.is-skills .skill-map{margin-top:0}.is-skills .skill-options{gap:6px}.is-skills .skill-options>button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:44px;padding:10px 12px;text-align:left;font-size:13px}.skill-inline-map{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding-top:4px}.skill-inline-map .eyebrow{width:100%;font-size:8px}.skill-source{padding:3px 7px;border:1px solid var(--signal);border-radius:5px;background:var(--signal-soft);color:var(--signal);font-size:11px}.is-skills .skill-dock{flex:0 0 auto;margin:8px 0 0;min-height:0;padding:12px 0 0;border-top:1px solid var(--border);background:var(--bg)}.skill-dock strong{font-size:14px}.skill-dock p{font-size:12px;line-height:1.5;margin-top:7px}.skill-dock .skill-tools{font-size:11px;line-height:1.5}}@media(max-width:600px)and (max-height:650px){.is-skills{padding-top:76px}.is-skills .stage-topline{visibility:hidden}.is-skills .chapter-top{height:max(var(--compact-height),112px);grid-template-columns:minmax(0,1fr) 55px}.is-skills .compact-mobile-heading{right:63px}.is-skills .compact-mobile-heading .chapter-title{font-size:18px}.is-skills .chapter-description{display:none}.is-skills .skill-dock p{font-size:11px;margin-top:5px}}.engineer-art{--print-base: var(--cobalt-200);--print-highlight: var(--teal-300);--print-detail: var(--slate-100)}
