:root{--paper:#f4f0e8;--paper-deep:#e7dfd0;--ink:#17221d;--muted:#69675e;--line:rgba(31,48,41,.16);--green:#17342b;--green-soft:#d7e3dc;--gold:#b7832d;--clay:#9b4e36;--teal:#2e6f68;--white:#fffdf7;--shadow:0 28px 90px rgba(28,39,32,.16);background:var(--paper);color:var(--ink);font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg,#fffdf7db,#f4f0e8 42%,#ecefe8eb),var(--paper);color:var(--ink);margin:0}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh}.site-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffdf7c2;border-bottom:1px solid var(--line);box-shadow:0 8px 34px #1e2a230f;gap:24px;justify-content:space-between;padding:14px clamp(20px,5vw,72px);position:sticky;top:0;z-index:20}.brand,.desktop-nav,.site-footer nav,.site-header{align-items:center;display:flex}.brand{color:var(--green);font-weight:800;gap:10px;letter-spacing:0}.brand-mark{background:linear-gradient(145deg,var(--green),#255044);border-radius:10px;box-shadow:0 10px 28px #17342b38;color:#f1c76d;display:inline-grid;font-family:Georgia,serif;height:34px;place-items:center;width:34px}.desktop-nav{color:#3f463f;font-size:15px;gap:8px}.desktop-nav a{border-radius:999px;padding:8px 12px;transition:color .2s ease,background .2s ease}.desktop-nav a.router-link-exact-active,.desktop-nav a:hover,.desktop-nav a:not(.exact).router-link-active{background:#b7832d17;color:var(--gold)}.site-footer a{transition:color .2s ease}.site-footer a:hover{color:var(--gold)}.mobile-menu{display:none}.hero-section{background:#050505;color:#fff;display:grid;min-height:clamp(240px,32vw,390px);padding:clamp(72px,10vw,132px) clamp(20px,5vw,72px);place-items:center;text-align:center}.card-meta,.read-time,.section-label{color:var(--gold);font-size:13px;font-weight:800;letter-spacing:.06em;margin:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}.hero-content{display:grid;gap:18px}.hero-content h1{font-size:clamp(44px,8vw,96px);font-weight:800;letter-spacing:0;line-height:1.12;margin:0}.intro-grid p,.path-strip p{font-size:clamp(18px,2vw,22px);line-height:1.8}.hero-actions,.path-strip,.section-heading{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.button{align-items:center;border:1px solid hsla(0,0%,100%,.45);border-radius:999px;display:inline-flex;font-weight:800;justify-content:center;min-height:46px;padding:0 20px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,#f4cc73,#dba64b);border-color:#f4cc73bf;box-shadow:0 16px 38px #945b123d;color:#1d261f}.button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf714;color:#fff9ed}.button.neutral{background:#fffaf1b8;border-color:var(--line);color:var(--green)}.article-layout,.content-section,.intro-band,.site-footer,.timeline-section{padding-inline:clamp(20px,5vw,72px)}.intro-band{background:var(--green);color:#fff9ed;padding-block:72px}.intro-grid{align-items:start;display:grid;gap:clamp(28px,6vw,96px);grid-template-columns:minmax(0,.9fr) minmax(280px,1fr);max-width:1180px}.article-header h1,.intro-grid h2,.model-group h2,.path-strip h2,.prose h2,.related-block h2,.section-heading h2{font-family:Georgia,Times New Roman,"Noto Serif SC",serif;letter-spacing:0;margin:0}.intro-grid h2{font-size:clamp(32px,4vw,58px);line-height:1.12}.content-section{margin:0 auto;max-width:1320px;padding-block:clamp(68px,8vw,104px)}.home-models{padding-bottom:clamp(46px,6vw,78px)}.home-notes,.home-value{padding-bottom:clamp(46px,6vw,78px);padding-top:0}.home-about{padding-top:0}.section-heading{border-bottom:1px solid var(--line);justify-content:space-between;margin-bottom:28px;padding-bottom:18px}.section-heading h2{font-size:clamp(34px,4vw,54px);line-height:1.05}.section-heading a,.text-link{border-bottom:2px solid var(--gold);color:var(--green);font-weight:800;padding-bottom:3px}.model-grid{display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.model-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;justify-content:space-between;min-height:246px;padding:26px;transition:box-shadow .2s ease}.model-card:hover{box-shadow:0 4px 20px #0000001f}.model-card h3,.value-card h3{color:var(--green);font-size:26px;line-height:1.22;margin:20px 0 12px}.model-card p,.value-card p{color:var(--muted);line-height:1.75}.model-card .read-time,.value-card .read-time{color:var(--teal)}.value-feature{align-items:start;background:var(--green);border-radius:12px;box-shadow:0 18px 60px #17342b29;color:#fff9ed;display:grid;gap:clamp(26px,5vw,70px);grid-template-columns:minmax(0,.78fr) minmax(320px,1fr);padding:clamp(30px,5vw,54px)}.value-feature h2,.value-module-head h2{font-family:Georgia,Times New Roman,"Noto Serif SC",serif;letter-spacing:0;margin:16px 0 0}.value-feature h2{font-size:clamp(30px,4vw,48px);line-height:1.16;max-width:560px}.value-feature-list{background:#fffdf72e;display:grid;gap:1px}.value-feature-row{background:var(--green);display:grid;gap:7px;padding:18px 0}.value-feature-row span{color:#e4bd68;font-size:12px;font-weight:900;letter-spacing:.07em}.value-feature-row strong{color:#fffdf7;font-size:18px;line-height:1.45}.value-feature-row:hover strong{color:#f1c76d}.value-overview{padding-top:44px}.value-browser{align-items:start;display:grid;gap:clamp(28px,5vw,60px);grid-template-columns:minmax(220px,.32fr) minmax(0,1fr)}.value-module-tabs{display:grid;gap:10px;position:sticky;top:96px}.value-module-tabs button{align-items:center;background:#fffdf7bd;border:1px solid var(--line);border-radius:12px;color:var(--green);cursor:pointer;display:flex;font:inherit;font-weight:900;gap:12px;justify-content:space-between;line-height:1.3;min-height:58px;padding:0 16px;text-align:left;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,color .2s ease;width:100%}.value-module-tabs button strong{color:var(--gold);font-size:13px}.value-module-tabs button.active,.value-module-tabs button:hover{background:#fffdf7;border-color:#b7832d73;box-shadow:0 4px 18px #1f302914;color:#8f6828}.value-module-panel{min-width:0}.value-module-head{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:18px}.value-module-head h2{color:var(--green);font-size:clamp(30px,3.4vw,42px);line-height:1.18}.value-module-head p{color:var(--muted);font-size:16px;font-weight:700;line-height:1.75;margin:16px 0 0}.value-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.value-card{background:#fffdf7;border:1px solid rgba(31,48,41,.08);border-radius:12px;box-shadow:0 2px 12px #00000014;display:block;min-height:auto;padding:22px 24px;transition:box-shadow .2s ease,transform .2s ease}.value-card h3{font-size:22px;margin:0}.value-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.value-card .card-meta{color:var(--gold)}.value-module-card{scroll-margin-top:96px}.home-note-list{display:grid;gap:16px;list-style:none;margin:0;padding:0}.home-note-row{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;display:grid;gap:clamp(18px,4vw,56px);grid-template-columns:190px minmax(0,1fr);padding:24px 26px;transition:box-shadow .2s ease,transform .2s ease}.home-note-row:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.home-note-date{color:var(--gold);font-size:13px;font-weight:900;line-height:1.5}.home-note-content{display:grid;gap:8px;min-width:0}.home-note-content strong{color:var(--green);font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(22px,2.4vw,30px);line-height:1.2}.home-note-content span{color:var(--muted);font-size:16px;font-weight:700;line-height:1.7}.home-note-row:hover .home-note-content strong{color:var(--gold)}.home-about .path-strip{margin:0;max-width:none;width:100%}.home-about .path-strip div{max-width:none}.profile-strip:hover{box-shadow:0 4px 20px #0000001f}.path-strip{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;justify-content:space-between;margin:0 auto 92px;max-width:calc(1320px - clamp(40px,10vw,144px));padding:clamp(34px,5vw,62px);width:calc(100% - clamp(40px,10vw,144px))}.path-strip div{max-width:780px}.path-strip h2{color:var(--green)}.path-strip p{color:var(--muted)}.grouped-list{padding-top:38px}.model-group+.model-group{margin-top:58px}.model-group h2{font-size:30px;margin-bottom:18px}.article-layout{display:grid;gap:clamp(28px,5vw,72px);grid-template-columns:220px minmax(0,820px);justify-content:center;padding-block:74px 96px}.note-article{grid-template-columns:220px minmax(0,1040px)}.article-aside{align-self:start;border-left:3px solid var(--gold);color:var(--muted);padding:18px;position:sticky;top:102px}.article-aside p{color:var(--green);font-weight:800;margin:0 0 12px}.article-aside nav{display:grid;gap:10px}.article-aside a{line-height:1.45}.article-main{min-width:0}.article-main.standalone{margin:0 auto;max-width:860px;padding:48px 20px 96px}.article-header{border-bottom:1px solid var(--line);margin-bottom:38px;padding-bottom:30px}.article-header h1{font-size:clamp(42px,6vw,72px);line-height:1.06;margin-top:16px}.article-header p:last-child{color:var(--muted);font-size:20px;line-height:1.75}.value-article{margin:0 auto;max-width:1040px;padding:clamp(58px,8vw,104px) clamp(20px,6vw,76px) clamp(88px,10vw,132px)}.value-article .article-main{max-width:900px}.value-article .article-header{border-bottom:0;margin-bottom:clamp(42px,6vw,72px);max-width:860px;padding-bottom:0}.value-article .article-header h1{color:#16261f;font-size:clamp(34px,5.2vw,62px);line-height:1.15;margin:0}.value-article .prose{color:#202a24;font-size:clamp(18px,1.55vw,21px);line-height:2.04;max-width:900px}.value-article .prose h1{display:none}.value-article .prose h2{color:#1f3029;font-size:clamp(27px,3vw,38px);line-height:1.25;margin-bottom:18px;margin-top:64px}.value-article .prose h3{color:#26382f;font-size:clamp(23px,2.2vw,30px);line-height:1.32;margin-bottom:14px;margin-top:48px}.value-article .prose ol,.value-article .prose p,.value-article .prose ul{margin-bottom:1.45em}.value-article .prose blockquote{background:#fff8eb;font-size:.98em;line-height:1.9;margin:46px 0;padding:28px 34px}.value-article .prose img{border-radius:8px;box-shadow:0 18px 54px #1c27201f;display:block;height:auto;margin:38px 0 46px;max-width:80%;width:auto}.prose{color:#252b25;font-size:18px;line-height:1.9}.prose h2{font-size:30px;margin-bottom:14px;margin-top:48px}.prose ol,.prose p,.prose ul{margin:0 0 20px}.prose li+li{margin-top:8px}.prose blockquote{background:#fff8eb;border-left:4px solid var(--gold);border-radius:8px;box-shadow:0 12px 36px #2f2c2212;color:#303b32;margin:36px 0;padding:26px 30px}.prose a{border-bottom:1px solid var(--gold);color:var(--green);font-weight:800}.prose table{background:#fffdf7db;border:1px solid rgba(31,48,41,.2);border-collapse:separate;border-radius:12px;border-spacing:0;box-shadow:0 18px 54px #1c272014;margin:34px 0;overflow:hidden;table-layout:fixed;width:100%}.prose td,.prose th{border-bottom:1px solid rgba(31,48,41,.14);border-right:1px solid rgba(31,48,41,.14);overflow-wrap:break-word;padding:18px 20px;vertical-align:top;word-break:break-word}.prose td:last-child,.prose th:last-child{border-right:0}.prose tbody tr:last-child td{border-bottom:0}.prose th{background:#d7e3dcb8;color:var(--green);font-size:17px;font-weight:900;line-height:1.45;text-align:left}.prose td{color:#303831;font-size:16px;font-weight:650;line-height:1.72}.prose tbody tr:nth-child(2n) td{background:#f4f0e86b}.prose tbody tr:hover td{background:#b7832d12}.prose td:first-child,.prose th:first-child{width:24%}.prose td:nth-child(2),.prose th:nth-child(2){width:34%}.prose td:nth-child(3),.prose th:nth-child(3){width:42%}.prose code{background:#1f302914;border-radius:6px;color:var(--green);font-size:.92em;padding:2px 6px}.prose pre{background:#1f3029;border:1px solid rgba(31,48,41,.12);border-radius:8px;color:#fff9ed;line-height:1.75;margin:28px 0;overflow-x:auto;padding:22px}.prose pre code{background:transparent;color:inherit;padding:0}.related-block{border-top:1px solid var(--line);margin-top:48px;padding-top:34px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.note-list{display:grid;gap:16px;max-width:980px}.note-card{border-bottom:1px solid var(--line);display:grid;gap:12px;padding:28px 0}.note-card:first-child{border-top:1px solid var(--line)}.note-card span{color:var(--gold);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.note-card h2{color:var(--green);font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(28px,3vw,42px);letter-spacing:0;line-height:1.18;margin:0}.note-card p{color:var(--muted);line-height:1.8;margin:0;max-width:760px}.note-card:hover h2{color:#8f6828}.about-page{margin:0 auto;max-width:1120px;padding:clamp(48px,6vw,78px) clamp(20px,5vw,72px) 96px}.about-intro{align-items:start;border-bottom:1px solid var(--line);display:grid;gap:clamp(28px,5vw,72px);grid-template-columns:minmax(0,1fr) 280px;padding-bottom:clamp(42px,5vw,64px)}.about-intro-main{max-width:780px;min-width:0}.about-summary{color:#313b34;font-size:clamp(18px,1.7vw,22px);font-weight:700;line-break:anywhere;line-height:1.85;margin:0;max-width:760px;overflow-wrap:anywhere}.about-skill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.about-skill-list span{align-items:center;background:#fffdf7b8;border:1px solid rgba(31,48,41,.14);border-radius:999px;color:var(--green);display:inline-flex;font-size:13px;font-weight:800;line-height:1.2;min-height:34px;padding:0 12px}.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.about-profile-note{border-left:3px solid var(--gold);display:grid;gap:14px;margin:0;min-width:0;padding:20px 0 20px 24px}.about-profile-note p{color:var(--muted);font-size:14px;font-weight:700;line-height:1.7;margin:0}.about-highlights{background:var(--line);border-bottom:1px solid var(--line);display:grid;gap:1px;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(34px,5vw,58px) 0 0}.about-highlight{background:#fffdf7b3;min-height:136px;padding:28px 26px}.about-highlight strong{color:var(--green);display:block;font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(34px,5vw,56px);line-height:1}.about-highlight span{color:var(--muted);display:block;font-size:14px;font-weight:700;line-height:1.65;margin-top:12px;max-width:240px}.about-section{border-bottom:1px solid var(--line);display:grid;gap:clamp(30px,6vw,84px);grid-template-columns:300px minmax(0,1fr);padding:clamp(54px,6vw,78px) 0}.about-section-head{align-self:start;position:sticky;top:96px}.about-section-head span{color:var(--gold);display:block;font-size:12px;font-weight:900;letter-spacing:.08em;margin-bottom:14px}.about-section-head h2{color:var(--green);font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(30px,3.6vw,42px);line-height:1.18;margin:0}.about-line-list{display:grid}.about-line-list p{border-bottom:1px solid var(--line);color:#313b34;font-size:clamp(16px,1.45vw,19px);font-weight:700;line-height:1.7;margin:0;padding:20px 0}.about-line-list p:first-child{padding-top:0}.about-line-list p:last-child{border-bottom:0;padding-bottom:0}.about-career,.about-projects,.book-list,.principle-list{display:grid}.about-career-row,.about-project,.book-row,.principle-item{border-bottom:1px solid var(--line);display:grid;gap:clamp(22px,4vw,58px);grid-template-columns:minmax(190px,.55fr) minmax(0,1fr);padding:26px 0}.about-career-row:first-child,.about-project:first-child,.book-row:first-child,.principle-item:first-child{padding-top:0}.about-career-row:last-child,.about-project:last-child,.book-row:last-child,.principle-item:last-child{border-bottom:0;padding-bottom:0}.about-career-row strong,.about-project h3,.book-row h3{color:var(--green);display:block;font-size:19px;line-height:1.35;margin:0}.about-career-row span,.about-project div p,.principle-item span{color:var(--gold);font-size:13px;font-weight:900;line-height:1.5;margin:8px 0 0}.about-career-row p,.about-closing-content p,.about-project>p,.book-row p,.principle-item p{color:var(--muted);font-size:16px;line-height:1.85;margin:0}.principle-item{grid-template-columns:96px minmax(0,1fr)}.principle-item span{margin:2px 0 0}.principle-item p{color:#313b34;font-size:clamp(17px,1.55vw,20px);font-weight:700}.principle-lines{display:grid;gap:8px}.principle-lines p{margin:0}.book-section{border-bottom:0}.book-intro{margin-bottom:26px;max-width:680px}.book-row{grid-template-columns:150px minmax(0,1fr);padding:22px 0}.book-row h3{font-size:17px}.book-row p{color:#313b34;font-weight:700}.about-career-row{align-items:baseline;grid-template-columns:150px minmax(190px,.8fr) minmax(0,1fr)}.about-career-row span{margin:0}.about-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.about-links a{align-items:center;border:1px solid var(--line);border-radius:999px;color:var(--green);display:inline-flex;font-size:13px;font-weight:800;min-height:36px;padding:0 13px;transition:border-color .2s ease,color .2s ease,background .2s ease}.about-links a:hover{background:#b7832d14;border-color:#b7832dad;color:var(--gold)}.site-footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;gap:28px;justify-content:space-between;padding-block:36px}.site-footer p{margin:8px 0 0}.site-footer nav{font-weight:700;gap:18px}@media(max-width:920px){.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;font-weight:800;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{background:var(--white);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;gap:4px;max-width:calc(100vw - 32px);min-width:128px;padding:10px;position:absolute;right:0;top:34px;width:-moz-max-content;width:max-content}.mobile-menu nav a{border-radius:6px;color:var(--ink);display:block;font-size:18px;font-weight:800;line-height:1.25;padding:9px 12px;white-space:nowrap}.mobile-menu nav a.router-link-exact-active,.mobile-menu nav a:hover,.mobile-menu nav a:not(.exact).router-link-active{background:#b7832d17;color:var(--gold)}.about-career-row,.about-intro,.about-project,.about-section,.article-layout,.book-row,.intro-grid,.principle-item,.value-browser,.value-feature{grid-template-columns:1fr}.about-section-head{position:static}.article-aside{display:none}.note-article{grid-template-columns:minmax(0,920px)}.about-highlights,.compact-grid,.model-grid,.value-grid{grid-template-columns:1fr}.value-module-tabs{position:static}.hero-section{min-height:clamp(250px,38vh,380px)}}@media(max-width:620px){.about-page,.article-layout,.content-section,.hero-section,.intro-band,.site-footer,.site-header,.timeline-section{padding-inline:16px}.hero-section{min-height:auto;padding-block:48px 42px}.hero-content h1{font-size:clamp(34px,11vw,46px);gap:10px;line-height:1.08}.intro-grid p,.path-strip p{font-size:17px;line-height:1.65}.button{width:100%}.home-note-row{gap:10px;grid-template-columns:1fr;padding:22px}.path-strip{margin-inline:auto;max-width:none;width:calc(100% - 32px)}.timeline-item{grid-template-columns:1fr}.about-career-row,.about-project,.book-row,.principle-item{gap:10px;grid-template-columns:1fr}.about-page{overflow-x:hidden;padding-block:48px 72px}.about-intro{gap:24px;padding-bottom:38px}.about-summary{font-size:17px;line-height:1.75;word-break:break-word}.about-profile-note{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.about-highlight{min-height:auto;padding:22px 0}.about-section{padding-block:42px}.about-section-head h2{font-size:34px}.about-line-list p,.principle-item p{font-size:17px}.about-career-row p,.about-closing-content p,.about-project>p,.book-row p{font-size:15px}.prose{overflow-x:auto}.prose table{margin:28px 0;min-width:720px}.prose td,.prose th{padding:15px 16px}.book-intro{margin-bottom:22px}.site-footer{align-items:flex-start;flex-direction:column}}