: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-active,.desktop-nav a:hover{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{align-items:center;display:grid;min-height:min(720px,calc(100vh - 64px));overflow:hidden;padding:clamp(76px,10vw,126px) clamp(20px,5vw,72px);position:relative}.hero-image,.hero-overlay{inset:0;position:absolute}.hero-image{height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.03);width:100%}.hero-overlay{background:linear-gradient(90deg,#0f1c18db,#192d268a 52%,#101f1b2e),linear-gradient(0deg,#f4f0e838,#f4f0e800 38%)}.hero-content{color:#fff9ed;max-width:790px;position:relative}.card-meta,.eyebrow,.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 h1,.page-hero h1{font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(48px,8vw,104px);letter-spacing:0;line-height:.98;margin:18px 0 20px}.hero-content h1{text-shadow:0 18px 60px rgba(0,0,0,.28)}.hero-copy,.intro-grid p,.page-hero p,.path-strip p{font-size:clamp(18px,2vw,22px);line-height:1.8;max-width:680px}.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,.page-hero,.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,.source-box h2,.source-group h2,.timeline-item 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)}.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:linear-gradient(180deg,#fffdf7f5,#f8f5ecd6),var(--white);border:1px solid rgba(31,48,41,.14);border-radius:14px;box-shadow:0 14px 44px #292d2414;display:flex;flex-direction:column;justify-content:space-between;min-height:246px;overflow:hidden;padding:26px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.model-card:before{background:linear-gradient(90deg,var(--gold),var(--teal),var(--clay));content:"";height:4px;inset:0 0 auto;opacity:.86;position:absolute}.model-card:hover{border-color:#b88a3a8c;box-shadow:0 26px 74px #1f2a2326;transform:translateY(-4px)}.model-card h3{color:var(--green);font-size:26px;line-height:1.22;margin:20px 0 12px}.model-card p{color:var(--muted);line-height:1.75}.model-card .read-time{color:var(--teal)}.path-strip{background:#233a32;border-radius:18px;box-shadow:0 28px 90px #15261f2e;color:#fff9ed;justify-content:space-between;margin:0 clamp(20px,5vw,72px) 92px;padding:clamp(34px,5vw,62px)}.path-strip div{max-width:780px}.profile-strip{background:linear-gradient(135deg,#14322afa,#1f4b42f0 58%,#70472eeb),var(--green)}.page-hero{background:linear-gradient(180deg,#eee3d0,var(--paper));padding-block:clamp(70px,11vw,132px) 54px}.page-hero.compact{padding-block:70px 38px}.page-hero p{color:#4f554c}.grouped-list,.source-list{padding-top:38px}.model-group+.model-group,.source-group+.source-group{margin-top:58px}.model-group h2,.source-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}.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}.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 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,.source-box{border-top:1px solid var(--line);margin-top:48px;padding-top:34px}.source-box ul{color:var(--muted);line-height:1.8;padding-left:20px}.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-section{margin:0 auto;max-width:980px;padding-block:36px 96px}.timeline-item{border-bottom:1px solid var(--line);display:grid;gap:22px;grid-template-columns:70px minmax(0,1fr);padding:28px 0}.timeline-item>span{background:var(--green);border-radius:8px;color:#f4d27a;display:grid;font-weight:900;height:48px;place-items:center;width:48px}.timeline-item h2{font-size:28px}.source-item p,.timeline-item p{color:var(--muted);line-height:1.75}.source-item{background:#fffaf1b8;border:1px solid var(--line);border-radius:8px;padding:26px}.source-item+.source-item{margin-top:14px}.source-item h3{font-size:22px;margin:0 0 8px}.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(64px,8vw,112px) clamp(20px,5vw,72px) 96px}.about-hero{align-items:end;border-bottom:1px solid var(--line);display:grid;gap:clamp(34px,7vw,96px);grid-template-columns:minmax(0,1fr) 260px;padding-bottom:clamp(42px,6vw,72px)}.about-hero-content{max-width:780px}.about-hero h1{font-family:Georgia,Times New Roman,"Noto Serif SC",serif;font-size:clamp(68px,10vw,132px);font-weight:700;letter-spacing:0;line-height:.94;margin:0}.about-title{color:var(--green);font-size:clamp(18px,2vw,23px);font-weight:800;line-height:1.45;margin:24px 0 0;overflow-wrap:anywhere}.about-summary{color:#4f554c;font-size:clamp(16px,1.55vw,19px);line-height:1.85;margin:22px 0 0;max-width:720px}.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.about-profile-note{border-left:1px solid var(--line);display:grid;gap:18px;margin:0;padding-left: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:0}.about-highlight{background:#fffdf794;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(50px,6vw,76px) 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:12px;min-width:180px;padding:18px;position:absolute;right:0;top:34px}.about-career-row,.about-hero,.about-project,.about-section,.article-layout,.book-row,.intro-grid,.principle-item{grid-template-columns:1fr}.about-section-head{position:static}.article-aside{display:none}.about-highlights,.compact-grid,.model-grid{grid-template-columns:1fr}.hero-section{min-height:680px}.hero-overlay{background:linear-gradient(180deg,#19231fdb,#19231f7a)}}@media(max-width:620px){.about-page,.article-layout,.content-section,.hero-section,.intro-band,.page-hero,.site-footer,.site-header,.timeline-section{padding-inline:16px}.hero-section{min-height:auto;padding-block:52px 46px}.hero-content h1{font-size:40px;line-height:1.08}.page-hero h1{font-size:42px}.hero-copy,.intro-grid p,.page-hero p,.path-strip p{font-size:17px;line-height:1.65}.button{width:100%}.path-strip{margin-inline:16px}.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-hero{padding-bottom:40px}.about-hero h1{font-size:58px}.about-title{font-size:17px;line-height:1.6}.about-summary{font-size:15px;line-height:1.85}.about-profile-note{border-left:0;padding-left: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}.book-intro{margin-bottom:22px}.site-footer{align-items:flex-start;flex-direction:column}}