:root{--ink: #102f3a;--ink-strong: #061a22;--ink-soft: #46606a;--muted: #758891;--paper: #f7f2e8;--paper-warm: #fffaf0;--paper-cool: #eef6f3;--teal: #0e928c;--teal-dark: #086f75;--amber: #e79a22;--rust: #a84d32;--line: rgba(16, 47, 58, .18);--line-strong: rgba(16, 47, 58, .34);--shadow: 0 24px 60px rgba(31, 47, 42, .12);--display-font: "Songti SC", "STSong", "Noto Serif CJK SC", Georgia, serif;--body-font: "Avenir Next", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;font-family:var(--body-font)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at 12% 8%,rgba(14,146,140,.14),transparent 28rem),radial-gradient(circle at 82% 18%,rgba(231,154,34,.18),transparent 24rem),linear-gradient(135deg,rgba(16,47,58,.055) 0 1px,transparent 1px 18px),var(--paper);background-attachment:fixed}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.26;background-image:linear-gradient(rgba(16,47,58,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(16,47,58,.12) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(180deg,black,transparent 72%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}.site-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:28px}.topbar-compact{margin-bottom:72px}.brand-lockup{display:inline-flex;align-items:center;gap:11px;color:var(--ink-strong);font-size:19px;font-weight:850}.brand-lockup img{width:42px;height:42px;border:1px solid rgba(16,47,58,.1);border-radius:14px;box-shadow:0 10px 24px #102f3a1a}.nav-actions{display:flex;align-items:center;gap:8px;padding:5px;border:1px solid rgba(16,47,58,.14);border-radius:999px;background:#fffaf0ad;color:var(--ink-soft);font-size:14px;font-weight:760;backdrop-filter:blur(18px)}.nav-actions a{min-height:36px;padding:9px 13px;border-radius:999px}.nav-actions a:hover{color:var(--paper-warm);background:var(--ink)}.eyebrow{margin:0 0 16px;color:var(--teal-dark);font-size:13px;font-weight:850;letter-spacing:0}.blog-hero{min-height:660px;padding-bottom:82px}.blog-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,410px);gap:68px;align-items:stretch;padding-top:92px}.blog-hero-copy{position:relative;min-height:455px;padding:54px 0 44px;border-top:2px solid var(--ink-strong);border-bottom:1px solid var(--line)}.blog-hero-copy:after{position:absolute;right:6%;bottom:26px;width:128px;height:128px;border:1px solid rgba(168,77,50,.42);border-radius:999px;content:"";background:linear-gradient(90deg,transparent 48%,rgba(168,77,50,.55) 49% 51%,transparent 52%),linear-gradient(transparent 48%,rgba(168,77,50,.55) 49% 51%,transparent 52%);opacity:.5}.blog-hero-copy h1{max-width:860px;margin-bottom:24px;color:var(--ink-strong);font-family:var(--display-font);font-size:clamp(54px,9vw,132px);font-weight:900;line-height:.94;letter-spacing:0}.hero-body{max-width:780px;margin-bottom:34px;color:var(--ink-soft);font-size:clamp(18px,2.1vw,23px);font-weight:650;line-height:1.82}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;color:var(--muted);font-size:14px;font-weight:760}.primary-link,.article-read-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--ink-strong);border-radius:999px;color:var(--paper-warm);background:var(--ink-strong);box-shadow:5px 5px 0 var(--amber);font-weight:850;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary-link{padding:0 20px}.primary-link:hover,.article-read-link:hover{transform:translate(3px,3px);background:var(--teal-dark);box-shadow:2px 2px 0 var(--amber)}.blog-identity{display:grid;align-content:space-between;min-height:455px;padding:26px;border:1px solid var(--line-strong);border-radius:8px;background:linear-gradient(180deg,#fffaf0db,#eef6f3c7),var(--paper-warm);box-shadow:var(--shadow)}.blog-identity img{width:min(220px,72%);margin:0 auto 28px;filter:drop-shadow(0 18px 24px rgba(16,47,58,.16))}.identity-copy{padding-bottom:26px;border-bottom:1px solid var(--line)}.identity-label{margin-bottom:10px;color:var(--rust);font-size:12px;font-weight:900}.blog-identity p{margin-bottom:0;color:var(--ink-soft);font-size:16px;line-height:1.76}.identity-notes{display:grid;gap:16px;margin-top:22px}.identity-notes p{margin:0;color:var(--ink-soft);font-size:14px;font-weight:720;line-height:1.72}.identity-note-tags{display:flex;flex-wrap:wrap;gap:8px}.identity-note-tags span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid rgba(8,111,117,.22);border-radius:999px;color:var(--teal-dark);background:#eef6f3d1;font-size:13px;font-weight:820}.articles-section{padding:78px 0 102px;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(260px,.55fr);gap:28px;align-items:end;margin-bottom:30px}.section-heading h2{margin-bottom:0;color:var(--ink-strong);font-family:var(--display-font);font-size:clamp(36px,5.2vw,66px);line-height:1.02;letter-spacing:0}.section-heading p:not(.eyebrow){margin:0;color:var(--ink-soft);font-size:16px;font-weight:650;line-height:1.72}.article-list{display:grid;gap:18px}.article-card{position:relative;display:grid;grid-template-columns:72px minmax(0,1fr) minmax(210px,.32fr);gap:26px;align-items:stretch;padding:26px;border:1px solid var(--line-strong);border-radius:8px;background:#fffaf0bd;box-shadow:0 16px 34px #1f2f2a14;backdrop-filter:blur(16px);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.article-card:hover{transform:translateY(-3px);border-color:#086f758c;box-shadow:0 22px 48px #1f2f2a1f}.article-index{display:flex;align-items:flex-start;justify-content:center;padding-top:6px;border-right:1px solid var(--line);color:var(--rust);font-family:var(--display-font);font-size:36px;font-weight:900;line-height:1}.article-card-meta,.article-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:13px;font-weight:850}.article-card h3{max-width:820px;margin:13px 0 14px;color:var(--ink-strong);font-family:var(--display-font);font-size:clamp(27px,3.4vw,42px);line-height:1.16}.article-card h3 a:hover{color:var(--teal-dark)}.article-card p{max-width:820px;margin-bottom:0;color:var(--ink-soft);font-size:16px;font-weight:620;line-height:1.82}.article-card-side{display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-width:0;padding-left:4px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row span{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid rgba(16,47,58,.16);border-radius:999px;color:var(--ink-soft);background:#eef6f3c7;font-size:13px;font-weight:820}.article-read-link{width:92px;min-height:40px;box-shadow:4px 4px 0 var(--amber)}.article-page{max-width:900px;margin:0 auto;padding-bottom:96px}.back-link{display:inline-flex;margin-bottom:28px;color:var(--teal-dark);font-size:14px;font-weight:850}.back-link:hover{color:var(--rust)}.article-header{padding-bottom:34px;border-bottom:1px solid var(--line)}.article-header h1{margin:18px 0 20px;color:var(--ink-strong);font-family:var(--display-font);font-size:clamp(38px,7vw,74px);line-height:1.08;letter-spacing:0}.article-header p{max-width:780px;color:var(--ink-soft);font-size:19px;font-weight:620;line-height:1.85}.article-content{padding-top:42px}.article-content h2{margin:66px 0 18px;color:var(--ink-strong);font-family:var(--display-font);font-size:clamp(29px,5vw,45px);line-height:1.14;letter-spacing:0}.article-content p,.article-content li,.article-content blockquote{color:var(--ink-soft);font-size:18px;line-height:1.95}.article-content p{margin-bottom:20px}.article-content ul,.article-content ol{padding-left:1.35em}.article-content li+li{margin-top:8px}.article-content strong{color:var(--ink-strong);font-weight:850}.article-content blockquote{margin:34px 0;padding:24px 28px;border-left:5px solid var(--amber);background:#fffaf0d1;color:var(--ink);font-weight:760}.signal-strip{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}.signal-strip span,.brand-pill{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;font-weight:820}.signal-strip span{color:var(--ink);background:#fffaf0db;border:1px solid var(--line)}.brand-pill-blue{color:#fff;background:var(--ink)}.brand-pill-teal{color:#fff;background:var(--teal-dark)}.brand-pill-amber{color:var(--ink);background:#f6cf7a}.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:32px 0 44px}.principle-grid article{min-height:190px;padding:24px;border:1px solid var(--line);border-radius:8px;background:#fffaf0bd;box-shadow:0 10px 34px #1f2f2a0f}.principle-grid h3{margin-bottom:12px;color:var(--ink-strong);font-family:var(--display-font);font-size:23px}.principle-grid p{margin-bottom:0;font-size:16px;line-height:1.75}.experience-flow-card{--flow-edge: #46606a;margin:34px 0 58px;padding:24px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fffaf0d6;box-shadow:var(--shadow)}.experience-flow-card figcaption{margin-bottom:18px;color:var(--ink-strong);font-weight:850}.experience-flow-scroll{width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:4px 0 12px;scrollbar-gutter:stable}.experience-flow-canvas{position:relative;height:272px;min-width:720px}.experience-flow-step{display:grid;gap:10px;place-items:center;width:100%;height:100%;padding:16px 14px;border:2px solid var(--teal);background:#eef6f3cc;box-shadow:0 14px 30px #315c5d14}.experience-flow-index{color:var(--teal-dark);font-size:12px;font-weight:900}.experience-flow-label{color:var(--ink-soft);font-size:17px;font-weight:850;line-height:1.35;text-align:center;text-wrap:balance}.experience-flow-card .react-flow{overflow:visible;background:transparent}.experience-flow-card .react-flow__viewport{overflow:visible}.experience-flow-card .react-flow__renderer,.experience-flow-card .react-flow__pane{cursor:default}.experience-flow-card .react-flow__node{border:0;background:transparent}.experience-flow-card .react-flow__handle{width:1px;height:1px;border:0;opacity:0;pointer-events:none}.experience-flow-card .react-flow__edge-path{stroke-linecap:round;stroke-linejoin:round}.experience-flow-card .react-flow__edge-text{fill:var(--muted);font-family:var(--body-font);letter-spacing:0}.experience-flow-card .react-flow__edge-textbg{fill:#fffaf0f0}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;padding:26px 0 38px;border-top:1px solid var(--line);color:var(--muted);font-size:14px;font-weight:680}.site-footer a:hover{color:var(--ink-strong)}@media(max-width:980px){.blog-hero{min-height:auto}.blog-hero-grid{grid-template-columns:1fr;gap:28px;padding-top:64px}.blog-hero-copy,.blog-identity{min-height:auto}.blog-identity{grid-template-columns:180px 1fr;gap:24px;align-items:center}.blog-identity img{width:160px;margin:0}.identity-copy{padding-bottom:18px}.identity-notes{grid-column:1 / -1}.section-heading,.article-card{grid-template-columns:1fr}.article-index{justify-content:flex-start;padding:0 0 14px;border-right:0;border-bottom:1px solid var(--line)}.article-card-side{padding-left:0}}@media(max-width:680px){.site-shell{width:min(100% - 28px,1180px)}.topbar{align-items:flex-start;flex-direction:column;gap:16px}.nav-actions{width:100%;overflow-x:auto;border-radius:8px}.nav-actions a{white-space:nowrap}.blog-hero-grid{padding-top:50px}.blog-hero-copy{padding:40px 0 34px}.blog-hero-copy:after{right:0;bottom:10px;width:82px;height:82px}.hero-body{line-height:1.78}.blog-identity{grid-template-columns:1fr;padding:22px}.articles-section{padding:58px 0 82px}.article-card{gap:18px;padding:22px}.article-card h3{font-size:clamp(25px,9vw,34px)}.article-content p,.article-content li,.article-content blockquote,.article-header p{font-size:16px}.experience-flow-card{padding:18px}.experience-flow-canvas{height:272px;min-width:700px}.principle-grid{grid-template-columns:1fr}}