:root{--bg: #f3ede2;--bg-soft: rgba(255, 252, 245, .78);--surface: rgba(255, 250, 241, .7);--surface-strong: rgba(255, 248, 236, .9);--line: rgba(41, 32, 24, .14);--line-strong: rgba(41, 32, 24, .28);--text: #1f1812;--text-soft: rgba(31, 24, 18, .72);--accent: #9f4f2d;--accent-soft: rgba(159, 79, 45, .14);--forest: #29453d;--shadow: 0 24px 80px rgba(43, 26, 12, .12);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--content-width: 1160px;--motion-fade: .72s;--motion-float: 10s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:radial-gradient(circle at top left,rgba(169,114,61,.16),transparent 32%),radial-gradient(circle at 82% 14%,rgba(54,90,79,.14),transparent 24%),linear-gradient(180deg,#efe7da 0%,var(--bg) 100%);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(48,37,27,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(48,37,27,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,black 38%,transparent 100%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(calc(100% - 32px),var(--content-width));margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-soft)}.eyebrow:before{content:"";width:42px;height:1px;background:currentColor}.display{margin:0;font-family:Songti SC,STSong,"Source Han Serif SC","Noto Serif SC",serif;font-weight:600;line-height:1.02;letter-spacing:-.03em;text-wrap:balance}.lede{color:var(--text-soft);font-size:clamp(1rem,.8rem + .65vw,1.15rem)}.card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);backdrop-filter:blur(22px)}.card:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.4);border-radius:calc(var(--radius-lg) - 10px);pointer-events:none}@keyframes rise-in{0%{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes soft-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-8px,0)}}@keyframes drift{0%,to{transform:scale(1.01) translateZ(0)}50%{transform:scale(1.035) translate3d(0,-6px,0)}}.section-title{margin:18px 0;font-size:clamp(2.2rem,1.2rem + 2vw,4rem);line-height:1.12}.section-copy{max-width:58ch;color:var(--text-soft)}.button-row{display:flex;flex-wrap:wrap;gap:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;font-size:.95rem;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{color:#fef9f2;background:var(--forest);border:1px solid rgba(16,33,28,.7)}.button-secondary{border:1px solid var(--line-strong);background:#fffbf38c}.section-grid{display:grid;gap:22px}.meta-list{display:grid;gap:14px}.meta-item{display:grid;gap:6px;padding-bottom:14px;border-bottom:1px solid var(--line)}.meta-item:last-child{padding-bottom:0;border-bottom:0}.meta-label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft)}.meta-value{font-size:1rem;font-weight:500}.tag-list{display:flex;flex-wrap:wrap;gap:10px}.tag{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border:1px solid var(--line);border-radius:999px;font-size:.84rem;color:var(--text-soft);background:#fffbf4b8}.stacked-links{display:grid;gap:14px}.stacked-link{display:grid;gap:6px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fffbf4b8;transition:transform .18s ease,border-color .18s ease}.stacked-link:hover{transform:translateY(-2px);border-color:var(--line-strong)}.stacked-link small{color:var(--text-soft)}.site-header{position:sticky;top:0;z-index:20;padding:18px 0}.site-header:before{content:"";position:absolute;inset:0;background:#f3ede2b8;backdrop-filter:blur(20px);border-bottom:1px solid rgba(31,24,18,.06)}.site-header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand-lockup{display:inline-grid;gap:2px}.brand-lockup strong{font-size:1rem;font-weight:600;letter-spacing:.08em}.brand-lockup span{font-size:.8rem;color:var(--text-soft);letter-spacing:.06em}.site-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.site-nav a{padding:10px 14px;border-radius:999px;color:var(--text-soft);transition:background-color .16s ease,color .16s ease}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text);background:#fffcf6cc}.hero{padding:52px 0 20px}.hero-card{display:grid;gap:28px;align-items:start;padding:clamp(24px,3vw,42px)}.hero-identity{display:grid;gap:18px;align-content:start}.hero-avatar-wrap{display:flex;justify-content:center}.hero-avatar{width:168px;aspect-ratio:1;object-fit:cover;border-radius:28px;border:1px solid var(--line);box-shadow:0 18px 40px #1f181224;animation:soft-float var(--motion-float) ease-in-out infinite}.hero-main{display:grid;gap:14px}.hero-title{font-size:clamp(2.8rem,5vw,4.4rem);line-height:.98}.hero-role{margin:0;font-size:1.06rem;color:var(--text-soft)}.hero-summary{max-width:34ch;margin:4px 0 0}.hero-note{max-width:58ch;margin:0;color:var(--text-soft)}.hero-footnote{max-width:58ch;margin:-4px 0 0;color:var(--text-soft);font-size:.98rem}.hero-slogan{margin:0;padding:14px 16px 0;border-top:1px solid var(--line);color:var(--text-soft);font-size:.95rem;line-height:1.7}.hero-proof-grid{display:grid;gap:14px;margin-top:4px}.hero-proof-card{display:grid;gap:8px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fffbf4ad;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.hero-proof-card:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 22px 70px #2b1a0c21}.hero-proof-card strong{font-size:1rem;line-height:1.45}.hero-proof-card p{display:-webkit-box;margin:0;overflow:hidden;color:var(--text-soft);font-size:.95rem;line-clamp:2;-webkit-box-orient:vertical;-webkit-line-clamp:2}.hero-proof-label{color:var(--text-soft);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}.hero-tags{margin-top:2px}.hero-side{display:grid;gap:16px;align-content:start}.hero-panel{display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fffbf494;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.hero-panel:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 28px 90px #2b1a0c26}.hero-panel-copy{margin:-6px 0 2px;color:var(--text-soft);font-size:.94rem;line-height:1.72}.hero-contact-list{display:grid;gap:12px}.hero-contact-item{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fffbf4c7;transition:transform .18s ease,border-color .18s ease}.hero-contact-item:hover{transform:translateY(-2px);border-color:var(--line-strong)}.hero-contact-item strong{font-size:.95rem}.hero-contact-item span{color:var(--text-soft);font-size:.94rem}.hero-jump-list{display:grid;gap:10px}.hero-jump-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 10px;border-bottom:1px solid var(--line);color:var(--text-soft);transition:color .16s ease,border-color .16s ease}.hero-jump-list a:after{content:"↗";font-size:.84rem}.hero-jump-list a:last-child{padding-bottom:0;border-bottom:0}.hero-jump-list a:hover{color:var(--text);border-color:var(--line-strong)}.main-sections{display:grid;gap:clamp(48px,6vw,88px);padding:12px 0 88px}.content-map{display:grid;gap:28px;padding:clamp(24px,3vw,36px)}.content-map-head{display:grid;gap:12px}.content-map-intro{display:grid;gap:24px}.content-map-figure{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:var(--radius-md);background:#fffbf4b8}.content-map-figure img{width:100%;aspect-ratio:16 / 9;object-fit:cover;transform-origin:center;animation:drift 16s ease-in-out infinite;transition:transform .8s ease}.content-map-figure figcaption{padding:14px 16px 16px;color:var(--text-soft);font-size:.92rem;border-top:1px solid var(--line)}.content-map-grid{display:grid;gap:14px}.content-map-grid article{padding:18px 20px 20px;border:1px solid var(--line);border-radius:var(--radius-md);background:#fffbf4b8;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.content-map-grid article:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 28px 90px #2b1a0c26}.content-map-grid strong{display:block;margin-bottom:8px;font-size:1.05rem}.content-map-grid p{margin:0;color:var(--text-soft)}.feature-grid,.project-grid,.resource-grid{display:grid;gap:18px}.feature-card,.project-card,.resource-card,.article-card{padding:24px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease}.feature-card h3,.project-card h3,.resource-card h3,.article-card h3{margin:12px 0 10px;font-size:1.32rem}.project-card,.article-card,.resource-card{height:100%}.feature-card:hover,.project-card:hover,.resource-card:hover,.article-card:hover{transform:translateY(-3px);border-color:var(--line-strong);box-shadow:0 28px 90px #2b1a0c26}.project-topline,.article-topline,.resource-topline{display:flex;align-items:baseline;justify-content:space-between;gap:16px;color:var(--text-soft);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.project-meta,.article-meta{margin-top:18px;padding-top:18px;border-top:1px solid var(--line);color:var(--text-soft);font-size:.95rem}.split-section{display:grid;gap:24px;align-items:start}.home-positioning{display:grid;gap:28px}.home-positioning-copy{gap:18px}.home-feature-grid{gap:16px}.home-section{gap:24px}.home-section-copy{gap:18px}.home-section-emphasis .section-title{max-width:11ch}.section-note{max-width:40ch;margin:-2px 0 0;padding-left:16px;border-left:2px solid rgba(41,32,24,.14);color:var(--text-soft);font-size:.96rem;line-height:1.75}.home-inline-figure{margin:6px 0 2px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-md);background:#fffbf4b3}.home-inline-figure img{width:100%;height:auto;display:block}.home-inline-figure figcaption{padding:14px 16px 16px;border-top:1px solid var(--line);color:var(--text-soft);font-size:.9rem}.project-grid-featured,.home-listing-grid{gap:18px}.principles-grid{gap:16px}.resume-note{padding:clamp(22px,2.6vw,32px);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.resume-note strong{display:block;margin-bottom:10px;font-size:1.08rem}.resume-note:hover{transform:translateY(-2px);border-color:var(--line-strong);box-shadow:0 28px 90px #2b1a0c26}.home-page .hero-card,.home-page .content-map,.home-page .home-positioning-copy,.home-page .home-feature-grid>*,.home-page .home-section-copy,.home-page .project-grid>*,.home-page .home-listing-grid>*,.home-page .resource-grid>*,.home-page .principles-grid>*,.home-page .resume-note{opacity:0;animation:rise-in var(--motion-fade) cubic-bezier(.2,.8,.2,1) forwards}.home-page .hero-card{animation-delay:80ms}.home-page .content-map{animation-delay:.18s}.home-page .home-positioning-copy{animation-delay:.24s}.home-page .home-feature-grid>*:nth-child(1){animation-delay:.28s}.home-page .home-feature-grid>*:nth-child(2){animation-delay:.34s}.home-page .home-feature-grid>*:nth-child(3){animation-delay:.4s}.home-page .home-section-copy{animation-delay:.26s}.home-page .project-grid>*:nth-child(1),.home-page .home-listing-grid>*:nth-child(1),.home-page .resource-grid>*:nth-child(1),.home-page .principles-grid>*:nth-child(1){animation-delay:.32s}.home-page .project-grid>*:nth-child(2),.home-page .home-listing-grid>*:nth-child(2),.home-page .resource-grid>*:nth-child(2),.home-page .principles-grid>*:nth-child(2){animation-delay:.4s}.home-page .project-grid>*:nth-child(3),.home-page .home-listing-grid>*:nth-child(3),.home-page .principles-grid>*:nth-child(3){animation-delay:.48s}.home-page .resume-note{animation-delay:.26s}.home-page .hero-proof-grid>*:nth-child(1){animation-delay:.15s}.home-page .hero-proof-grid>*:nth-child(2){animation-delay:.22s}.site-footer{padding:26px 0 40px;border-top:1px solid rgba(31,24,18,.08);color:var(--text-soft)}.site-footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px}.prose{max-width:72ch;font-size:1.04rem}.prose h1,.prose h2,.prose h3{font-family:Songti SC,STSong,"Source Han Serif SC","Noto Serif SC",serif;line-height:1.05}.prose h1{font-size:clamp(3rem,6vw,5rem)}.prose h2{font-size:clamp(2rem,3vw,2.9rem);margin-top:2.6rem}.prose h3{font-size:1.7rem;margin-top:2rem}.prose p,.prose ul,.prose ol,.prose blockquote{color:var(--text-soft)}.prose a{color:var(--accent)}.listing-grid{display:grid;gap:18px;margin-top:28px}.article-overview{display:grid;gap:22px;margin-top:30px}.article-feature,.article-sidebar,.article-reader{padding:28px 24px}.article-feature h2{margin:18px 0 14px;font-family:Songti SC,STSong,"Source Han Serif SC","Noto Serif SC",serif;font-size:clamp(2rem,3vw,3rem);line-height:1.14}.article-feature-actions{margin-top:20px}.article-feature-meta,.article-reader-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin:18px 0;color:var(--text-soft);font-size:.95rem}.article-sidebar{display:grid;gap:22px;align-content:start}.article-sidebar-block{display:grid;gap:14px}.article-archive{margin-top:56px}.article-archive-head{display:grid;gap:10px;margin-bottom:22px}.article-reader-head h1{margin:18px 0 16px;font-family:Songti SC,STSong,"Source Han Serif SC","Noto Serif SC",serif;font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.12}.article-reader-summary{max-width:44ch;margin:0;color:var(--text-soft);font-size:1.06rem}.article-reader-body{margin-top:28px}.article-backlink{display:inline-flex;margin-bottom:12px;color:var(--text-soft);font-size:.95rem}.article-backlink:hover{color:var(--text)}.article-toc{display:grid;gap:14px;align-content:start}.article-toc strong{font-size:.92rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft)}.article-toc nav{display:grid;gap:10px}.article-toc a{color:var(--text-soft);font-size:.95rem}.article-toc a:hover{color:var(--text)}.article-related{margin-top:42px}.article-prose{max-width:66ch}.prose li+li{margin-top:.5rem}.prose blockquote{margin:1.8rem 0;padding-left:1rem;border-left:3px solid var(--line-strong)}@media(min-width:780px){.hero-card{grid-template-columns:220px minmax(0,1fr) 292px;gap:34px}.hero-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid,.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-section{grid-template-columns:.86fr 1.14fr}.content-map-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-map-intro{grid-template-columns:.78fr 1.22fr;align-items:start}.home-positioning{grid-template-columns:.94fr 1.06fr;align-items:end}.project-grid-featured>:first-child,.home-listing-grid>:first-child{grid-column:1 / -1}.home-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-overview{grid-template-columns:minmax(0,1.2fr) 340px}.article-reader-body.has-toc{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}.article-toc{position:sticky;top:108px}}@media(max-width:779px){.site-header{position:static}.site-header-inner,.site-footer-inner{flex-direction:column;align-items:flex-start}.site-nav{justify-content:flex-start}.hero{padding-top:24px}.hero-card,.feature-card,.project-card,.article-card,.resource-card{padding:22px}.hero-title{font-size:clamp(2.55rem,10vw,3.5rem)}.hero-summary,.hero-note,.hero-footnote,.section-copy,.section-note{max-width:none}.hero-proof-grid{grid-template-columns:1fr}.hero-panel{padding:16px}.content-map,.resume-note{padding:22px}.main-sections{gap:44px;padding-bottom:72px}.content-map-intro,.home-positioning,.home-listing-grid{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:0ms!important}}