:root{color-scheme:light;--bg: #f6f2e9;--paper: #fffdf8;--paper-strong: #ffffff;--ink: #17201d;--muted: #66716d;--line: #d8d0c1;--green: #2d665c;--green-dark: #1d4d44;--rose: #a84e61;--sky: #416f98;--gold: #d99a3d;--shadow: 0 22px 60px rgba(42, 34, 21, .12);--shadow-soft: 0 12px 32px rgba(42, 34, 21, .08);--line-strong: #c9beab}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fffdf8f5,#f6f2e92e 30rem),radial-gradient(circle at 8% 0%,rgba(65,111,152,.14),transparent 24rem),radial-gradient(circle at 92% 8%,rgba(168,78,97,.1),transparent 22rem),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}site-header{display:contents}.site-header,main,.site-footer{width:min(1120px,calc(100% - 2rem));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.85rem 0;background:#f6f2e9e0;backdrop-filter:blur(18px)}.brand,.site-tabs,.hero-actions,.footer-links{display:flex;align-items:center}.brand{gap:.65rem;font-weight:780}.brand-mark{display:grid;width:2.35rem;height:2.35rem;place-items:center;border-radius:50%;background:var(--green);color:var(--paper);box-shadow:0 10px 24px #2d665c38}.brand-text{font-size:1.05rem}.site-tabs{gap:.3rem;padding:.28rem;border:1px solid rgba(216,208,193,.82);border-radius:999px;background:#fffdf8c2;box-shadow:0 10px 28px #2a22150f}.site-tabs a{min-width:4.8rem;padding:.48rem .9rem;border-radius:999px;color:var(--muted);font-size:.92rem;font-weight:680;text-align:center}.site-tabs a:hover,.site-tabs a:focus-visible,.site-tabs a[aria-current=page]{background:linear-gradient(180deg,#fff,#fff9ee);color:var(--ink);outline:none;box-shadow:0 8px 24px #2a221514}.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(20rem,.9fr);gap:clamp(2rem,5vw,5rem);align-items:center;min-height:calc(100vh - 5.5rem);padding:clamp(2rem,6vw,5rem) 0 4rem}.hero-copy{max-width:44rem}.eyebrow,.section-kicker,.project-topline,.article-type{margin:0;color:var(--green);font-size:.78rem;font-weight:780;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1,h2,h3{margin:0;line-height:1.16}h1{max-width:12em;margin-top:.85rem;font-size:clamp(2.75rem,6.4vw,5.7rem);letter-spacing:0}.hero-lede,.page-hero p,.body-copy,.project-card p,.project-row p,.article-row p{color:var(--muted)}.hero-lede{max-width:38rem;margin:1.3rem 0 0;font-size:clamp(1rem,1.7vw,1.18rem)}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem}.button,.text-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.85rem;padding:.72rem 1.05rem;border-radius:.55rem;font-weight:760}.button.primary{border:1px solid var(--green);background:var(--green);color:var(--paper);box-shadow:0 14px 30px #2d665c38}.button.secondary,.text-link{border:1px solid var(--line);background:#fffdf8bd;color:var(--green-dark)}.button:hover,.text-link:hover{transform:translateY(-1px)}.section{padding:clamp(2rem,5vw,3.3rem) 0;border-top:1px solid rgba(216,208,193,.78)}main>.section:first-child{border-top:0;padding-top:clamp(1.25rem,3vw,2.1rem)}.split-section,.compact-section{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem)}.section h2,.page-hero h1{max-width:13em;margin-top:.3rem;font-size:clamp(1.55rem,3vw,2.25rem)}.body-copy{display:grid;gap:1rem;font-size:1.06rem}.body-copy p,.project-card p,.project-row p,.article-row p{margin:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.05rem}.section-heading>div{display:grid;gap:.2rem}.preview-grid{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(2,minmax(0,.95fr));gap:1rem}.project-card{display:flex;min-height:19rem;flex-direction:column;padding:.9rem;border:1px solid rgba(216,208,193,.86);border-radius:.8rem;background:linear-gradient(180deg,#fffdf8f0,#fffaf0c7),var(--paper);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.feature-card{border-color:#c9beabf2;background:linear-gradient(145deg,#fffdf8fa,#e8f0ebc7),var(--paper);box-shadow:var(--shadow)}.project-card:hover{border-color:#2d665c57;box-shadow:var(--shadow);transform:translateY(-2px)}.project-visual{position:relative;display:grid;min-height:8.25rem;margin-bottom:.75rem;place-items:center;overflow:hidden;border-radius:.55rem;background:#e7eee9;box-shadow:inset 0 0 0 1px #fffdf847}.project-visual span{position:absolute;display:block;border-radius:.35rem;background:#fffdf8d1;box-shadow:0 12px 28px #2a22151f}.personal-hub{background:linear-gradient(135deg,#2d665ceb,#416f98d1),#2d665c}.personal-hub span:nth-child(1){width:68%;height:24%;top:22%}.personal-hub span:nth-child(2){width:34%;height:32%;bottom:18%;left:15%}.personal-hub span:nth-child(3){width:34%;height:32%;right:15%;bottom:18%}.notes-toolkit{background:linear-gradient(135deg,#a84e61e6,#d99a3dcc),#a84e61}.notes-toolkit span:nth-child(1){width:58%;height:12%;top:24%;left:18%}.notes-toolkit span:nth-child(2){width:46%;height:12%;top:44%;left:18%}.notes-toolkit span:nth-child(3){width:62%;height:12%;top:64%;left:18%}.automation-lab{background:linear-gradient(135deg,#416f98f0,#2d665cd1),#416f98}.automation-lab span:nth-child(1){width:30%;height:30%;top:18%;left:18%}.automation-lab span:nth-child(2){width:30%;height:30%;right:18%;top:18%}.automation-lab span:nth-child(3){width:46%;height:18%;bottom:18%}.project-topline{display:flex;justify-content:space-between;gap:1rem}.project-topline span:last-child{color:var(--rose)}.project-card h3,.project-row h2,.article-row h2{margin:.55rem 0 .45rem;font-size:1.25rem}.project-card h3{font-size:1.32rem}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.75rem}.tag-list span{padding:.28rem .58rem;border:1px solid rgba(216,208,193,.86);border-radius:999px;background:#fffdf8c7;color:var(--sky);font-size:.78rem;font-weight:760}.note-list{display:grid;gap:0;border-top:1px solid rgba(216,208,193,.78)}.note-list a{display:grid;grid-template-columns:10rem minmax(0,1fr);gap:1rem;padding:.72rem 0;border-bottom:1px solid rgba(216,208,193,.78)}.note-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.note-strip a{display:grid;gap:.25rem;padding:.9rem;border:1px solid rgba(216,208,193,.82);border-radius:.65rem;background:linear-gradient(180deg,#fffdf8e0,#fffaf0ad),var(--paper);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.note-strip a:hover{border-color:#2d665c4d;box-shadow:var(--shadow-soft);transform:translateY(-1px)}.note-list span,.note-strip span,.article-row time{color:var(--rose);font-size:.9rem;font-weight:740}.note-list strong,.note-strip strong{color:var(--ink);font-size:1.05rem}.note-list a:hover strong,.note-strip a:hover strong,.footer-links a:hover{color:var(--green-dark)}.page-hero{max-width:52rem;padding:clamp(1.2rem,3vw,2rem) 0 clamp(1rem,2.5vw,1.6rem)}.page-hero p:last-child{max-width:44rem;margin:.55rem 0 0;font-size:1rem}.project-board,.article-board{display:grid;gap:1rem;padding-bottom:clamp(3rem,7vw,5rem)}.project-row,.article-row{display:grid;gap:1.25rem;padding:1rem;border:1px solid rgba(216,208,193,.86);border-radius:.8rem;background:linear-gradient(180deg,#fffdf8eb,#fffaf0b8),var(--paper);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.project-row:hover,.article-row:hover{border-color:#2d665c52;box-shadow:var(--shadow-soft);transform:translateY(-1px)}.project-row{grid-template-columns:16rem minmax(0,1fr);align-items:stretch}.project-row .project-visual{min-height:12rem;margin:0}.article-row{grid-template-columns:8rem minmax(0,1fr);padding:1.3rem 1rem}.article-row time{padding-top:.2rem}.post-page{max-width:760px;padding:clamp(2.5rem,7vw,5rem) 0 clamp(3rem,8vw,6rem)}.post-header{padding-bottom:1.5rem;border-bottom:1px solid rgba(216,208,193,.78)}.post-header h1{max-width:12em;margin-top:.5rem;font-size:clamp(2rem,5vw,3.5rem)}.post-header p:not(.eyebrow){margin:1rem 0 0;color:var(--muted);font-size:1.08rem}.post-header time{display:inline-block;margin-top:1rem;color:var(--rose);font-size:.9rem;font-weight:740}.post-content{padding-top:1.5rem;color:var(--ink);font-size:1.06rem}.post-content p,.post-content ul,.post-content ol{margin:0 0 1rem}.post-content li+li{margin-top:.35rem}.site-footer{display:flex;align-items:center;flex-direction:column;justify-content:space-between;gap:.45rem;padding:1.4rem 0 2rem;border-top:1px solid rgba(216,208,193,.78);color:var(--muted);text-align:center}.site-footer p{margin:0}.footer-links{display:grid;flex-wrap:wrap;justify-content:center;gap:.35rem;font-weight:720}@media(max-width:880px){.site-header{align-items:flex-start;flex-direction:column}.site-tabs{width:100%;justify-content:space-between;overflow-x:auto}.hero,.split-section,.compact-section,.project-row,.article-row{grid-template-columns:1fr}.hero{min-height:0;padding-top:2rem}.preview-grid,.note-strip{grid-template-columns:1fr}.project-card{min-height:0}.site-footer{justify-content:center}}@media(max-width:560px){.site-header,main,.site-footer{width:min(100% - 1.25rem,1120px)}.brand-mark{width:2.1rem;height:2.1rem}.site-tabs a{min-width:4.2rem;padding-inline:.68rem}h1{font-size:clamp(2.3rem,12vw,3.25rem)}.note-list a{grid-template-columns:1fr}}