:root{color-scheme:light;--bg:#f7f3ed;--text:#282522;--muted:#756f68;--faint:#9b938a;--line:#ded7cf;--accent:#c96f4f;--shell:min(1120px, calc(100% - 64px));--ease:cubic-bezier(.22, 1, .36, 1)}:root[data-theme=dark]{color-scheme:dark;--bg:#181716;--text:#f1ede7;--muted:#aaa29a;--faint:#817a73;--line:#393531;--accent:#e19472}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans SC,system-ui,sans-serif;font-size:16px;line-height:1.75;transition:background-color .2s,color .2s}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{background:color-mix(in srgb, var(--accent) 35%, transparent)}.shell{width:var(--shell);margin-inline:auto}.skip-link{z-index:30;background:var(--accent);color:#fff;padding:6px 10px;transition:transform .16s;position:fixed;top:10px;left:14px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.site-header{border-bottom:1px solid var(--line)}.header-inner{align-items:center;gap:26px;min-height:64px;display:flex}.brand{white-space:nowrap;align-items:baseline;gap:9px;font-weight:650;display:inline-flex}.brand small{color:var(--faint);letter-spacing:.12em;font-size:8px;font-weight:600}.site-nav{align-items:center;gap:25px;margin-left:auto;display:flex}.site-nav a{color:var(--muted);font-size:13px;transition:color .16s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}.theme-toggle{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .16s;display:grid}.theme-toggle:hover{color:var(--accent)}.theme-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:18px;height:18px}.theme-icon-moon,:root[data-theme=dark] .theme-icon-sun{display:none}:root[data-theme=dark] .theme-icon-moon{display:block}.home-main{animation:page-in .44s var(--ease) both}.hero{max-width:780px;padding:clamp(74px,8vw,108px) 0 clamp(86px,9vw,118px)}.hero-brand{margin:0 0 22px;font-size:18px;font-weight:650}.hero-brand small{color:var(--faint);letter-spacing:.1em;margin-left:8px;font-size:9px;font-weight:500}.hero h1{letter-spacing:-.045em;margin:0;font-size:clamp(48px,5.5vw,66px);font-weight:650;line-height:1.22}.hero-description{color:var(--muted);margin:25px 0 0;font-size:17px}.hero-links{flex-wrap:wrap;gap:18px 28px;margin-top:32px;display:flex}.hero-links a{font-size:14px;transition:color .16s}.hero-links a:hover{color:var(--accent)}.hero-links span{color:var(--accent);margin-left:3px}.home-section{padding-bottom:92px}.section-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:36px;display:flex}.section-heading h2{letter-spacing:-.025em;margin:0;font-size:28px;font-weight:650}.section-heading>a{color:var(--muted);font-size:13px;transition:color .16s}.section-heading>a:hover{color:var(--accent)}.section-heading>a span{color:var(--accent);margin-left:3px}.home-projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,5vw,68px);display:grid}.home-project h3{letter-spacing:-.02em;margin:0;font-size:21px;font-weight:650}.home-project p{min-height:58px;color:var(--muted);margin:13px 0 0;font-size:14px}.home-project small{color:var(--faint);margin-top:10px;font-size:11px;display:block}.home-project>a{color:var(--accent);margin-top:18px;font-size:13px;display:inline-block}.home-project>a span{transition:transform .16s var(--ease);margin-left:3px}.home-project>a:hover span{display:inline-block;transform:translate(3px)}.writing-section{border-top:1px solid var(--line);padding-top:52px}.writing-list{max-width:940px}.writing-item{border-bottom:1px solid var(--line);grid-template-columns:120px minmax(0,1fr) 20px;align-items:center;gap:22px;min-height:62px;display:grid}.writing-item:first-child{border-top:1px solid var(--line)}.writing-item time{color:var(--faint);font-size:12px}.writing-item>span:not(.writing-arrow){font-size:14px}.writing-arrow{color:var(--accent);transition:transform .16s var(--ease)}a.writing-item:hover{color:var(--accent)}a.writing-item:hover .writing-arrow{transform:translate(3px)}.writing-item-static{color:var(--text)}.site-footer{border-top:1px solid var(--line);min-height:70px;color:var(--faint);align-items:center;gap:20px;font-size:10px;display:flex}.site-footer>span{margin-right:auto}.site-footer a:hover{color:var(--accent)}.page-main{min-height:calc(100svh - 135px);animation:page-in .4s var(--ease) both;padding:42px 0 84px}.back-home{color:var(--muted);font-size:12px;transition:color .16s}.back-home:hover{color:var(--accent)}.page-intro{margin:70px 0 72px}.page-intro h1{letter-spacing:-.045em;margin:0;font-size:clamp(46px,5vw,62px);font-weight:650}.page-intro p{color:var(--muted);margin:14px 0 0;font-size:17px}.projects-list{max-width:940px}.project-item{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:50px;padding:34px 0 38px;display:flex}.project-item:last-child{border-bottom:1px solid var(--line)}.project-item h2{letter-spacing:-.025em;margin:0;font-size:26px;font-weight:650}.project-item p{max-width:650px;color:var(--muted);margin:11px 0 0;font-size:14px}.project-item small{color:var(--faint);margin-top:13px;font-size:11px;display:block}.project-item>a{color:var(--accent);flex:none;margin-top:9px;font-size:13px}.project-item>a span{transition:transform .16s var(--ease);margin-left:3px}.project-item>a:hover span{display:inline-block;transform:translate(3px)}.about-page{max-width:760px}.about-content{margin-top:70px}.about-content h1{letter-spacing:-.045em;margin:0 0 50px;font-size:clamp(46px,5vw,62px);font-weight:650}.about-content p{color:var(--muted);margin:0 0 22px;font-size:16px}.about-content .about-lead{color:var(--text);letter-spacing:-.025em;margin-bottom:31px;font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.55}.about-content .about-signoff{color:var(--text);margin-top:38px}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){:root{--shell:calc(100% - 36px)}.header-inner{grid-template-columns:1fr auto;gap:10px;padding:13px 0 12px;display:grid}.site-nav{grid-area:2/1/auto/-1;justify-content:space-between;width:100%;margin:0}.theme-toggle{grid-area:1/2}.hero{padding:58px 0 76px}.hero-brand{margin-bottom:19px}.hero h1{letter-spacing:-.05em;font-size:clamp(32px,9vw,40px);line-height:1.24}.hero-description{margin-top:21px;font-size:15px}.hero-links{margin-top:27px}.home-section{padding-bottom:74px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:25px}.home-projects{grid-template-columns:1fr;gap:40px}.home-project p{min-height:0}.writing-section{padding-top:42px}.writing-item{grid-template-columns:84px minmax(0,1fr) 15px;gap:10px;min-height:68px}.writing-item time{font-size:11px}.writing-item>span:not(.writing-arrow){font-size:13px}.writing-item-static{grid-template-columns:84px minmax(0,1fr)}.site-footer{flex-wrap:wrap;gap:2px 14px;padding:15px 0}.site-footer>span{flex-basis:100%;margin:0 0 3px}.page-main{padding-top:30px;padding-bottom:60px}.page-intro{margin:50px 0 54px}.page-intro h1{font-size:44px}.page-intro p{font-size:15px}.project-item{flex-direction:column;gap:13px;padding:28px 0 31px}.project-item h2{font-size:23px}.project-item>a{margin-top:0}.about-content{margin-top:50px}.about-content h1{margin-bottom:38px;font-size:44px}.about-content p{font-size:15px}.about-content .about-lead{font-size:25px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}}