@charset "UTF-8";
:root{--paper:#faf9f5;--white:#fffefa;--ink:#303b32;--muted:#767c70;--green:#637552;--line:#e4e5da;--clay:#b77d59;--serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;--sans:"Microsoft YaHei","PingFang SC",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--clay);outline-offset:5px}a,button{touch-action:manipulation}.wrap,.header-inner,.footer-inner{max-width:1160px;margin:0 auto;padding-left:32px;padding-right:32px}.header{border-bottom:1px solid var(--line);background:rgba(250,249,245,.97);position:sticky;top:0;z-index:10}.header-inner{height:96px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:13px;align-items:center;font-size:21px;font-weight:600;letter-spacing:2px}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;margin-top:7px;color:var(--muted)}.brand-mark{background:var(--green);color:#fffdf4;font-family:var(--serif);font-size:25px;line-height:48px;text-align:center;position:relative;width:48px;height:48px;border-radius:15px 15px 15px 4px;letter-spacing:0}.brand-mark span{position:absolute;right:5px;top:-10px;color:#eacb9d}nav{display:flex;gap:32px}nav a{font-size:13px;color:#6b7268;padding:12px 0;position:relative}nav a:hover,nav a[aria-current]{color:var(--green)}nav a[aria-current]:after{content:"";height:4px;width:4px;background:var(--green);border-radius:50%;position:absolute;bottom:0;left:50%}.hero{display:grid;grid-template-columns:1.16fr 1fr;align-items:center;min-height:520px;gap:20px;padding-top:45px;padding-bottom:54px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:500;margin:0 0 20px}.eyebrow>span{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--green);vertical-align:middle}.hero h1{font-family:var(--serif);font-size:43px;font-weight:500;line-height:1.65;letter-spacing:1px;margin:0 0 20px}.accent{color:var(--green);position:relative}.accent:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:5px;background:#e2c6a5;transform:rotate(-1.5deg);z-index:-1}.hero-description{line-height:2.1;color:var(--muted);font-size:13px;margin:0 0 27px}.button{display:inline-flex;gap:34px;align-items:center;background:var(--green);color:var(--white);border-radius:5px;padding:15px 23px;font-size:12px;transition:background .2s,transform .2s}.button:hover{background:#4d613f;transform:translateY(-2px)}.hero-note{margin-top:23px;color:#929584;font-size:11px;letter-spacing:.5px}.hero-note>span{color:var(--clay);margin-right:8px;font-size:17px}.art-wrap{position:relative;align-self:center;text-align:center}.hero-art{width:100%;max-width:455px;display:block;margin:auto}.art-caption{font-family:Georgia,serif;font-style:italic;font-size:12px;color:#939b85;display:block;margin-top:-8px;letter-spacing:1px}.notes-section{padding-top:34px;padding-bottom:64px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-heading .eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:12px}.section-heading h2{font-family:var(--serif);font-size:26px;font-weight:500;margin:0}.section-heading h2>span{font-family:var(--sans);font-size:12px;margin-left:23px;color:var(--muted);font-weight:400}.note-count{font-size:11px;color:var(--muted);padding-bottom:4px}.filters{display:flex;gap:9px;margin-bottom:27px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:none;border-radius:5px;cursor:pointer;font-size:12px;color:var(--muted);padding:9px 15px;min-height:38px}.filters button.active{background:#e8ecdf;color:#536647}.filters button:hover{border-color:#ccd3c1}.filters button span{font-size:10px;opacity:.7;margin-left:9px}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.note-card{border:1px solid var(--line);background:var(--white);padding:24px;min-height:320px;border-radius:9px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}.note-card[hidden]{display:none}.note-card:hover{transform:translateY(-4px);border-color:#bbc5ad;box-shadow:0 10px 28px #46533c09}.card-top{display:flex;justify-content:space-between;align-items:center}.category{display:inline-block;padding:5px 9px;border-radius:3px;font-size:10px;letter-spacing:1px;color:#637155;background:#edf0e7}.tone-1 .category{background:#f5ede2;color:#9a7956}.tone-2 .category{background:#ecece6;color:#747767}.card-number{font:italic 13px Georgia,serif;color:#b4b6a6}.card-icon{width:45px;height:47px;color:#839172;margin:22px 0 15px}.tone-1 .card-icon{color:#ab8967}.tone-2 .card-icon{color:#82918b}.card-icon svg{width:100%;height:100%}.note-card h3{font-size:17px;font-family:var(--serif);font-weight:600;line-height:1.75;margin:0 0 10px}.note-card p{font-size:12px;color:var(--muted);line-height:1.95;margin:0 0 24px;flex:1}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eeeee6;padding-top:15px;font-size:10px;color:#929585;gap:10px}.read-more{color:var(--green);white-space:nowrap}.read-more>span{margin-left:9px;font-size:16px}.about-strip{max-width:1096px;padding:36px 30px;margin-bottom:65px;display:flex;align-items:center;gap:26px;background:#ecefe4;border-radius:8px;position:relative;overflow:hidden}.little-house{width:68px;flex-shrink:0;font-size:68px;color:#97a084;font-weight:200;text-align:center}.about-strip .eyebrow{font-size:10px;margin-bottom:9px}.about-strip h2{font-family:var(--serif);font-size:22px;font-weight:500;margin:0 0 10px}.about-strip p:last-child{font-size:12px;line-height:1.95;color:var(--muted);margin:0}.text-link{margin-left:auto;white-space:nowrap;color:var(--green);font-size:12px}.text-link>span{margin-left:12px;font-size:17px}footer{border-top:1px solid var(--line);background:#f4f4ec}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:34px;padding-bottom:32px}.footer-brand{font-size:15px;font-family:var(--serif);font-weight:600}.footer-brand>span{font-family:var(--sans);font-size:11px;font-weight:400;margin-left:18px;color:var(--muted)}.footer-inner p{font-size:10px;color:#858a7b;margin:13px 0 0}.footer-right{display:flex;gap:9px;align-items:flex-end;flex-direction:column;color:#858a7b;font-size:10px}.footer-right a:hover{color:var(--green)}.article{max-width:850px;padding-top:42px;padding-bottom:70px}.back-link{font-size:12px;color:var(--green);display:inline-block;margin-bottom:43px}.article-header{border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:35px}.article-header h1{font-family:var(--serif);font-size:36px;line-height:1.7;font-weight:500;margin:18px 0}.article-intro{line-height:2;color:var(--muted);font-size:14px;margin-bottom:24px}.article-meta{font-size:11px;color:#8f9587}.article-body{font-size:15px;line-height:2.1;color:#596153}.article-body section{margin-bottom:33px}.article-body h2{font-family:var(--serif);font-size:22px;font-weight:600;color:var(--ink);margin:25px 0 14px}.article-body p{margin:12px 0}.article-body ul{padding-left:24px}.article-body li{padding-left:5px;margin-bottom:9px}.article-body strong{font-weight:500;color:var(--ink)}.end-mark{text-align:center;color:#9ca487;font-size:25px;padding:16px}.next-note{margin-top:30px;border-top:1px solid var(--line);padding-top:25px}.next-note>span{display:block;font-size:11px;color:var(--muted);margin-bottom:14px}.next-note a{display:flex;justify-content:space-between;gap:20px;font-family:var(--serif);font-size:19px;line-height:1.7}.next-note a:hover{color:var(--green)}.about-signoff{padding:27px 0;color:var(--green);font-family:var(--serif);font-size:22px}.about-signoff>span{display:block;font-family:var(--sans);font-size:12px;color:var(--muted);margin-top:8px}.not-found{min-height:65vh;padding-top:110px;padding-bottom:90px}.not-found h1{font:500 36px/1.8 var(--serif)}.not-found>p:not(.eyebrow){color:var(--muted);margin-bottom:35px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:12px;left:12px;z-index:99;background:#fff;padding:14px;color:var(--green)}
@media(min-width:1450px){.hero{min-height:560px}.hero h1{font-size:46px}}
@media(max-width:950px){.hero h1{font-size:34px}.hero{min-height:460px}.note-grid{gap:14px}.note-card{padding:20px}.note-card h3{font-size:16px}.section-heading h2>span{display:block;margin:10px 0 0}.about-strip{margin-left:32px;margin-right:32px}.little-house{display:none}.about-strip{gap:16px}.about-strip br{display:none}.card-bottom{font-size:9px}.read-more>span{margin-left:3px}}
@media(max-width:680px){.wrap,.header-inner,.footer-inner{padding-left:22px;padding-right:22px}.header-inner{height:80px}.brand{font-size:17px;letter-spacing:1px;gap:10px}.brand small{font-size:8px;letter-spacing:1px}.brand-mark{width:39px;height:41px;line-height:41px;font-size:22px}nav{gap:17px}nav a{font-size:12px}nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;gap:0;padding-top:42px;padding-bottom:35px}.hero h1{font-size:33px;line-height:1.65}.hero-description{font-size:12px}.hero-description br{display:none}.hero-note{font-size:10px}.hero-art{max-width:325px}.art-wrap{margin-top:15px}.art-caption{font-size:10px}.eyebrow{font-size:10px}.notes-section{padding-top:29px;padding-bottom:37px}.section-heading h2{font-size:24px}.section-heading h2>span{font-size:11px}.note-count{font-size:10px;white-space:nowrap}.filters{gap:4px}.filters button{padding:8px 10px;font-size:11px}.filters button span{display:none}.note-grid{grid-template-columns:1fr;gap:15px}.note-card{padding:22px;min-height:0}.card-icon{margin:17px 0 13px;width:39px;height:41px}.note-card h3{font-size:20px;margin-bottom:9px}.note-card p{font-size:13px;margin-bottom:20px}.card-bottom{font-size:11px}.about-strip{margin:0 22px 40px;padding:27px 22px;display:block}.about-strip h2{font-size:20px}.about-strip .text-link{display:inline-block;margin-top:20px;font-size:12px}.footer-inner{display:block;padding-top:28px;padding-bottom:27px}.footer-brand>span{font-size:10px;margin-left:12px}.footer-inner p{font-size:9px;line-height:1.8}.footer-right{align-items:flex-start;margin-top:21px;font-size:10px}.article{padding-top:28px;padding-bottom:42px}.back-link{margin-bottom:28px}.article-header h1{font-size:28px;line-height:1.6}.article-intro{font-size:13px}.article-body{font-size:14px;line-height:2.1}.article-body h2{font-size:21px}.not-found h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button{transition:none!important}.note-card:hover,.button:hover{transform:none}}