:root{--paper:#f4f0e8;--paper-deep:#e9e3d8;--ink:#181816;--ink-soft:#57544e;--line:#18181629;--accent:#e36b3d;--night:#181816;--white:#faf8f3;--serif:"Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;--sans:Inter, ui-sans-serif, "PingFang SC", "Microsoft YaHei", sans-serif;--shell:min(1180px, calc(100vw - 48px))}:root[data-theme=dark]{--paper:#171715;--paper-deep:#22211e;--ink:#f0ece3;--ink-soft:#aaa69e;--line:#f0ece329;--night:#0e0e0d;--white:#f0ece3}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%}button{font:inherit}::selection{color:var(--white);background:var(--accent)}.shell{width:var(--shell);margin-inline:auto}.muted{color:var(--ink-soft)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;margin:0 0 24px;font-size:.72rem;font-weight:600}.skip-link{z-index:100;color:#fff;background:#000;padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 86%, transparent);backdrop-filter:blur(16px);position:sticky;top:0}.header-inner{grid-template-columns:1fr auto 1fr;align-items:center;height:76px;display:grid}.wordmark{letter-spacing:-.02em;align-items:center;gap:10px;width:fit-content;font-weight:600;display:inline-flex}.wordmark-mark{width:31px;height:31px;color:var(--paper);background:var(--ink);font-family:var(--serif);border-radius:50%;place-items:center;display:grid}nav ul{gap:32px;margin:0;padding:0;list-style:none;display:flex}nav a{color:var(--ink-soft);padding-block:27px;font-size:.88rem;position:relative}nav a:hover,nav a.active{color:var(--ink)}nav a.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:18px;left:0;right:0}.theme-toggle{width:38px;height:38px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:50%;justify-self:end;place-items:center;padding:0;display:grid}.theme-toggle:hover{border-color:var(--ink);transform:rotate(12deg)}.theme-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.6px;width:17px}.theme-toggle .moon,:root[data-theme=dark] .theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .moon{display:block}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:80px;min-height:720px;padding-block:90px;display:grid}.hero h1,.page-hero h1,.about-hero h1{font-family:var(--serif);letter-spacing:-.065em;margin:0;font-size:clamp(3.6rem,7vw,7.2rem);font-weight:600;line-height:1.08}.hero h1 em,.page-hero h1 em,.about-hero h1 em{color:var(--accent);font-style:normal}.hero-deck{max-width:610px;color:var(--ink-soft);margin:32px 0 0;font-size:1.08rem;line-height:1.9}.hero-actions{gap:12px;margin-top:38px;display:flex}.button{border:1px solid var(--line);border-radius:100px;justify-content:center;align-items:center;gap:28px;min-height:48px;padding:0 22px;font-size:.9rem;font-weight:500;transition:all .25s;display:inline-flex}.button.primary{color:var(--paper);border-color:var(--ink);background:var(--ink)}.button:hover{border-color:var(--accent);gap:36px}.button.primary:hover{color:#fff;background:var(--accent)}.live-dot{background:#56a064;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 5px #56a0641f}.hero-art{aspect-ratio:1;place-items:center;display:grid;position:relative}.hero-art svg{fill:none;width:100%;height:100%;stroke:var(--line);stroke-width:.6px;animation:90s linear infinite slow-spin;position:absolute;inset:0}.orb{z-index:2;aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #ffd0a0 0, var(--accent) 32%, #812b20 75%, #341411 100%);border-radius:50%;width:46%;position:relative;box-shadow:0 25px 80px #8f382057}.orb:before{content:"";border:1px solid var(--line);border-radius:50%;position:absolute;inset:-22%}.orb span{aspect-ratio:1;filter:blur(10px);background:#ffffff47;border-radius:50%;width:18%;position:absolute;top:8%;right:14%}.art-label{z-index:3;letter-spacing:.14em;font-size:.62rem;position:absolute}.art-label.top{top:8%;right:4%}.art-label.bottom{bottom:8%;left:4%}.art-line{z-index:3;background:var(--ink);transform-origin:0;width:42%;height:1px;position:absolute;bottom:9%;left:48%;transform:rotate(-21deg)}@keyframes slow-spin{to{transform:rotate(360deg)}}.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 4fr;gap:40px;padding-block:105px;display:grid}.section-number{color:var(--accent);letter-spacing:.12em;font-size:.75rem}.manifesto p{max-width:940px;font-family:var(--serif);letter-spacing:-.035em;margin:0;font-size:clamp(1.8rem,3.2vw,3.3rem);line-height:1.55}.manifesto span{color:var(--accent)}.section{padding-block:120px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:48px;display:flex}.section-heading h2,.now h2{font-family:var(--serif);letter-spacing:-.05em;margin:0;font-size:clamp(2.3rem,4vw,4.5rem);font-weight:600;line-height:1.2}.text-link{border-bottom:1px solid;padding-bottom:5px;font-size:.88rem}.text-link span{margin-left:16px;transition:transform .2s;display:inline-block}.text-link:hover span{transform:translate(3px,-3px)}.articles-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.article-card{border-right:1px solid var(--line);min-width:0}.article-card:first-child{border-left:1px solid var(--line)}.article-card-link{flex-direction:column;min-height:360px;padding:30px;transition:background .25s,transform .25s;display:flex}.article-card-link:hover{background:var(--paper-deep);transform:translateY(-6px)}.article-meta{color:var(--ink-soft);gap:7px;font-size:.74rem;display:flex}.article-card h3{font-family:var(--serif);margin:54px 0 16px;font-size:1.52rem;font-weight:600;line-height:1.4}.article-card p{color:var(--ink-soft);margin:0;font-size:.9rem}.card-bottom{justify-content:space-between;align-items:end;margin-top:auto;padding-top:28px;display:flex}.tags{color:var(--ink-soft);flex-wrap:wrap;gap:10px;font-size:.72rem;display:flex}.arrow{font-size:1.2rem}.projects-section{color:#f0ece3;background:var(--night);padding-block:120px}.section-heading.inverse .eyebrow,.projects-section .project-kicker,.projects-section .project-copy p{color:#9e9a92}.projects-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.project-card{background:#1f1f1c;border:1px solid #ffffff24}.project-card a{display:block}.project-visual{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent) 70%, #10100f) 0%, #181816 58%);height:330px;position:relative;overflow:hidden}.project-visual:before,.project-visual:after{content:"";border:1px solid #ffffff40;border-radius:50%;position:absolute}.project-visual:before{width:250px;height:250px;top:40px;left:calc(50% - 125px)}.project-visual:after{width:150px;height:150px;top:90px;left:calc(50% - 75px)}.project-index{z-index:2;letter-spacing:.12em;font-size:.72rem;position:absolute;top:22px;left:24px}.project-orbit{z-index:3;background:#fff9;width:300px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-28deg)}.project-dot{z-index:4;background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .4s;position:absolute;top:calc(50% - 11px);left:calc(50% - 11px);box-shadow:0 0 35px #fff}.project-card:hover .project-dot{transform:scale(1.5)}.project-copy{padding:30px}.project-kicker{letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:.7rem;display:flex}.project-copy h3{font-family:var(--serif);margin:18px 0 10px;font-size:1.8rem;font-weight:600}.project-copy p{margin:0;font-size:.9rem}.project-stack{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.project-stack span{color:#bbb7ae;border:1px solid #ffffff26;border-radius:20px;padding:4px 9px;font-size:.68rem}.now{padding-block:130px}.now-grid{grid-template-columns:1.3fr .7fr;align-items:end;gap:100px;display:grid}.now-grid>div p:first-child{font-family:var(--serif);font-size:1.25rem}.now-grid .button{margin-top:22px}.page-hero{border-bottom:1px solid var(--line);padding:115px 0 65px}.page-hero.compact{padding-bottom:85px}.page-hero-bottom{justify-content:space-between;align-items:end;gap:80px;margin-top:54px;display:flex}.page-hero-bottom p{max-width:610px;color:var(--ink-soft);margin:0;font-size:1rem}.page-hero-bottom>span{color:var(--ink-soft);letter-spacing:.1em;font-size:.72rem}.listing-section{padding-block:70px 120px}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:42px;display:flex}.filter{color:var(--ink-soft);border:1px solid var(--line);border-radius:100px;padding:7px 15px;font-size:.75rem}.filter.active{color:var(--paper);border-color:var(--ink);background:var(--ink)}.prose-shell{max-width:840px;padding-block:80px 130px}.prose-header{border-bottom:1px solid var(--line);padding-bottom:54px}.back-link{color:var(--ink-soft);margin-bottom:70px;font-size:.8rem;display:inline-block}.prose-header h1{font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,6vw,5.5rem);font-weight:600;line-height:1.16}.prose-deck{max-width:680px;color:var(--ink-soft);margin:28px 0 0;font-size:1.12rem}.prose-meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:10px;margin-top:30px;font-size:.75rem;display:flex}.tag{border:1px solid var(--line);border-radius:100px;padding:3px 9px;font-size:.7rem}.prose{font-family:var(--serif);padding-top:50px;font-size:1.08rem;line-height:2}.prose h2{margin:2.6em 0 .7em;font-size:1.8rem;line-height:1.4}.prose h3{margin-top:2em;font-size:1.3rem}.prose p{margin:1.2em 0}.prose a{color:var(--accent);border-bottom:1px solid}.prose blockquote{border-left:3px solid var(--accent);color:var(--ink-soft);margin:2em 0;padding:3px 0 3px 24px}.prose code{background:var(--paper-deep);border-radius:4px;padding:.15em .35em;font-family:ui-monospace,monospace;font-size:.88em}.prose pre{border-radius:10px;padding:24px;line-height:1.7;overflow:auto}.prose pre code{background:0 0;padding:0}.case-facts{border:1px solid var(--line);background:var(--line);font-family:var(--sans);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:60px;display:grid}.case-facts div{background:var(--paper);padding:20px}.case-facts span,.case-facts strong{display:block}.case-facts span{color:var(--ink-soft);margin-bottom:8px;font-size:.7rem}.case-facts strong{font-size:.88rem}.timeline{padding-block:90px 140px}.timeline-item{grid-template-columns:150px 50px 1fr;min-height:220px;display:grid}.timeline-year{color:var(--accent);letter-spacing:.1em;padding-top:5px;font-size:.8rem}.timeline-marker{justify-content:center;display:flex;position:relative}.timeline-marker:after{content:"";background:var(--line);width:1px;position:absolute;top:17px;bottom:-17px}.timeline-item:last-child .timeline-marker:after{display:none}.timeline-marker span{z-index:1;border:3px solid var(--paper);background:var(--accent);width:11px;height:11px;box-shadow:0 0 0 1px var(--accent);border-radius:50%;margin-top:8px}.timeline-copy{padding-bottom:65px}.timeline-copy h2{font-family:var(--serif);margin:15px 0 10px;font-size:2rem}.timeline-copy p{max-width:650px;color:var(--ink-soft);margin:0}.about-hero{grid-template-columns:1fr .58fr;align-items:center;gap:80px;padding-block:110px;display:grid}.portrait{aspect-ratio:.82;background:linear-gradient(145deg,#df7850,#6d2c27 72%);place-items:center;display:grid;position:relative;overflow:hidden}.portrait:before{content:"";aspect-ratio:1;border:1px solid #fff6;border-radius:50%;width:85%;position:absolute}.portrait:after{content:"";background:#ffffff59;width:1px;height:130%;position:absolute;transform:rotate(35deg)}.portrait span{z-index:1;color:#ffffffe6;font-family:var(--serif);font-size:10rem}.about-grid{border-top:1px solid var(--line);grid-template-columns:1fr 3fr;gap:70px;padding-block:100px;display:grid}.about-grid aside{color:var(--ink-soft);font-size:.75rem}.about-grid aside span{color:var(--accent)}.about-copy{max-width:760px}.about-copy p{color:var(--ink-soft);font-family:var(--serif);font-size:1.2rem;line-height:1.9}.about-copy .lead{color:var(--ink);margin-top:0;font-size:2rem;line-height:1.65}.values{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.value{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:280px;padding:32px}.value span{color:var(--accent);font-size:.7rem}.value h2{font-family:var(--serif);margin:65px 0 12px;font-size:1.7rem}.value p{color:var(--ink-soft)}.contact{text-align:center;padding-block:140px}.contact h2{font-family:var(--serif);margin:0 0 38px;font-size:clamp(2.2rem,5vw,4.5rem);line-height:1.4}.resume{padding-block:90px 130px}.resume-header{border-bottom:2px solid var(--ink);justify-content:space-between;padding-bottom:60px;display:flex}.resume-header h1{font-family:var(--serif);margin:0;font-size:5rem;line-height:1}.resume-role{color:var(--ink-soft)}.resume-contact{flex-direction:column;align-items:end;gap:8px;font-size:.82rem;display:flex}.print-button{color:var(--paper);background:var(--ink);cursor:pointer;border:0;border-radius:100px;margin-top:10px;padding:8px 14px}.resume-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 3fr;gap:60px;padding-block:48px;display:grid}.resume-row>h2{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem}.resume-row .lead{font-family:var(--serif);margin:0;font-size:1.65rem}.skill-columns{grid-template-columns:repeat(2,1fr);gap:40px;display:grid}.skill-columns h3{font-family:var(--serif);margin-top:0}.skill-columns p,.experience p{color:var(--ink-soft)}.experience article+article{margin-top:35px}.experience article>div{justify-content:space-between;display:flex}.experience span{color:var(--ink-soft);font-size:.8rem}.not-found{flex-direction:column;justify-content:center;align-items:start;min-height:70vh;display:flex}.not-found h1{font-family:var(--serif);margin:0 0 36px;font-size:clamp(3rem,7vw,7rem);line-height:1.1}.site-footer{color:#d8d3ca;background:#111110;padding-top:90px}.footer-grid{grid-template-columns:1fr auto;gap:60px;padding-bottom:70px;display:grid}.footer-title{color:#f4f0e8;font-family:var(--serif);margin:0 0 8px;font-size:2rem}.site-footer .muted{color:#8f8b84;max-width:520px}.footer-links{align-items:start;gap:30px;display:flex}.footer-links a{border-bottom:1px solid #57544e;font-size:.82rem}.footer-bottom{color:#77746e;border-top:1px solid #33322e;justify-content:space-between;padding-block:24px;font-size:.7rem;display:flex}.footer-bottom a{border-bottom:1px solid #57544e}.reveal{animation:.7s both reveal;animation-delay:var(--delay,0s)}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (width<=900px){:root{--shell:min(100% - 32px, 720px)}.header-inner{grid-template-columns:1fr auto}nav{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-block:70px}.hero-art{width:min(520px,100%);margin:0 auto}.manifesto,.articles-grid{grid-template-columns:1fr}.article-card,.article-card:first-child{border:1px solid var(--line);border-top:0}.article-card:first-child{border-top:1px solid var(--line)}.article-card-link{min-height:300px}.projects-grid{grid-template-columns:1fr}.now-grid{grid-template-columns:1fr;gap:35px}.about-hero{grid-template-columns:1fr}.portrait{max-width:500px}.about-grid,.values{grid-template-columns:1fr}.resume-row{grid-template-columns:1fr;gap:24px}}@media (width<=600px){.hero h1,.page-hero h1,.about-hero h1{font-size:3.2rem}.hero-actions{flex-direction:column;align-items:stretch}.page-hero{padding-top:75px}.page-hero-bottom{flex-direction:column;align-items:start;gap:24px}.section{padding-block:80px}.section-heading{flex-direction:column;align-items:start;gap:20px}.projects-section{padding-block:80px}.project-visual{height:260px}.timeline-item{grid-template-columns:70px 30px 1fr}.timeline-copy h2{font-size:1.45rem}.case-facts{grid-template-columns:1fr}.resume-header{flex-direction:column;gap:35px}.resume-header h1{font-size:3.8rem}.resume-contact{align-items:start}.skill-columns{grid-template-columns:1fr}.experience article>div{flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;align-items:start;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.site-header,.site-footer,.print-button{display:none}:root{--paper:#fff;--ink:#000;--ink-soft:#333}.resume{width:100%;padding:0}}