:root{--bg:#f4f3e9;--ink:#192b22;--muted:#687261;--dark:#15251e;--lime:#d4f36b;--line:#d5d9c8;--card:#fffef7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,'Microsoft YaHei','PingFang SC',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer}button,a,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #9a72ce;outline-offset:5px}::selection{background:var(--lime);color:var(--dark)}.shell{max-width:1180px;margin:auto;padding:0 44px}.skip{position:fixed;top:-80px;left:20px;background:var(--lime);padding:12px;z-index:99}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}header{height:88px;display:flex;align-items:center;gap:26px;border-bottom:1px solid #ffffff20;position:relative;color:var(--bg);z-index:1}header::before{content:'';position:absolute;left:50%;top:0;bottom:-1px;width:100vw;transform:translateX(-50%);background:var(--dark);z-index:-1}.brand{margin-right:auto}.brand strong{font-size:20px;letter-spacing:-.8px;font-weight:500}.brand strong>span{display:block;font:8px 'Courier New',monospace;color:#9db092;letter-spacing:1.4px;text-transform:uppercase;margin-top:6px}nav{display:flex;gap:23px;font-size:11px}nav a{color:#c3cebb}nav a:hover{color:var(--lime)}.language{display:flex;align-items:center;gap:5px;border-left:1px solid #ffffff25;padding-left:17px;font-size:18px}.language select{background:none;color:var(--bg);border:0;font:10px Arial,sans-serif;padding:6px 0;cursor:pointer}.language option{color:var(--ink);background:var(--bg)}.header-contact{border:1px solid #627358;border-radius:30px;padding:10px 15px;font-size:10px;white-space:nowrap}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:9%;padding:58px 0 62px;position:relative;color:var(--bg);min-height:510px;align-items:center}.hero::before{content:'';position:absolute;left:50%;top:0;bottom:0;transform:translateX(-50%);width:100vw;background:var(--dark);z-index:-1}.eyebrow{display:flex;gap:8px;align-items:center;color:#a9b89c;font:9px 'Courier New',monospace;letter-spacing:1.3px;margin-bottom:23px;text-transform:uppercase}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime)}h1{font-size:clamp(55px,6.4vw,83px);font-weight:400;letter-spacing:-3.7px;line-height:.94;margin:0}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--lime);letter-spacing:-3px}.hero-tagline{font-size:22px;font-weight:400;letter-spacing:-.6px;margin:22px 0 16px;color:#d8e0cf}.hero-description{font-size:13px;line-height:1.85;max-width:380px;color:#a9b89c}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:25px;border-radius:5px;padding:14px 19px;font-size:10px;font-weight:600;transition:transform .2s}.button:hover{transform:translateY(-2px)}.lime{background:var(--lime);color:var(--dark)}.primary{background:var(--dark);color:var(--bg)}.quiet-link{font-size:10px}.hero .quiet-link{color:#b8c7aa}.idea-board{position:relative;padding:23px 10px;transform:rotate(2deg);min-width:0}.board-label{font:8px 'Courier New',monospace;letter-spacing:1.7px;color:#88a079;display:block;margin-bottom:20px}.idea-paper{position:relative;background:var(--lime);color:var(--dark);padding:30px 27px 25px;border-radius:2px;transform:rotate(-7deg);box-shadow:12px 16px 0 #203823;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.idea-paper::before{content:'';position:absolute;top:-10px;left:43%;height:24px;width:65px;background:#f3f5df4d;transform:rotate(4deg)}.paper-corner{font:9px 'Courier New',monospace}.big-question{font:italic 67px Georgia,serif;letter-spacing:-2px}.paper-caption{font:8px 'Courier New',monospace;letter-spacing:1px;max-width:180px;line-height:1.7}.drawn-arrow{position:absolute;right:25px;bottom:15px;font:72px Georgia,serif;transform:rotate(-20deg)}.idea-strip{font:8px 'Courier New',monospace;letter-spacing:.3px;display:flex;align-items:center;justify-content:space-between;gap:7px;background:#263c2e;padding:14px;margin:27px -8px 0;transform:rotate(1deg);color:#c3d3b6}.idea-strip i{font-style:normal;color:var(--lime)}.board-footnote{display:block;font:italic 12px Georgia,serif;color:#8fa781;margin-top:19px;transform:rotate(-2deg)}.section{padding-top:59px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.small-label{font:8px 'Courier New',monospace;letter-spacing:1.1px;text-transform:uppercase;color:#748367;line-height:1.6}h2{font-size:31px;font-weight:400;letter-spacing:-1.1px;line-height:1.15;margin:0}p{line-height:1.8}.about{padding-top:52px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.photo-story{min-width:0}.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;position:relative;padding:10px 3px 10px}.photo-pair figure{padding:7px 7px 0;margin:0;background:#fffef9;box-shadow:0 7px 20px #2c3c2511;border:1px solid #dedfce;transition:transform .35s,box-shadow .35s;min-width:0;position:relative}.photo-pair figure.child-photo{transform:rotate(-5deg)}.photo-pair figure.now-photo{transform:rotate(5deg);margin-top:27px}.photo-pair figure.is-active{z-index:1;box-shadow:0 8px 25px #31412422;border-color:#a4bd76}.photo-pair figure.child-photo.is-active{transform:rotate(-3deg) translateY(-4px)}.photo-pair figure.now-photo.is-active{transform:rotate(3deg) translateY(-4px)}.photo-pair img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:center 35%}.photo-pair .child-photo img{object-position:center 28%}.photo-pair figcaption{display:flex;justify-content:space-between;padding:13px 3px;font:8px 'Courier New',monospace;letter-spacing:.5px;color:#7b866d}.photo-connector{position:absolute;left:44%;top:45%;font:64px Georgia,serif;color:#50713d;transform:rotate(-18deg);z-index:2;pointer-events:none}.photo-controls{display:flex;gap:6px;margin:25px 0 13px;justify-content:center}.photo-choice{background:none;border:1px solid #cfd7bc;border-radius:30px;font-size:10px;padding:9px 14px;transition:background .2s}.photo-choice.selected{background:var(--dark);color:var(--bg);border-color:var(--dark)}.photo-note{font:italic 14px Georgia,serif;color:#75845f;text-align:center;margin:0;min-height:35px;line-height:1.5}.about-copy h2{font-size:40px;letter-spacing:-1.5px;line-height:1.1;max-width:390px;margin:0 0 22px}.about-copy p{font-size:13px;color:var(--muted);line-height:1.9}.about-copy p.about-lead{font-size:17px;color:var(--ink);line-height:1.6;letter-spacing:-.2px}.about-signature{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px;font:italic 18px Georgia,serif}.about-signature>span:last-child{font:30px Arial,sans-serif;color:#829c60}.journey-section{margin-top:48px;padding:33px 30px;background:#e6ebda;border:1px solid #d5dfc2;border-radius:8px}.journey-section .section-title{margin-bottom:15px}.journey-section .section-title h2{margin-top:9px}.journey-counter{font:11px 'Courier New',monospace;color:#86966e}.journey-intro{font-size:12px;color:#728261;max-width:650px;margin:0 0 26px}.timeline-nav{display:flex;overflow-x:auto;gap:0;padding:0 0 15px;scrollbar-width:thin;scrollbar-color:#b0bf98 transparent;position:relative}.chapter-tab{position:relative;flex:1;min-width:105px;text-align:left;background:none;padding:17px 10px 10px 0;border-top:1px solid #b8c89f;outline-offset:-3px}.chapter-tab::before{content:'';position:absolute;top:-4px;left:0;width:7px;height:7px;background:#b5c49d;border-radius:50%;transition:background .2s,box-shadow .2s}.chapter-tab[aria-selected=true]::before{background:#314a2b;box-shadow:0 0 0 4px #cbdab2}.chapter-tab .tab-year{font:17px 'Courier New',monospace;display:block;color:#8b9a79;margin-bottom:8px}.chapter-tab .tab-company{font-size:9px;color:#82926d}.chapter-tab[aria-selected=true] .tab-year{color:#233b24;font-weight:600}.chapter-tab[aria-selected=true] .tab-company{color:#334e2d}.chapter{background:#fffef7;border:1px solid #d3ddc3;border-radius:6px;display:grid;grid-template-columns:155px 1fr;min-height:235px;padding:28px;gap:30px;margin-top:7px}.chapter-sidebar{display:flex;flex-direction:column;border-right:1px solid #e2e8d7;padding-right:20px}.chapter-year{font-size:47px;font-weight:400;letter-spacing:-2px;color:#b7c49f}.chapter-dates{font:8px 'Courier New',monospace;color:#899774;line-height:1.8;margin-top:10px}.chapter-steps{display:flex;gap:8px;margin-top:auto;padding-top:20px}.chapter-steps button{background:none;border:1px solid #c9d7b4;border-radius:50%;width:32px;height:32px;font-size:16px}.chapter-steps button:disabled{opacity:.3;cursor:default}.chapter-steps button:not(:disabled):hover{background:var(--lime)}.chapter-story h3{font-size:27px;font-weight:400;letter-spacing:-.7px;line-height:1.2;margin:13px 0}.chapter-story p{font-size:12px;line-height:1.9;color:#728261;margin:0 0 20px;max-width:650px}.chapter-role{font:9px 'Courier New',monospace;color:#6a7e50;border-top:1px solid #e0e7d4;display:block;padding-top:13px}.journey-cv{font-size:10px;display:inline-block;margin-top:20px;color:#566c3e}.case-stack{display:grid;gap:18px}.case-card{background:var(--card);border:1px solid var(--line);border-radius:7px;padding:26px 28px}.case-heading{display:flex;gap:20px;align-items:start}.case-number{font:9px 'Courier New',monospace;color:#8f9d7b;padding-top:3px}.card-kicker{font:8px 'Courier New',monospace;color:#7c8a69;letter-spacing:1px;line-height:1.6}.case-heading h3{font-size:27px;font-weight:400;letter-spacing:-.8px;margin:10px 0 0;line-height:1.2}.case-date{margin-left:auto;white-space:nowrap;font:8px 'Courier New',monospace;color:#929e80;padding-top:3px}.case-date>span{text-transform:uppercase}.company-context{font-size:12px;line-height:1.85;max-width:850px;color:#71805e;margin:19px 0 21px}.case-panels{display:grid;grid-template-columns:1fr 1fr;gap:13px}.case-panels>section{background:#eef2e6;border:1px solid #e3e9d7;padding:19px;border-radius:4px}.case-panels>section:nth-child(2){background:#f5f5ec}.panel-label{font:8px 'Courier New',monospace;letter-spacing:1px;color:#738b52}.case-panels h4{font-size:16px;line-height:1.3;font-weight:500;letter-spacing:-.3px;margin:12px 0 9px}.case-panels p{font-size:11px;line-height:1.85;color:#728261;margin:12px 0 0}.case-panels h4+p{margin-top:0}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.tags span{font:8px 'Courier New',monospace;padding:6px 8px;border-radius:3px;background:#e0e9ce;color:#607b41}.scope-label{font-size:9px;line-height:1.7;margin-top:18px;color:#82976b;border-top:1px solid #dce6cc;padding-top:11px}.case-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-top:18px;font-size:9px}.case-footer>a{color:#8a9878;font-size:8px}.case-more{background:none;padding:3px 0;color:#566e3d;font-size:10px}.case-more:hover{color:#314828}.event{display:flex;align-items:center;gap:24px;padding:25px;border-radius:7px}.next{background:var(--lime);border:1px solid #cbe777;margin-bottom:12px}.date{align-self:start;min-width:42px;text-align:center;padding-top:3px}.date strong{display:block;font-size:35px;font-weight:400;letter-spacing:-2px;line-height:1}.date>span{font-size:9px;letter-spacing:1px;display:block;margin-top:7px;color:#6c7c54}.event-main{flex:1}.event-label{font:8px 'Courier New',monospace;letter-spacing:.8px;line-height:1.8;text-transform:uppercase;color:#5b7142;display:flex;gap:5px;align-items:center;flex-wrap:wrap}.event-label .status-dot{background:#536c3c}.event h3{font-size:26px;letter-spacing:-.8px;font-weight:400;margin:10px 0 7px;line-height:1.2}.event p{font-size:12px;color:#637750;margin:0;line-height:1.6;max-width:500px}.event-meta{font-size:9px;color:#6a7e53;margin-top:14px;line-height:1.8}.event-actions{display:flex;gap:23px;font-size:10px;margin-top:18px;flex-wrap:wrap}.event-actions>a:first-child{font-weight:600}.event-actions a:hover{text-decoration:underline}.reuse{width:115px;text-align:center;color:#657f42;flex-shrink:0}.reuse>span{display:block;font-size:75px;line-height:1;font-weight:300}.reuse small{font:8px 'Courier New',monospace;letter-spacing:2px}.past{background:var(--card);border:1px solid var(--line);padding-top:20px;padding-bottom:20px}.past h3{font-size:19px;margin-top:7px;letter-spacing:-.3px}.past .date strong{font-size:27px}.past .date>span{font-size:8px}.past .event-meta{margin-top:10px}.event-arrow{font-size:21px;padding:10px}.article{display:flex;align-items:center;gap:23px;padding:15px;border:1px solid var(--line);border-radius:7px;background:var(--card)}.article-art{width:104px;min-width:104px;height:85px;border-radius:5px;background:#becda5;overflow:hidden;position:relative}.article-art span{position:absolute;width:38px;height:38px;background:#f2e9a7;border-radius:50%;top:11px;right:13px}.article-art i,.article-art b{position:absolute;background:#57744d;width:100px;height:70px;border-radius:50% 50% 0 0;bottom:-40px;left:-25px;transform:rotate(-20deg)}.article-art b{background:#7e9a68;left:36px;bottom:-25px}.article h3{font-size:18px;font-weight:400;line-height:1.4;letter-spacing:-.3px;max-width:600px;margin:7px 0 0}.article .small-label{font-size:8px}.article-arrow{margin-left:auto;padding:0 13px;font-size:23px}.contact{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:42px;border-bottom:1px solid var(--line)}.contact h2{font-size:34px;margin:12px 0 17px}.email{font-size:14px;color:#56783c}.contact-right{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px;align-items:center;position:relative;font-size:11px}.contact-right button{font-size:11px;background:none;padding:0;color:#7a8c62}#copy-status{position:absolute;top:27px;right:0;font-size:9px;width:220px;text-align:right;color:#668b40}footer{display:flex;justify-content:space-between;gap:18px;padding:22px 0 27px;color:#8e9b7a;font-size:9px}footer>span:nth-child(2){font-style:italic}dialog{background:var(--bg);border:1px solid var(--line);color:var(--ink);border-radius:8px;max-width:540px;width:calc(100% - 35px);padding:35px;max-height:85vh;overflow:auto}dialog::backdrop{background:#102516c9;backdrop-filter:blur(6px)}dialog h2{font-size:28px;margin:18px 0}dialog p{font-size:13px;line-height:1.8;color:var(--muted)}dialog .button{margin-top:10px}.close{position:absolute;right:15px;top:10px;font-size:26px;background:none;padding:5px;font-weight:300}html[lang=zh] h1{font-size:65px;line-height:1.1}html[lang=zh] h1 em{font-style:normal;letter-spacing:0}html[lang=zh] h2,html[lang=zh] h3{letter-spacing:0}@media(max-width:1000px){.shell{padding:0 32px}header{gap:19px}nav{gap:18px}.header-contact{display:none}.hero{gap:7%}h1{font-size:66px}.idea-paper{padding:25px 22px;min-height:200px}.big-question{font-size:57px}.idea-strip{font-size:7px;gap:5px}.about-grid{gap:7%}.about-copy h2{font-size:35px}.about-copy p{font-size:12px}.about-copy p.about-lead{font-size:15px}.photo-pair{gap:10px}.chapter{grid-template-columns:125px 1fr;gap:23px}.chapter-tab{min-width:105px}.case-card{padding:23px}.case-heading h3{font-size:25px}.case-panels>section{padding:16px}.reuse{width:80px}}@media(max-width:640px){.shell{padding:0 22px}header{height:auto;min-height:85px;gap:16px;flex-wrap:wrap;padding:17px 0 14px}.brand strong{font-size:18px}.brand strong>span{font-size:7px}.language{margin-left:auto;padding-left:12px}nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:10px}.hero{grid-template-columns:1fr;padding:35px 0 38px;gap:35px;min-height:0}.eyebrow{font-size:8px;margin-bottom:20px;letter-spacing:.8px}h1{font-size:65px;letter-spacing:-3px;line-height:.94}h1 em{letter-spacing:-2px}.hero-tagline{font-size:20px;margin:19px 0 13px}.hero-description{font-size:12px;line-height:1.8}.hero-actions{margin-top:20px;gap:20px}.button{padding:13px 16px;font-size:9px}.quiet-link{font-size:9px}.hero .quiet-link{font-size:9px}.idea-board{max-width:300px;justify-self:center;width:90%;padding:10px 12px 0;transform:rotate(1deg)}.board-label{font-size:7px;margin-bottom:15px}.idea-paper{min-height:165px;padding:19px 22px;transform:rotate(-5deg)}.big-question{font-size:56px}.paper-caption{font-size:7px;max-width:150px}.drawn-arrow{font-size:57px;right:20px;bottom:9px}.idea-strip{margin-top:20px;font-size:7px;padding:11px;gap:6px}.board-footnote{font-size:11px;margin-top:14px}.section{padding-top:40px}.section-title{margin-bottom:21px}.small-label{font-size:7px}.section-title>.small-label{font-size:6px;max-width:100px;text-align:right}h2{font-size:26px}.about-grid{grid-template-columns:1fr;gap:29px}.photo-story{max-width:450px;justify-self:center;width:100%}.photo-pair{padding:8px 4px;gap:14px}.photo-pair figure{padding:6px 6px 0}.photo-pair figcaption{font-size:7px;padding:10px 3px}.photo-connector{font-size:55px;left:43%}.photo-controls{margin-top:22px}.photo-choice{font-size:9px;padding:8px 12px}.photo-note{font-size:13px;min-height:28px}.about-copy h2{font-size:34px;letter-spacing:-1.1px;margin-bottom:18px;max-width:330px}.about-copy p{font-size:12px;line-height:1.9}.about-copy p.about-lead{font-size:16px;line-height:1.6}.about-signature{font-size:17px;margin-top:19px}.journey-section{margin-top:35px;padding:24px 16px}.journey-section .section-title h2{font-size:25px;max-width:240px}.journey-intro{font-size:11px;line-height:1.8}.timeline-nav{margin-right:-16px;padding-right:10px}.chapter-tab{min-width:87px}.chapter-tab .tab-year{font-size:16px}.chapter-tab .tab-company{font-size:8px}.chapter{grid-template-columns:1fr;gap:20px;padding:21px 17px;min-height:300px}.chapter-sidebar{flex-direction:row;align-items:center;gap:17px;border:0;border-bottom:1px solid #e2e8d7;padding:0 0 17px}.chapter-year{font-size:36px;letter-spacing:-1px}.chapter-dates{font-size:7px;margin-top:0;max-width:100px}.chapter-steps{padding:0;margin-left:auto;margin-top:0;gap:5px}.chapter-steps button{width:28px;height:28px;font-size:14px}.chapter-story h3{font-size:24px;margin-top:10px}.chapter-story p{font-size:12px;line-height:1.85}.chapter-role{font-size:8px}.journey-cv{font-size:9px;margin-top:17px}.case-card{padding:20px 16px}.case-heading{gap:10px}.case-number{font-size:8px}.case-heading>div{flex:1;min-width:0}.case-heading h3{font-size:23px;letter-spacing:-.5px;margin-top:9px}.card-kicker{font-size:7px;letter-spacing:.5px;line-height:1.8}.case-date{display:none}.company-context{font-size:11px;line-height:1.85;margin:16px 0}.case-panels{grid-template-columns:1fr;gap:10px}.case-panels>section{padding:16px}.panel-label{font-size:7px}.case-panels h4{font-size:16px;margin-top:10px}.case-panels p{font-size:11px}.scope-label{font-size:8px;margin-top:13px}.case-footer{font-size:8px;padding-top:14px;gap:12px}.case-footer>a{font-size:7px;max-width:50%;line-height:1.7}.case-more{font-size:9px}.event{gap:15px;padding:20px 16px;align-items:start}.date{min-width:33px}.date strong{font-size:29px}.date>span{font-size:8px}.event-label{font-size:7px;letter-spacing:.4px}.event h3{font-size:23px;letter-spacing:-.5px}.event p{font-size:11px}.event-meta{font-size:8px}.event-actions{font-size:9px;gap:17px}.reuse{display:none}.past h3{font-size:18px}.event-arrow{font-size:18px;padding:0}.article{gap:13px;padding:12px}.article-art{width:60px;min-width:60px;height:70px}.article-art span{width:28px;height:28px;top:8px;right:6px}.article-art b{left:15px}.article h3{font-size:14px;letter-spacing:0;line-height:1.5}.article .small-label{font-size:7px}.article-arrow{font-size:18px;padding:0}.contact{align-items:start;flex-direction:column;gap:24px;padding-bottom:43px}.contact h2{font-size:30px}.contact .small-label{font-size:8px}.contact-right{justify-content:flex-start;gap:25px}.contact-right button{font-size:10px}#copy-status{text-align:left;right:auto;left:0}footer{font-size:8px;flex-wrap:wrap;gap:13px}footer>span:nth-child(2){order:3;width:100%}dialog{padding:28px}dialog h2{font-size:25px}html[lang=zh] h1{font-size:53px;line-height:1.1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

html{overflow-x:clip}body{overflow-x:clip}.photo-pair{margin-left:5px;margin-right:5px}@media(max-width:640px){.photo-pair{gap:14px;margin-left:7px;margin-right:7px}}

.timeline-nav{padding-top:5px}

/* Bright tech direction, informed by the supplied references. */
:root{--bg:#fff;--ink:#111b35;--muted:#68728a;--dark:#101d3c;--lime:#c4f36b;--line:#e1e7ef;--card:#fff}
body{background:#f5f7fb}.shell{background:#fff;max-width:1200px;padding:0 48px}
header{color:#14203d;border-bottom:1px solid #edf0f5}
header::before{background:#fff;width:100%;left:0;transform:none}
.brand strong{font-weight:600}.brand strong>span{color:#7e8aa0}nav a{color:#54617b}nav a:hover{color:#2164f3}
.language{border-color:#e6eaf2}.language select{color:#172448}.language option{background:white}
.header-contact{border:1px solid #d8e1ef;background:#f6f8fc;color:#243c6e}
.hero{padding:48px 44px;gap:7%;min-height:500px;border-radius:25px;margin-top:25px;isolation:isolate;overflow:hidden;background:#102351}
.hero::before{left:0;transform:none;width:100%;background:radial-gradient(ellipse at 95% 100%,#a3f16ca8 0%,transparent 43%),radial-gradient(ellipse at 77% 27%,#2471ffa3 0%,transparent 54%),linear-gradient(120deg,#0d1733 0%,#123e99 72%,#2b83b1 100%);z-index:-1}
.eyebrow{color:#b9cdf0}.status-dot{background:#bcf88b}
h1{font-size:clamp(52px,6vw,78px)}h1 em{color:#c7f496}
.hero-tagline{color:#e0eafe}.hero-description{color:#b9caed}
.hero .quiet-link{color:#d3e4ff}.hero .lime{background:#d1f99d;color:#112b29}
.board-label{color:#b9d7ff}.idea-paper{background:#ffffffeb;box-shadow:10px 13px 0 #051b5036;color:#163a73;border-radius:12px;transform:rotate(-6deg)}
.idea-paper::before{background:#bdd8ff66}.big-question{color:#1f64ed}
.paper-caption{color:#7789ad}.drawn-arrow{color:#1a8b67}.idea-strip{background:#0c286b8c;color:#d8e7ff;border:1px solid #88b5ff50;border-radius:8px;backdrop-filter:blur(10px)}
.idea-strip i{color:#c0f38e}.board-footnote{color:#bad5f6}
.section{padding-top:59px}.small-label{color:#7d8da6}h2{font-weight:500;color:#182647}
.about-copy p{color:#718099}.about-copy p.about-lead{color:#263856}
.photo-pair figure{background:#fff;border-color:#e1e8f1;box-shadow:0 9px 24px #23437313}.photo-pair figure.is-active{border-color:#80a9f6;box-shadow:0 10px 29px #3c76ca20}
.photo-pair figcaption{color:#8c9bb1}.photo-connector{color:#2d71e8}.photo-choice{border-color:#dce4ee}.photo-choice.selected{background:#2164eb;border-color:#2164eb;color:#fff}.photo-note{color:#7b8ba5}
.about-signature{border-color:#e0e8f1;color:#2a4973}.about-signature>span:last-child{color:#4a8af0}
.journey-section{margin-top:47px;padding:32px;background:#111e3b;border:0;border-radius:17px;color:#fff}
.journey-section h2{color:#f4f7ff}.journey-section .small-label{color:#86a4cf}.journey-counter{color:#8daddb}.journey-intro{color:#9cb1d3}
.chapter-tab{border-color:#455c85}.chapter-tab::before{background:#516b98}.chapter-tab[aria-selected=true]::before{background:#baf581;box-shadow:0 0 0 4px #baf58120}
.chapter-tab .tab-year{color:#7795bf}.chapter-tab .tab-company{color:#7898c4}.chapter-tab[aria-selected=true] .tab-year{color:#c7f89d}.chapter-tab[aria-selected=true] .tab-company{color:#deedff}
.chapter{background:#fff;color:#14213f;border:0;border-radius:11px}.chapter-sidebar{border-color:#e0e7f2}.chapter-year{color:#3778e7}.chapter-dates{color:#8a9bb6}.chapter-story .small-label{color:#7f96b6}.chapter-story p{color:#6a7c98}.chapter-role{border-color:#e6ecf5;color:#7187a6}
.chapter-steps button{border-color:#d4e0f1}.chapter-steps button:not(:disabled):hover{background:#e5efff}
.journey-cv{color:#a5c4f1}.timeline-nav{scrollbar-color:#41669e transparent}
.skills .section-title h2{max-width:550px;margin-top:8px}.skills-note{font-size:10px;color:#8d9bb0;max-width:170px;line-height:1.8;text-align:right}
.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.capability-grid article{border:1px solid #e2e9f2;background:#f4f7fc;border-radius:13px;padding:23px 19px;position:relative}
.capability-grid article:nth-child(1){background:#e8f9ef;border-color:#d6efdf}.capability-grid article:nth-child(2){background:#ecf1ff;border-color:#dfe6fb}.capability-grid article:nth-child(3){background:#2066ee;border-color:#2066ee;color:#fff}.capability-grid article:nth-child(4){background:#f8f9fb}
.skill-number{font:10px 'Courier New',monospace;color:#92a6a6;display:block;margin-bottom:27px}
.capability-grid article:nth-child(3) .skill-number{color:#9dc3ff}
.capability-grid h3{font-size:18px;font-weight:500;line-height:1.25;letter-spacing:-.5px;margin:0 0 13px}
.capability-grid p{font-size:11px;line-height:1.85;margin:0;color:#7b8ba2}
.capability-grid article:nth-child(1) p{color:#739182}.capability-grid article:nth-child(3) p{color:#cee1ff}
.toolkit{border:1px solid #e0e7f1;border-radius:13px;margin-top:20px;overflow:hidden}
.toolkit-heading{padding:21px 23px;display:flex;gap:20px;align-items:center;justify-content:space-between;background:#f8faff}
.toolkit-heading>span:last-child{font-size:10px;color:#8a9ab3}
.toolkit details{border-top:1px solid #e6ebf4}
.toolkit summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:19px 23px;font-size:13px;color:#334969}
.toolkit summary::-webkit-details-marker{display:none}.tool-count{font:10px 'Courier New',monospace;color:#9aaac2;display:flex;align-items:center;gap:22px}.tool-count b{font-size:17px;font-weight:400}
.toolkit details[open] .tool-count b{transform:rotate(45deg)}.tool-tags{display:flex;gap:8px;flex-wrap:wrap;padding:0 23px 21px}.tool-tags span{font-size:11px;padding:8px 11px;border:1px solid #d9e5f8;background:#f5f9ff;border-radius:5px;color:#5879aa}
.event.next{background:#eaf1ff;border-color:#d6e4fb;border-radius:13px}.event.past{border-radius:13px;border-color:#e1e8f2}.event h3{color:#1c3f7c}.event p{color:#7a8fae}.event-label,.event-meta,.date>span{color:#7c98c1}.event-label .status-dot{background:#2469ed}.reuse{color:#5d8be1}.article{border-radius:13px;border-color:#e0e7f2}.article-art{background:#b3d8db}.article-art i{background:#3e8585}.article-art b{background:#6ba8a4}.article-art span{background:#d6f69c}.article h3{color:#25456f}
.contact{display:grid;grid-template-columns:.9fr 1.1fr;align-items:start;gap:55px;margin-top:55px;padding:32px;background:#f2f6fd;border:1px solid #e0e9f6;border-radius:17px}
.contact h2{font-size:35px;margin:14px 0 18px;color:#172d55}.contact-intro>p{font-size:12px;line-height:1.9;color:#7c8eaa;max-width:330px}.email{color:#2769de;font-size:13px;display:inline-block;margin-top:10px}
.contact-links{display:flex;gap:22px;align-items:center;margin-top:25px;font-size:10px;color:#4e719f}.contact-links button{font-size:10px;color:#7e95b4;background:none;padding:0}
#copy-status{position:static;display:block;text-align:left;width:auto;margin-top:12px;min-height:15px;font-size:9px;color:#527bad}
#contact-form{background:#fff;border:1px solid #e0e9f6;border-radius:12px;padding:25px}
#contact-form label{display:flex;flex-direction:column;gap:9px;font-size:10px;color:#617a9d;margin-bottom:17px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
#contact-form input:not([type=hidden]),#contact-form select,#contact-form textarea{font:12px Arial,'Microsoft YaHei',sans-serif;color:#263e62;background:#f9fbfe;border:1px solid #dce6f3;border-radius:6px;padding:11px 12px;width:100%;min-width:0}
#contact-form textarea{resize:vertical;min-height:120px;line-height:1.7}
#contact-form input:focus,#contact-form textarea:focus,#contact-form select:focus{outline:2px solid #8dbaff;outline-offset:2px}
#contact-form .form-honey{display:none!important}
.form-bottom{display:flex;gap:20px;justify-content:space-between;align-items:center}
.form-privacy{font-size:8px;line-height:1.8;color:#95a7bf;max-width:210px}
#form-send{background:#2365eb;color:#fff;white-space:nowrap;padding:13px 15px;font-size:10px}
#form-send:disabled{opacity:.6;cursor:wait}
#form-status{font-size:10px;line-height:1.8;margin:14px 0 0;color:#6484b0;min-height:0}
#form-status:empty{display:none}
#form-status[data-state=error]{color:#ac4d4d}
#form-status[data-state=success]{color:#2b8462}
footer{color:#95a3b8;border-top:0;margin-top:14px}
@media(max-width:1000px){.shell{padding:0 32px}.hero{padding:42px 32px}.hero h1{font-size:65px}.hero .hero-description{font-size:12px}.idea-board{padding-left:0;padding-right:0}.idea-paper{min-height:200px;padding:23px}.big-question{font-size:55px}.capability-grid{grid-template-columns:1fr 1fr}.capability-grid article{padding:24px}.contact{gap:25px;padding:25px}.form-row{grid-template-columns:1fr;gap:0}.form-bottom{align-items:flex-start;flex-direction:column;gap:15px}.form-privacy{max-width:none}}
@media(max-width:640px){.shell{padding:0 21px}.hero{margin-top:17px;padding:29px 24px 32px;border-radius:19px;gap:30px}.hero h1{font-size:59px;letter-spacing:-2.6px}.hero .eyebrow{font-size:7px;letter-spacing:.5px}.hero-tagline{font-size:19px}.hero .hero-description{font-size:11px;line-height:1.85}.hero-actions{gap:15px}.hero .button{font-size:8px;padding:12px}.hero .quiet-link{font-size:8px}.idea-board{width:95%;padding:8px 12px 0;max-width:270px}.idea-paper{min-height:150px;padding:19px}.big-question{font-size:50px}.paper-caption{font-size:6px}.drawn-arrow{font-size:50px}.board-label{font-size:6px}.idea-strip{font-size:6px;gap:5px;padding:10px}.board-footnote{font-size:10px}.section{padding-top:43px}.about-copy h2{font-size:33px}.journey-section{margin-top:33px;padding:25px 17px;border-radius:13px}.journey-section .section-title h2{font-size:25px}.chapter{padding:20px 16px}.chapter-sidebar{border-color:#e4ebf6}.chapter-year{font-size:34px}.skills .section-title{align-items:flex-start}.skills .section-title h2{font-size:27px}.skills-note{display:none}.capability-grid{gap:10px}.capability-grid article{padding:19px 15px}.skill-number{font-size:8px;margin-bottom:20px}.capability-grid h3{font-size:16px;letter-spacing:-.3px}.capability-grid p{font-size:10px;line-height:1.8}.toolkit{border-radius:10px}.toolkit-heading{padding:18px;align-items:start;flex-direction:column;gap:5px}.toolkit-heading>span:last-child{font-size:9px}.toolkit summary{padding:17px 18px;font-size:11px}.tool-count{font-size:9px;gap:17px}.tool-tags{padding:0 18px 19px;gap:6px}.tool-tags span{font-size:10px;padding:7px 9px}.contact{display:grid;grid-template-columns:1fr;margin-top:38px;padding:23px 17px;gap:23px;border-radius:13px}.contact h2{font-size:31px}.contact-intro>p{font-size:11px}.contact-links{margin-top:19px}.email{font-size:12px}#contact-form{padding:20px 16px}.form-row{grid-template-columns:1fr}#contact-form label{font-size:10px}#contact-form input:not([type=hidden]),#contact-form select,#contact-form textarea{font-size:16px}.form-bottom{gap:17px;flex-direction:column-reverse;align-items:stretch}#form-send{width:100%;justify-content:center;font-size:11px}.form-privacy{font-size:8px;max-width:none}.event.next{border-radius:10px}.event.past{border-radius:10px}}

/* Product illustration: desktop canvas + mobile preview. */
.product-scene{position:relative;min-width:0;align-self:center;width:100%;padding:17px 0 0}
.scene-art{position:relative;height:350px;isolation:isolate}
.scene-glow{position:absolute;inset:15px -35px 0;background:radial-gradient(ellipse at 54% 57%,#7dc9ff55,transparent 67%);z-index:-1}
.lab-browser{position:absolute;top:24px;left:0;width:92%;border:1px solid #ffffff8c;border-radius:15px;background:#fff;box-shadow:0 25px 55px #0618493b;transform:rotate(-3deg);overflow:hidden}
.lab-topbar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #e8eef7;background:#f8fbff;font-size:8px;color:#57779b;letter-spacing:.2px}
.window-dots{display:flex;gap:4px}.window-dots i{width:4px;height:4px;border-radius:50%;background:#c7d8ed}.window-dots i:first-child{background:#88baff}.window-dots i:nth-child(2){background:#a9d586}.lab-menu{font-size:13px;color:#8ba8c9}
.lab-content{position:relative;padding:18px 14px 12px}.lab-heading{padding-left:7px;display:flex;flex-direction:column;gap:8px}
.lab-eyebrow{font:6px 'Courier New',monospace;color:#97afca;letter-spacing:1px}.lab-heading>span:last-child{font-size:19px;line-height:1.13;letter-spacing:-.6px;font-weight:600;color:#173d71;max-width:225px}
.product-illustration{display:block;width:100%;height:auto;aspect-ratio:400/270;margin-top:-4px}
.lab-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:-15px;padding:0 7px}
.lab-pill{font-size:6px;color:#7e9a7f;background:#f0f8e8;border:1px solid #e2efd6;padding:5px 7px;border-radius:20px;display:flex;gap:4px;align-items:center}
.lab-pill i{width:3px;height:3px;background:#88bd5a;border-radius:50%}.lab-code{font-size:13px;color:#7b9ecb}
.lab-phone{position:absolute;z-index:2;width:106px;height:210px;right:-13px;bottom:0;border:4px solid #10264b;border-radius:18px;background:#fff;box-shadow:0 18px 25px #071b424a;padding:21px 8px 10px;transform:rotate(7deg);animation:phone-float 6s ease-in-out infinite}
.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:43px;height:8px;border-radius:0 0 8px 8px;background:#10264b}
.phone-brand{font-size:6px;font-weight:700;color:#214777;margin-bottom:10px}.phone-brand span{color:#6e9f53}
.phone-preview{height:64px;background:#dcebff;border-radius:7px;position:relative;overflow:hidden}
.phone-orb{position:absolute;width:37px;height:37px;background:#b6dcfa;border-radius:50%;left:13px;top:15px}
.phone-line{position:absolute;width:37px;height:4px;border-radius:5px;background:#80aff2;left:24px;top:25px;transform:rotate(-12deg)}.phone-line.second{width:30px;top:34px;left:26px;background:#a9cefa}.phone-line.third{width:22px;top:43px;left:28px;background:#9ec789}
.phone-check{position:absolute;right:8px;bottom:6px;width:17px;height:17px;border-radius:50%;background:#fff;color:#2a77ed;display:grid;place-items:center;font-size:10px}
.phone-progress{height:3px;background:#e6effb;border-radius:3px;overflow:hidden;margin:9px 0 8px}.phone-progress i{height:100%;background:#3b84f4;border-radius:3px;display:block;animation:prototype-progress 6s ease-in-out infinite}
.phone-caption{font-size:6px;line-height:1.5;color:#5e7ea7;display:block;max-width:70px}
.phone-task{display:flex;align-items:center;gap:5px;margin-top:7px}.phone-task i{font-style:normal;font-size:5px;background:#f0f7e8;color:#8bb65a;border-radius:2px;padding:2px}.phone-task span{width:45px;height:3px;background:#e3eaf4;border-radius:4px}.phone-task:nth-last-of-type(1) span{width:33px}
.phone-cta{position:absolute;bottom:9px;right:10px;background:#2c71eb;color:white;border-radius:5px;padding:4px 8px;font-size:10px}
.floating-task{position:absolute;left:-24px;bottom:48px;z-index:3;display:flex;align-items:center;gap:8px;background:#ffffffed;border:1px solid #dbe9f7;border-radius:9px;padding:11px 13px;box-shadow:0 9px 25px #0e317c25;transform:rotate(-4deg);animation:task-float 5s ease-in-out infinite;font-size:8px;color:#456796;max-width:210px}
.task-check{display:grid;place-items:center;min-width:22px;width:22px;height:22px;border-radius:6px;background:#e8f7db;color:#74a146;font-size:11px}
.floating-cursor{position:absolute;right:18px;top:16px;width:22px;z-index:4;animation:cursor-move 7s ease-in-out infinite}.floating-cursor svg{display:block;width:100%}
.scene-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:23px;padding:0 1px}
.scene-process{display:flex;gap:8px;align-items:center;font:7px 'Courier New',monospace;letter-spacing:.1px;color:#b7d4f9}.scene-process i{font-style:normal;color:#c6ed9a}
#motion-toggle{border:1px solid #94baf356;border-radius:20px;background:#0f337b39;display:flex;gap:5px;align-items:center;color:#bad6ff;padding:7px 9px;font-size:7px;white-space:nowrap}
#motion-toggle:hover{background:#275fa871}.motion-glyph{font-size:10px;line-height:1}
.lab-chart{animation:chart-float 6s ease-in-out infinite}.chart-path{stroke-dasharray:135;animation:chart-draw 6s ease-in-out infinite}
.lightbulb{animation:bulb-nod 5s ease-in-out infinite;transform-origin:121px 78px}
.person-hand{transform-origin:245px 116px;animation:hand-gesture 6s ease-in-out infinite}
.motion-paused *{animation-play-state:paused!important}
@keyframes phone-float{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-9px) rotate(5deg)}}
@keyframes task-float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-7px) rotate(-2deg)}}
@keyframes cursor-move{0%,100%{transform:translate(0,0) rotate(0)}40%{transform:translate(-15px,8px) rotate(-9deg)}70%{transform:translate(-5px,17px) rotate(4deg)}}
@keyframes chart-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes chart-draw{0%,8%{stroke-dashoffset:135}45%,90%,100%{stroke-dashoffset:0}}
@keyframes bulb-nod{0%,100%{transform:rotate(0)}45%{transform:rotate(7deg)}65%{transform:rotate(-4deg)}}
@keyframes hand-gesture{0%,100%{transform:rotate(0)}40%,60%{transform:rotate(8deg)}}
@keyframes prototype-progress{0%,10%{width:18%}55%,100%{width:85%}}
@media(max-width:1000px){.scene-art{height:320px}.lab-heading>span:last-child{font-size:17px}.lab-content{padding:15px 10px 10px}.lab-topbar{padding:0 10px;height:30px}.lab-phone{width:94px;height:191px;right:-11px;bottom:8px;padding:20px 7px 8px;border-radius:16px}.phone-preview{height:57px}.phone-caption{font-size:5px}.phone-task{margin-top:5px}.phone-brand{font-size:5px;margin-bottom:8px}.floating-task{left:-13px;bottom:44px;max-width:190px;padding:9px;font-size:7px}.task-check{min-width:20px;width:20px;height:20px}.scene-footer{margin-top:12px}.scene-process{font-size:6px;gap:6px}#motion-toggle{padding:6px 8px;font-size:6px}}
@media(max-width:640px){.product-scene{width:100%;max-width:330px;justify-self:center;padding-top:0;margin-top:2px}.scene-art{height:290px}.lab-browser{top:12px;width:91%;left:0;border-radius:12px}.lab-topbar{height:27px;font-size:6px;padding:0 10px}.lab-content{padding:14px 9px 10px}.lab-eyebrow{font-size:5px;letter-spacing:.8px}.lab-heading{padding-left:5px;gap:6px}.lab-heading>span:last-child{font-size:17px;max-width:190px;letter-spacing:-.4px}.product-illustration{margin-top:-2px;aspect-ratio:400/273}.lab-bottom{margin-top:-15px}.lab-pill{font-size:5px;padding:4px 5px}.lab-code{font-size:11px}.lab-phone{width:88px;height:179px;right:-9px;bottom:8px;padding:18px 6px 7px;border-width:3px;border-radius:15px}.phone-notch{width:36px;height:7px}.phone-preview{height:52px}.phone-brand{font-size:5px;margin-bottom:7px}.phone-progress{margin:7px 0 6px;height:3px}.phone-caption{font-size:5px;line-height:1.5}.phone-task{margin-top:5px;gap:4px}.phone-task span{width:40px;height:2px}.phone-task i{font-size:4px;padding:2px}.phone-cta{font-size:8px;bottom:7px;right:8px;padding:3px 7px}.phone-orb{width:31px;height:31px;left:12px;top:12px}.phone-line{width:31px;height:3px;left:22px;top:21px}.phone-line.second{width:26px;top:29px;left:23px}.phone-line.third{width:19px;top:37px;left:25px}.phone-check{width:15px;height:15px;font-size:8px}.floating-task{left:-13px;bottom:36px;padding:8px 9px;max-width:179px;font-size:7px;gap:6px;border-radius:7px}.task-check{min-width:18px;width:18px;height:18px;font-size:9px}.floating-cursor{top:3px;right:1px;width:18px}.scene-footer{margin-top:10px;gap:7px}.scene-process{font-size:6px;gap:5px}#motion-toggle{font-size:6px;padding:6px 7px}.scene-glow{inset:0 -20px}.hero{gap:30px}}
@media(max-width:360px){.scene-art{height:265px}.lab-phone{height:163px;width:80px}.phone-task:last-of-type{display:none}.floating-task{max-width:156px;font-size:6px;left:-9px;bottom:29px}.lab-heading>span:last-child{font-size:15px}.scene-process{font-size:5px;gap:4px}}
@media(prefers-reduced-motion:reduce){.product-scene *{animation:none!important;transition:none!important}.chart-path{stroke-dashoffset:0}.phone-progress i{width:85%}}

/* Flat photo comparison and compact, navigable repertoire. */
.photo-story{width:100%;max-width:390px;justify-self:start}
.comparison-frame{display:block;position:relative;width:100%;aspect-ratio:4/4.7;background:#edf2fa;border:0;border-radius:13px;overflow:hidden;padding:0;text-align:left;isolation:isolate;cursor:pointer;box-shadow:none}
.comparison-photo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 33%;opacity:0;transition:opacity .45s ease,transform .65s ease;transform:scale(1.025)}
.comparison-photo[data-era=child]{object-position:center 25%}
.comparison-photo.is-active{opacity:1;transform:scale(1)}
.comparison-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:20px 21px 43px;background:linear-gradient(transparent,#10213e9c);color:#fff}
.comparison-year{font:9px 'Courier New',monospace;letter-spacing:1.5px}
.comparison-switch{display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff60;border-radius:50%;font-size:19px;transition:background .25s}
.comparison-frame:hover .comparison-switch{background:#ffffff2b}
.comparison-hint{position:absolute;bottom:17px;left:21px;color:#dce6f4;font-size:8px;letter-spacing:.1px}
.photo-controls{margin:17px 0 12px;justify-content:flex-start;gap:6px}
.photo-choice{border:1px solid #dfe6f0;border-radius:6px;background:#fff;padding:9px 17px;font-size:10px;min-width:86px}
.photo-choice.selected{background:#eaf1ff;color:#2862d4;border-color:#d7e4fc}
.photo-note{text-align:left;font:12px Arial,sans-serif;color:#8a9bb5;line-height:1.7;min-height:24px}
.about-copy h2{font-size:37px;max-width:400px}
.skills .section-title{margin-bottom:20px}
.skills .section-title h2{font-size:28px;max-width:600px}
.skills-note{font-size:10px;color:#95a2b9}
.skill-explorer{border:1px solid #e1e8f2;border-radius:12px;overflow:hidden;background:#fff}
.skill-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:7px;background:#f5f8fc;border-bottom:1px solid #e4ebf5}
.skill-tab{display:flex;align-items:center;justify-content:center;gap:10px;min-height:49px;border-radius:6px;background:transparent;color:#8397b4;font-size:12px;padding:11px;transition:background .2s,color .2s}
.skill-tab:hover{background:#eaf0fa;color:#4079d3}
.skill-tab[aria-selected=true]{background:#2665e8;color:#fff}
.skill-tab-icon{display:block;width:21px;height:21px;flex-shrink:0}
.skill-tab-icon svg{display:block;width:100%;height:100%}
.skill-panel{padding:25px 28px 26px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;min-height:185px;align-items:center}
.skill-panel h3{font-size:23px;letter-spacing:-.6px;line-height:1.25;font-weight:500;color:#233f69;margin:9px 0 11px}
.skill-panel p{font-size:12px;line-height:1.85;color:#7c8fae;margin:0;max-width:540px}
.skill-panel .small-label{font-size:7px}
.skill-panel-tools .tool-tags{padding:12px 0 0;gap:7px}
.skill-panel-tools .tool-tags span{font-size:10px;padding:7px 9px;border-radius:5px;background:#f6f9ff;border-color:#dfe9f9;color:#6b8cbb}
.stage .section-title h2{font-size:30px}
@media(max-width:1000px){.skill-panel{gap:25px;padding:24px}.skill-tab{font-size:11px;gap:8px}.comparison-frame{aspect-ratio:4/4.9}.about-copy h2{font-size:34px}}
@media(max-width:640px){.photo-story{max-width:380px;justify-self:center}.comparison-frame{aspect-ratio:4/4.4;border-radius:11px}.comparison-overlay{padding:18px 18px 39px}.comparison-hint{left:18px;bottom:16px;font-size:8px}.comparison-year{font-size:8px}.photo-controls{margin-top:14px}.photo-choice{font-size:10px;padding:9px 16px;min-width:85px}.photo-note{font-size:11px}.about-copy h2{font-size:32px}.skills .section-title h2{font-size:25px}.skill-explorer{border-radius:10px}.skill-nav{padding:6px;gap:4px}.skill-tab{padding:11px 3px 10px;min-height:69px;gap:7px;flex-direction:column;font-size:9px;border-radius:5px}.skill-tab-icon{width:20px;height:20px}.skill-panel{display:block;padding:23px 19px;min-height:280px}.skill-panel h3{font-size:22px;margin-top:9px}.skill-panel p{font-size:11px;line-height:1.9}.skill-panel-tools{margin-top:22px}.skill-panel-tools .tool-tags{gap:6px;padding-top:10px}.skill-panel-tools .tool-tags span{font-size:10px;padding:7px 8px}.stage .section-title h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.comparison-photo{transition:none}}

/* Reference-led rhythm: centred opening, alternating full-width bands. */
body{background:#fff}.shell{max-width:1200px;background:transparent}
header{height:83px;border-bottom:0}
.hero{display:flex;flex-direction:column;gap:0;align-items:center;text-align:center;padding:42px 0 0;margin-top:0;min-height:0;border-radius:0;background:transparent;overflow:visible;color:#18354a;isolation:auto}
.hero::before{display:none}
.hero-copy{max-width:720px;width:100%}
.hero .eyebrow{justify-content:center;color:#8ca0b3;font-size:8px;letter-spacing:1.4px;margin-bottom:17px}
.hero .status-dot{background:#84bd58}
.hero h1{font-size:clamp(47px,5.5vw,70px);line-height:1.1;letter-spacing:-2.7px}
.hero h1 br{display:none}
.hero h1 em{color:#2568df;display:inline-block;margin-left:15px;letter-spacing:-2.3px}
.hero-tagline{color:#284a63;font-size:21px;margin:15px 0 13px}
.hero .hero-description{max-width:460px;margin:0 auto;color:#7f93aa;font-size:12px;line-height:1.85}
.hero-actions{justify-content:center;gap:24px;margin-top:23px}
.hero .button.lime{background:#183e53;color:#fff;padding:13px 18px;border-radius:5px;font-size:10px}
.hero .quiet-link{color:#657f9f;font-size:10px}
.hero .product-scene{width:440px;max-width:100%;margin-top:25px;margin-bottom:-28px;padding-top:0;z-index:2}
.hero .scene-art{height:350px}
.hero .scene-glow{position:absolute;width:310px;height:310px;left:50%;top:20px;right:auto;bottom:auto;transform:translateX(-50%);border-radius:50%;background:linear-gradient(145deg,#caf18c,#94d9df 60%,#9cc8ff);z-index:-1}
.hero .lab-browser{width:88%;left:8px;top:29px;transform:rotate(-2deg);border:1px solid #d6e4f2;box-shadow:0 12px 30px #284d7020}
.hero .lab-phone{right:-1px;bottom:0;box-shadow:0 12px 25px #213f6124}
.hero .floating-task{left:-13px;bottom:41px;box-shadow:0 6px 15px #244b6918}
.hero .scene-footer{position:relative;justify-content:space-between;margin:16px 10px 0;padding:9px 13px;border:1px solid #dfE8f2;border-radius:25px;background:#fff}
.hero .scene-process{color:#6e8aa7;font-size:7px}
.hero .scene-process i{color:#77a34d}
.hero #motion-toggle{background:#f4f8fc;border:1px solid #e0e9f3;color:#7494b6;padding:5px 9px}
.hero #motion-toggle:hover{background:#eaf2fc}
.hero .floating-cursor{right:8px;top:10px}
.section{position:relative;isolation:isolate}
.skills{padding-top:90px;padding-bottom:62px}
.skills::before,.journey-section::before,.contact::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:100vw;transform:translateX(-50%);z-index:-1}
.skills::before{background:#153442}
.skills .section-title{justify-content:center;text-align:center;margin-bottom:25px}
.skills .section-title h2{color:#f4f8fa;font-size:30px;margin:8px auto 0;max-width:620px}
.skills .section-title .small-label{color:#95b4c2}
.skills .skills-note{display:none}
.skill-explorer{max-width:920px;margin:auto;border:1px solid #52728366;border-radius:10px;background:#1d3d4d}
.skill-nav{background:#173748;border-color:#476b7e70;padding:7px}
.skill-tab{color:#9bb7c8;border-radius:5px}
.skill-tab:hover{background:#294d63;color:#e7f2fa}
.skill-tab[aria-selected=true]{background:#c6ed8d;color:#21402e}
.skill-panel{min-height:180px;padding:26px 31px}
.skill-panel h3{color:#f0f6fa}
.skill-panel p{color:#9db8c9}
.skill-panel .small-label{color:#7d9fb4}
.skill-panel-tools .tool-tags span{background:#214759;border-color:#577b9060;color:#abc7db}
.about{padding-top:67px;padding-bottom:66px}
.about .section-title{margin-bottom:27px}
.about-grid{gap:11%;grid-template-columns:.9fr 1.1fr}
.photo-story{max-width:350px;justify-self:center}
.comparison-frame{border-radius:14px;aspect-ratio:4/4.4}
.about-copy h2{font-size:38px;line-height:1.15;max-width:430px;color:#1b3d52}
.about-copy p.about-lead{color:#35566c}
.about-signature{color:#38647c}
.journey-section{padding:53px 0 50px;margin:0;border-radius:0;border:0;background:transparent}
.journey-section::before{background:#102943}
.journey-section .section-title{margin-bottom:16px}
.journey-section .section-title h2{font-size:30px}
.journey-section .journey-intro{max-width:680px}
.journey-section .chapter{box-shadow:none;min-height:220px}
.stage{padding-top:59px;padding-bottom:0}
.stage .section-title{justify-content:center;text-align:center;position:relative;flex-direction:column;gap:9px;margin-bottom:28px}
.stage .section-title h2{font-size:31px;color:#1e435b}
.stage .section-title>.small-label{font-size:7px}
.stage .event.next{background:#eaf2fa;border-color:#d6e4f0}
.stage .event.past{background:#fff}
.notes{padding-top:43px;padding-bottom:54px}
.notes .section-title h2{font-size:26px}
.contact{padding:48px 0 45px;margin-top:0;border:0;border-radius:0;background:transparent;gap:9%;grid-template-columns:1fr 1fr}
.contact::before{background:#153442}
.contact h2{color:#f5f8fb;font-size:35px}
.contact .small-label{color:#9eb9c8}
.contact-intro>p{color:#9eb8c9}
.contact .email{color:#c6eb95}
.contact-links{color:#b2cada}
.contact-links button{color:#8ba9be}
.contact #copy-status{color:#c9e5a4}
#contact-form{background:#fff;border-color:#d6e1e9;border-radius:9px;box-shadow:none}
#form-send{background:#c6ed8d;color:#21412b}
footer{margin-top:0;padding-top:24px;padding-bottom:24px;color:#8da1b4}
@media(max-width:1000px){.hero{padding-top:32px}.hero h1{font-size:59px}.hero .product-scene{width:400px}.hero .scene-art{height:327px}.hero .scene-glow{width:290px;height:290px}.hero .lab-browser{top:28px}.hero .lab-phone{bottom:0}.about-grid{gap:7%;grid-template-columns:1fr 1.1fr}.about-copy h2{font-size:33px}.photo-story{max-width:320px}.contact{gap:6%}.skill-panel{padding:24px}}
@media(max-width:640px){header{height:auto;min-height:85px}.hero{padding:29px 0 0;margin:0;border-radius:0;gap:0}.hero .eyebrow{font-size:7px;letter-spacing:.6px;margin-bottom:15px}.hero h1{font-size:59px;line-height:.98;letter-spacing:-2.8px}.hero h1 br{display:block}.hero h1 em{margin-left:0;letter-spacing:-2.3px}.hero-tagline{font-size:19px;margin:17px 0 13px}.hero .hero-description{font-size:11px;max-width:310px;line-height:1.85}.hero-actions{gap:17px;margin-top:20px}.hero .button.lime{font-size:9px;padding:12px 15px}.hero .quiet-link{font-size:9px}.hero .product-scene{max-width:330px;width:94%;margin-top:22px;margin-bottom:-24px}.hero .scene-art{height:283px}.hero .scene-glow{width:240px;height:240px;top:22px}.hero .lab-browser{width:89%;left:4px;top:24px;border-radius:11px}.hero .lab-phone{right:-4px;bottom:0}.hero .floating-task{left:-9px;bottom:32px}.hero .floating-cursor{right:3px;top:7px}.hero .scene-footer{padding:8px 9px;margin:13px 0 0}.hero .scene-process{font-size:6px;gap:5px}.hero #motion-toggle{font-size:6px;padding:5px 7px}.skills{padding-top:65px;padding-bottom:39px}.skills .section-title{margin-bottom:21px}.skills .section-title h2{font-size:26px}.skill-panel{padding:21px 18px;min-height:275px}.about{padding-top:43px;padding-bottom:38px}.about-grid{grid-template-columns:1fr;gap:25px}.about-copy h2{font-size:31px;max-width:340px}.photo-story{max-width:350px}.comparison-frame{aspect-ratio:4/4.2}.journey-section{padding:36px 0 37px;margin:0;border-radius:0}.journey-section .section-title h2{font-size:26px}.journey-section .chapter{min-height:290px}.journey-section .chapter-sidebar{padding-bottom:16px}.stage{padding-top:39px}.stage .section-title h2{font-size:26px}.stage .section-title{gap:9px}.stage .section-title>.small-label{font-size:6px}.notes{padding-top:32px;padding-bottom:37px}.notes .section-title h2{font-size:24px}.contact{padding:35px 0 34px;grid-template-columns:1fr;gap:22px;margin:0;border-radius:0}.contact h2{font-size:30px}.contact-intro>p{font-size:11px}.contact .email{font-size:12px}footer{padding-top:20px;padding-bottom:22px}}
@media(prefers-reduced-motion:reduce){.hero .product-scene *{animation:none!important;transition:none!important}}

@font-face{font-family:'Sora Local';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/sora-medium.ttf') format('truetype')}
@font-face{font-family:'Manrope Local';font-style:normal;font-weight:500;font-display:swap;src:url('assets/fonts/manrope-medium.ttf') format('truetype')}
/* Side-by-side opening with a contemporary type pairing. */
.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;align-items:center;text-align:left;padding:57px 0 61px;min-height:510px}
.hero-copy{max-width:none;min-width:0}
.hero .eyebrow{justify-content:flex-start;margin-bottom:22px}
.hero h1{font-family:'Sora Local',Arial,sans-serif;font-size:clamp(48px,5vw,66px);font-weight:500;line-height:1.08;letter-spacing:-3.2px}
.hero h1 br{display:block}
.hero h1 em{font-family:'Sora Local',Arial,sans-serif;font-style:normal;font-weight:500;display:inline-block;margin-left:0;letter-spacing:-3.2px;color:#2d67de}
.hero-tagline{font-family:'Manrope Local',Arial,sans-serif;font-weight:500;font-size:23px;letter-spacing:-.7px;margin:22px 0 17px;color:#21445a}
.hero .hero-description{font-size:12px;margin:0;max-width:390px;line-height:1.9}
.hero-actions{justify-content:flex-start;margin-top:25px;gap:21px}
.hero .product-scene{width:100%;max-width:450px;justify-self:end;margin:0;padding-top:0}
.hero .scene-art{height:350px}
.hero .scene-footer{margin-top:16px}
.skills{padding-top:54px}
@media(max-width:1000px){.hero{grid-template-columns:1.06fr 1fr;gap:5%;padding:47px 0 52px;min-height:450px}.hero h1,.hero h1 em{font-size:54px;letter-spacing:-2.8px}.hero-tagline{font-size:20px;letter-spacing:-.5px;margin-top:18px}.hero .hero-description{font-size:11px}.hero .scene-art{height:305px}.hero-actions{gap:15px}.hero .button.lime{font-size:9px;padding:12px 14px}.hero .quiet-link{font-size:9px}.hero .scene-glow{width:265px;height:265px;top:23px}}
@media(max-width:640px){.hero{display:grid;grid-template-columns:1fr;gap:30px;padding:28px 0 34px;min-height:0;text-align:left}.hero h1,.hero h1 em{font-size:57px;letter-spacing:-2.8px;line-height:1.08}.hero .eyebrow{justify-content:flex-start;margin-bottom:19px}.hero-tagline{font-size:21px;margin:20px 0 15px;letter-spacing:-.5px}.hero .hero-description{font-size:11px;max-width:340px;line-height:1.9}.hero-actions{justify-content:flex-start;gap:18px;margin-top:23px}.hero .product-scene{max-width:330px;width:94%;margin:0;justify-self:center}.hero .scene-art{height:283px}.hero .scene-glow{width:240px;height:240px;top:22px}.hero .scene-footer{margin-top:13px}.skills{padding-top:39px}.hero .button.lime{font-size:9px}.hero .quiet-link{font-size:9px}html[lang=zh] .hero h1,html[lang=zh] .hero h1 em{font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-size:50px;line-height:1.2;letter-spacing:0}}

/* Detailed, navigable professional history */
.chapter{align-items:stretch}
.chapter-sidebar{display:flex;flex-direction:column}
.chapter-steps{margin-top:auto;padding-top:32px}
.chapter-story h3{max-width:850px}
.career-context-label{display:block;margin-top:24px;font-size:12px;font-weight:600;color:#203e57}
.chapter-story #chapter-description{margin-top:8px;max-width:880px;line-height:1.75}
.chapter-details{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:30px;margin:24px 0}
.chapter-details h4{font-size:12px;font-weight:600;color:#203e57;margin:0 0 14px}
.career-contribution ul{padding:0;margin:0;list-style:none;display:grid;gap:12px}
.career-contribution li{position:relative;padding-left:18px;color:#476380;font-size:13px;line-height:1.7}
.career-contribution li:before{content:"";width:5px;height:5px;background:#3c63ed;border-radius:50%;position:absolute;left:0;top:9px}
.career-platform{border-left:1px solid #e0e8f2;padding-left:24px}
.career-tools{display:flex;flex-wrap:wrap;gap:7px}
.career-tools span{font-size:11px;color:#3056b4;border:1px solid #dce5ff;background:#f4f7ff;border-radius:6px;padding:7px 9px;line-height:1.4}
.chapter-role{display:block}
@media(max-width:900px){.chapter-details{grid-template-columns:1fr}.career-platform{border-left:0;border-top:1px solid #e0e8f2;padding:18px 0 0}}
@media(max-width:600px){.chapter-details{gap:20px;margin-top:20px}.career-contribution li{font-size:13px}.chapter-steps{padding-top:12px}.career-context-label{margin-top:18px}}

@media(max-width:640px){.journey-section .chapter-sidebar{flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px 16px;text-align:left}.chapter-sidebar .chapter-year{font-size:32px}.chapter-sidebar .chapter-dates{margin:0}.chapter-sidebar .chapter-steps{margin:0 0 0 auto;padding:0}}

/* Community calendar */
.stage .section-title{align-items:center;margin-bottom:12px}.agenda-mark{font-size:36px;color:#3c63ed}.agenda-intro{font-size:13px;color:#687e94;margin:0 0 22px}.agenda-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.agenda-filter{display:flex;gap:7px;align-items:center;padding:9px 14px;border:1px solid #dce4ef;border-radius:24px;background:white;font-size:12px}.agenda-filter[aria-pressed=true]{background:#315ae9;border-color:#315ae9;color:white}.agenda-type-icon{display:inline-flex;flex:none}.agenda-type-icon svg{height:17px;width:17px}.agenda-group{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#637b95;font-weight:500;margin:24px 0 12px}.agenda-card{display:grid;grid-template-columns:94px 1fr;gap:24px;padding:25px 28px;border:1px solid #dce4ef;border-radius:12px;margin-bottom:12px;background:#fff}.agenda-card.is-upcoming{background:#eff3ff;border-color:#d6e1ff}.agenda-date{border-right:1px solid #dce4ef;padding-right:20px;text-align:center;align-self:stretch}.agenda-date time{display:flex;flex-direction:column;gap:5px}.agenda-date strong{font-size:32px;line-height:1.2;font-weight:500;letter-spacing:-1px;color:#254baf}.agenda-date span{font-size:10px;text-transform:uppercase;color:#6c8099;display:block;line-height:1.5}.agenda-date small{font-size:10px;color:#8291a9}.agenda-type{display:flex;align-items:center;gap:6px;color:#315ae9;font-size:10px;margin-bottom:9px}.agenda-body h4{font-size:22px;letter-spacing:-.5px;font-weight:400;margin:0 0 7px;line-height:1.3}.agenda-body p{font-size:13px;line-height:1.65;color:#5c748e;margin:0 0 10px;max-width:760px}.agenda-meta{font-size:10px;color:#8190a6;line-height:1.6}.agenda-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:15px;font-size:11px}.agenda-actions:empty{display:none}.agenda-actions a:hover{color:#315ae9;text-decoration:underline}
@media(max-width:640px){.agenda-card{grid-template-columns:62px 1fr;gap:15px;padding:20px 15px}.agenda-date{padding-right:12px}.agenda-date strong{font-size:25px}.agenda-body h4{font-size:19px}.agenda-body p{font-size:12px}.agenda-date span{font-size:9px}.agenda-filter{padding:9px 12px}.agenda-actions{gap:13px;font-size:10px}}

/* Editorial article archive */
.blog-section .section-title{align-items:flex-end;margin-bottom:12px}.blog-section .section-title h2{margin-top:10px}.blog-section .section-title>.quiet-link{font-size:11px;white-space:nowrap}.blog-intro{font-size:13px;color:#697e94;max-width:650px;margin:0 0 28px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-card{min-width:0;border:1px solid #dfe6ef;border-radius:13px;overflow:hidden;background:white;transition:transform .25s,border-color .25s}.blog-card:hover{transform:translateY(-4px);border-color:#7e9bf5}.blog-card-link{display:flex;flex-direction:column;height:100%}.blog-cover{aspect-ratio:16/9;overflow:hidden;background:#102d3b}.blog-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.blog-card:hover img{transform:scale(1.025)}.blog-body{padding:23px 22px 19px;display:flex;flex-direction:column;flex:1}.blog-category{font-size:10px;color:#315ae9;margin-bottom:13px}.blog-body h3{font-family:'Sora',Arial,sans-serif;font-size:20px;line-height:1.45;letter-spacing:-.6px;font-weight:500;margin:0 0 13px}.blog-body p{font-size:12px;line-height:1.8;color:#697e94;margin:0 0 23px}.blog-meta{display:flex;justify-content:space-between;gap:8px;color:#7a8da2;font-size:10px;margin-top:auto;padding-top:8px}.blog-foot{border-top:1px solid #e6ebf2;margin-top:18px;padding-top:16px;display:flex;justify-content:space-between;gap:8px;align-items:center}.blog-foot>span{color:#244dc6;font-size:11px}.blog-foot small{font-size:9px;color:#7f8ca0}
@media(max-width:960px){.blog-grid{gap:14px}.blog-body{padding:18px 16px}.blog-body h3{font-size:18px}.blog-foot{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:700px){.blog-grid{grid-template-columns:1fr;gap:22px}.blog-section .section-title{align-items:flex-start}.blog-section .section-title h2{font-size:26px}.blog-section .section-title>.quiet-link{font-size:9px;max-width:90px;white-space:normal;text-align:right;line-height:1.6;padding-top:24px}.blog-body{padding:22px}.blog-body h3{font-size:22px}.blog-foot{flex-direction:row;align-items:center}.blog-body p{font-size:13px}.blog-cover{aspect-ratio:16/9}}

@font-face{font-family:Roboto;src:url('assets/fonts/roboto-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
header .brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0}
.brand-icon{width:37px;height:37px;display:block;flex:none}.brand-icon svg{width:100%;height:100%;display:block}
header .brand strong{font-family:Roboto,Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.6px;line-height:1.15;color:#19364c}
header .brand strong>span{font-family:Manrope,Roboto,Arial,sans-serif;font-size:9px;letter-spacing:.25px;line-height:1.4;text-transform:none;margin-top:5px;color:#315ae9;font-weight:500}
.lab-visual-bars{display:grid;gap:7px;margin:7px 0 8px 8px;width:46%}.lab-visual-bars i{height:7px;background:#dae7f9;border-radius:8px}.lab-visual-bars i:last-child{width:64%;height:5px;background:#c1e9ac}
.hero .lab-topbar{justify-content:space-between}.hero .lab-content{padding-top:12px}.hero .lab-bottom{display:none}
.hero .floating-task{min-width:105px;width:105px;padding:12px;gap:10px}.task-visual-lines{display:grid;gap:5px;width:45px}.task-visual-lines i{height:4px;background:#dce8f6;border-radius:4px}.task-visual-lines i:last-child{width:65%;background:#c8eab9}
.phone-brand-mark{height:5px;background:#b7d2f6;border-radius:5px;width:25px;margin:15px auto 9px}
.hero .scene-footer{background:none;border:0;box-shadow:none;justify-content:flex-end;margin-top:0;padding:0 3px}
.hero #motion-toggle{height:26px;width:26px;border-radius:50%;padding:0;justify-content:center}.hero .motion-glyph{font-size:10px}
@media(max-width:640px){header .brand{gap:7px}.brand-icon{width:32px;height:32px}header .brand strong{font-size:20px}header .brand strong>span{font-size:8px;letter-spacing:0}.hero .floating-task{width:90px;min-width:90px;padding:9px}.lab-visual-bars{gap:5px;margin-top:4px}.lab-visual-bars i{height:5px}}

.hero .idea-composition{width:100%;max-width:510px;margin:0;position:relative;align-self:center}
.idea-canvas{width:100%;aspect-ratio:6/5;position:relative;cursor:crosshair}.idea-network{display:block;width:100%;height:100%;overflow:visible}
.idea-core{transform-origin:240px 212px;animation:idea-breathe 6s ease-in-out infinite}
.idea-node{transition:transform .65s cubic-bezier(.22,1,.36,1)}.idea-connections{transition:opacity .5s;stroke-dasharray:5 7;animation:idea-flow 18s linear infinite}
.idea-canvas:hover .idea-node-one{transform:translate(-10px,-9px) rotate(-3deg);transform-origin:116px 101px}.idea-canvas:hover .idea-node-two{transform:translate(9px,-9px) rotate(3deg);transform-origin:367px 104px}.idea-canvas:hover .idea-node-three{transform:translate(-9px,8px) rotate(-2deg);transform-origin:116px 299px}.idea-canvas:hover .idea-node-four{transform:translate(10px,10px) rotate(3deg);transform-origin:362px 319px}
.idea-canvas:hover .idea-connections{opacity:.45}.idea-pointer{animation:idea-pointer-drift 7s ease-in-out infinite}.idea-dot{animation:idea-dot-pulse 3s ease-in-out infinite}.idea-dot-two{animation-delay:1.5s}
.idea-controls{display:flex;justify-content:flex-end;padding-right:12px}.hero .idea-composition #motion-toggle{background:white;border:1px solid #e2e8ef;color:#8296ad;display:flex;align-items:center}
.idea-composition.motion-paused *{animation-play-state:paused!important}
@keyframes idea-breathe{0%,100%{transform:scale(1) rotate(-3deg)}50%{transform:scale(1.035) rotate(1deg)}}
@keyframes idea-flow{to{stroke-dashoffset:-144}}
@keyframes idea-pointer-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-18px,-14px)}}
@keyframes idea-dot-pulse{0%,100%{opacity:.35}50%{opacity:1}}
@media(max-width:640px){.hero .idea-composition{max-width:365px;width:100%;margin:15px auto -5px}.idea-controls{padding-right:16px}.idea-canvas{touch-action:pan-y}}
@media(prefers-reduced-motion:reduce){.idea-composition *{animation:none!important;transition:none!important}}

.hero .avatar-scene{position:relative;width:100%;max-width:450px;margin:0 auto;align-self:center}
.avatar-stage{position:relative;width:100%;aspect-ratio:1/1.08;isolation:isolate;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-radius:0 0 35px 35px}
.avatar-backdrop{position:absolute;z-index:-2;width:83%;height:77%;left:8%;bottom:0;background:#e8eeff;border-radius:120px 120px 30px 30px;transform:rotate(-5deg);transition:transform .5s}
.avatar-outline{position:absolute;z-index:-1;border:1px solid #a5baff;border-radius:120px 120px 30px 30px;width:82%;height:77%;left:12%;bottom:4%;transform:rotate(6deg);transition:transform .5s}
.avatar-accent{position:absolute;z-index:-1;width:62px;height:62px;border-radius:50%;background:#b8ee87;right:1%;top:15%;animation:avatar-accent-float 6s ease-in-out infinite}
.hero-avatar{display:block;position:relative;width:97%;height:auto;object-fit:contain;align-self:flex-end;transform-origin:bottom center;transition:transform .5s}
.avatar-stage:hover .hero-avatar{transform:translateY(-3px) rotate(-1deg)}.avatar-stage:hover .avatar-backdrop{transform:rotate(0)}.avatar-stage:hover .avatar-outline{transform:rotate(2deg)}
.avatar-scene.motion-paused *{animation-play-state:paused!important}
.hero .avatar-scene #motion-toggle{background:transparent;border:1px solid #e1e8f3;color:#8a9ab0;display:flex;align-items:center;margin-top:10px}
@keyframes avatar-accent-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media(max-width:640px){.hero .avatar-scene{max-width:290px;width:82%;margin:25px auto 0}.avatar-stage{aspect-ratio:1/1.03}.avatar-accent{width:43px;height:43px}.hero .avatar-scene .idea-controls{padding-right:0}.avatar-scene .idea-controls{height:29px}.hero .avatar-scene #motion-toggle{margin-top:3px}}
@media(prefers-reduced-motion:reduce){.avatar-scene *{animation:none!important;transition:none!important}}

/* Shared portrait framing across hero and about */
.about .photo-story{max-width:410px;width:100%;align-self:center}
.photo-stage{position:relative;isolation:isolate;width:100%;padding:30px 30px 12px}
.photo-stage:before{content:"";position:absolute;z-index:-2;left:5%;bottom:0;width:88%;height:90%;background:#e8eeff;border-radius:120px 120px 30px 30px;transform:rotate(-5deg)}
.photo-stage:after{content:"";position:absolute;z-index:-1;left:10%;bottom:4%;width:85%;height:91%;border:1px solid #a5baff;border-radius:120px 120px 30px 30px;transform:rotate(6deg)}
.photo-accent{position:absolute;right:0;top:4%;width:52px;height:52px;border-radius:50%;background:#b8ee87;z-index:2;pointer-events:none}
.about .comparison-frame{border-radius:100px 100px 20px 20px;aspect-ratio:4/4.9;max-width:350px;margin:0 auto}
.about .photo-note{margin:19px 30px 0;font-size:11px;line-height:1.65}
.about-copy p.about-lead{font-size:14px;line-height:1.9;font-weight:400}
.about-copy p:not(.about-lead){font-size:13px;line-height:1.9}
.about-copy h2{margin-bottom:24px}
.about-signature>span:first-child{font-family:Manrope,Roboto,Arial,sans-serif;font-size:18px;line-height:1.5;font-style:normal;letter-spacing:-.3px}
@media(max-width:640px){.about .photo-story{max-width:340px}.photo-stage{padding:26px 25px 10px}.photo-accent{width:42px;height:42px;right:1%}.about .comparison-frame{border-radius:85px 85px 18px 18px;aspect-ratio:4/4.7}.about .photo-note{margin:17px 25px 0}.about-copy p.about-lead{font-size:13px;line-height:1.85}.about-copy p:not(.about-lead){font-size:12px;line-height:1.85}.about-signature>span:first-child{font-size:17px}}

/* Company-led career navigation */
.journey-section .section-title{align-items:center;gap:28px}
.journey-section .section-title h2{max-width:650px}
.resume-highlight{display:flex;align-items:center;gap:13px;padding:15px 19px;min-width:242px;border-radius:10px;background:#b8ee87;color:#17374a;flex-shrink:0;transition:transform .2s,background .2s}
.resume-highlight:hover{transform:translateY(-2px);background:#c9f6a4}
.resume-highlight svg{width:25px;height:25px;flex:none}.resume-highlight>span:nth-child(2){display:grid;gap:5px}.resume-highlight strong{font-size:13px;font-weight:600}.resume-highlight small{font-size:10px;color:#3f6754}.resume-highlight>span:last-child{margin-left:auto;font-size:20px}
.journey-section .timeline-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0}
.timeline-nav .chapter-tab{min-width:0;padding-top:20px;padding-bottom:10px;text-align:left}
.timeline-nav .tab-company{display:block;font-size:13px;line-height:1.4;margin:0 0 8px}
.timeline-nav .tab-year{display:block;font-size:11px;font-family:Roboto,Arial,sans-serif;letter-spacing:0;font-weight:400}
.chapter-sidebar .chapter-year{font-family:Roboto,Arial,sans-serif;font-size:28px;line-height:1.25;letter-spacing:-.7px;overflow-wrap:normal}
.company-role-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.company-role-nav[hidden]{display:none}
.company-role-nav button{padding:9px 12px;background:#f4f7ff;border:1px solid #dce5f5;color:#476380;border-radius:6px;font-size:11px}
.company-role-nav button[aria-pressed=true]{background:#315ae9;color:white;border-color:#315ae9}
@media(max-width:800px){.journey-section .section-title{align-items:flex-start;flex-direction:column;gap:20px}.resume-highlight{min-width:235px}.journey-section .timeline-nav{display:flex;overflow-x:auto;gap:0}.timeline-nav .chapter-tab{flex:0 0 150px;min-width:150px}.chapter-sidebar .chapter-year{font-size:24px}}
@media(max-width:640px){.resume-highlight{padding:13px 16px}.resume-highlight strong{font-size:12px}.timeline-nav .tab-company{font-size:12px}.timeline-nav .tab-year{font-size:10px}.company-role-nav{margin-bottom:16px}.company-role-nav button{font-size:10px;padding:9px 10px}}

/* Review proposal: consistent typography and softer palette */
:root{--ink:#19364b;--dark:#172e4d;--lime:#b8ee87;--bg:#fff}
body,button,input,select,textarea{font-family:Roboto,Arial,sans-serif}
body *{font-family:Roboto,Arial,sans-serif}
h1,h2,h3,.hero h1,.hero h1 em,.hero-tagline,.about-signature>span:first-child{font-family:Manrope,Roboto,Arial,sans-serif}
.hero h1,.hero h1 em{font-weight:500}.hero h1 em{font-style:normal}
.small-label,.eyebrow,.chapter-role,.comparison-year,.chapter-dates,.blog-category{font-family:Roboto,Arial,sans-serif}
.skills{color:#19364b;padding-top:44px;padding-bottom:44px}.skills::before{background:#f0f4ff}
.skills .section-title h2{color:#19364b}.skills .small-label,.skills .skills-note{color:#6b7c98}
.skills .skill-explorer{background:#fff;border-color:#d8e2f5}
.skills .skill-nav{background:#e8eeff;border-color:#d8e2f5}
.skills .skill-tab{color:#526785;background:transparent}
.skills .skill-tab[aria-selected=true]{background:#315ae9;color:#fff}
.skills .skill-panel h3{color:#19364b}.skills .skill-panel p{color:#60738e}.skills .skill-panel .small-label{color:#6b7c98}
.skills .skill-panel-tools .tool-tags span{background:#f4f7ff;border-color:#dce5f6;color:#4465a5}
.contact::before{background:#172e4d}
.stage{padding-top:40px;padding-bottom:10px}.stage .section-title{margin-bottom:18px}.stage .section-title h2{margin:0}
.agenda-filters{margin-bottom:16px}.agenda-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.agenda-group{grid-column:1/-1;margin:10px 0 0;font-size:10px}
.agenda-card{margin:0;grid-template-columns:62px 1fr;gap:16px;padding:19px 20px}
.agenda-card.is-upcoming{grid-column:1/-1}
.agenda-date{padding-right:13px}.agenda-date strong{font-size:26px}
.agenda-body h4{font-size:18px;letter-spacing:-.35px}.agenda-body p{font-size:12px;line-height:1.6;margin-bottom:7px}
.agenda-type{margin-bottom:6px}.agenda-meta{font-size:9px}.agenda-actions{margin-top:11px;font-size:10px}
.blog-section .section-title h2{margin-top:0}.blog-section{padding-top:36px}
.contact-topics{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:18px;color:#b8c9e0}
.contact-topics>span{display:flex;align-items:center;gap:6px;font-size:10px}
.contact-topics svg{width:16px;height:16px;flex:none}
.linkedin-highlight{display:flex;align-items:center;gap:13px;background:#315ae9;color:white;padding:18px 20px;border-radius:11px;margin-top:25px;max-width:395px;transition:background .2s,transform .2s}
.linkedin-highlight:hover{background:#426cf3;transform:translateY(-2px)}
.linkedin-highlight>svg{width:27px;height:27px;flex:none}
.linkedin-highlight>span:nth-child(2){display:grid;gap:6px}
.linkedin-highlight strong{font-size:14px;font-weight:500}.linkedin-highlight small{font-size:11px;color:#d5e1ff;line-height:1.4}.linkedin-highlight>span:last-child{margin-left:auto;font-size:22px}
@media(max-width:700px){.agenda-events{grid-template-columns:1fr}.agenda-card{padding:17px 15px;gap:13px;grid-template-columns:54px 1fr}.agenda-body h4{font-size:17px}.agenda-body p{font-size:11px}.agenda-date strong{font-size:25px}.stage{padding-top:32px}.contact-topics{gap:10px}.contact-topics>span{font-size:9px}.linkedin-highlight{padding:16px}.linkedin-highlight strong{font-size:13px}.skills{padding-top:34px;padding-bottom:34px}.hero h1,.hero h1 em{font-family:Manrope,Roboto,Arial,sans-serif}}

/* Five compact skill categories */
.skill-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.skills .skill-panel{min-height:218px;grid-template-columns:1fr 1fr;gap:32px}
#skill-panel-tools.grouped-toolkit{display:grid;gap:15px;padding-top:12px}
.toolkit-mini-group{min-width:0}
.toolkit-mini-group h4{font-family:Roboto,Arial,sans-serif;font-weight:500;font-size:10px;line-height:1.4;color:#60738e;margin:0 0 7px}
.toolkit-mini-tags{display:flex;flex-wrap:wrap;gap:6px}
.skills .toolkit-mini-tags span{font-size:10px;padding:6px 8px;line-height:1.3;border:1px solid #dce5f6;background:#f4f7ff;color:#4465a5;border-radius:5px}
.skills .learning .toolkit-mini-tags span{background:#eef8e7;border-color:#d0e8c0;color:#487148}
.skills .radar .toolkit-mini-tags span{background:transparent;border-style:dashed;color:#8290a6}
@media(max-width:700px){.skill-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}.skill-tab{padding:10px 3px;min-width:0}.skill-tab>span:last-child{font-size:9px}.skills .skill-panel{display:block;padding:22px 18px;min-height:0}.skill-panel-tools{margin-top:22px}#skill-panel-tools.grouped-toolkit{gap:13px}.toolkit-mini-tags{gap:5px}.skills .toolkit-mini-tags span{font-size:10px;padding:6px 7px}.toolkit-mini-group h4{font-size:10px}}

/* Article carousel: latest six, three cards per desktop viewport */
.blog-grid.blog-carousel{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding:5px 0 10px;align-items:stretch}
.blog-carousel::-webkit-scrollbar{display:none}
.blog-carousel .blog-card{scroll-snap-align:start;scroll-snap-stop:normal;min-width:0}
.blog-carousel .blog-body{height:100%}
.blog-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:7px}
.blog-position{color:#7b8da3;font-size:11px;font-variant-numeric:tabular-nums}
.blog-arrows{display:flex;gap:8px}
.blog-arrows button{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:1px solid #dbe4f2;background:white;color:#315ae9;transition:background .2s,border-color .2s}
.blog-arrows button svg{width:20px;height:20px}
.blog-arrows button:hover:not(:disabled){background:#edf2ff;border-color:#a7baf2}
.blog-arrows button:disabled{opacity:.3;cursor:default}
@media(max-width:1000px){.blog-grid.blog-carousel{grid-auto-columns:calc((100% - 18px)/2);gap:18px}}
@media(max-width:640px){.blog-grid.blog-carousel{grid-auto-columns:100%;gap:16px}.blog-carousel .blog-body{padding:21px}.blog-carousel-controls{margin-top:5px}.blog-arrows button{width:36px;height:36px}}