:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#242722;background:#f8f9f5;font-synthesis:none;--muted:#6b7068;--line:#dcdfd7;--green:#2f5745}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #416d54;outline-offset:5px}html{scroll-behavior:smooth;scroll-padding-top:35px}[hidden]{display:none!important}.container{max-width:1344px;margin:auto;padding-left:64px;padding-right:64px}.site-header{max-width:1472px;margin:auto;padding:28px 64px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.5px;font-size:20px}.brand-mark{background:#242722;color:#fff;border-radius:9px;width:32px;height:32px;display:grid;place-items:center;font-size:24px}.brand-note{color:var(--muted);font-size:15px;font-weight:400}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a:hover,.text-link:hover{color:var(--green);text-decoration:underline;text-underline-offset:5px}.eyebrow{font-size:11px;letter-spacing:1.7px;display:block;color:var(--muted)}.status-dot{display:inline-block;background:#5e7f61;width:6px;height:6px;border-radius:50%;margin-right:8px}.hero{padding-top:86px;padding-bottom:64px}.hero h1{font-size:clamp(52px,6.7vw,92px);line-height:1.2;letter-spacing:-4px;font-weight:500;margin:34px 0 30px}.hero h1 span{color:#8b9386}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.hero p{line-height:1.9;color:var(--muted);font-size:16px;margin:0}.round-link{font-size:14px;display:flex;gap:22px;align-items:center}.round-link span{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:46px;height:46px}.round-link:hover span{background:#e7ebdf}.collection{padding-top:44px;padding-bottom:80px;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:12px 0 0}.muted{color:var(--muted);font-size:13px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:32px 0}.filter-bar>div{display:flex;gap:6px;flex-wrap:wrap}.filter{border:0;background:transparent;color:var(--muted);padding:9px 15px;border-radius:30px;font-size:13px}.filter.active{background:#252c25;color:#fff}.filter:hover:not(.active){background:#eaede5}.search{display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding:8px 0;color:var(--muted)}.search input{background:transparent;border:0;width:155px;font-size:13px;color:inherit}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.artwork{overflow:hidden;aspect-ratio:1.5;display:grid;place-items:center}.artwork svg{width:100%;transition:transform .4s}.art-link:hover svg{transform:scale(1.05)}.sage{background:#e4eadc;color:#526650}.sand{background:#eee9de;color:#8b7c5b}.lavender{background:#ebe7ef;color:#83728d}.art-link{display:block;position:relative}.art-caption{position:absolute;bottom:17px;left:18px;right:18px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.3px}.post-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:23px}.post-card h3{font-size:23px;font-weight:500;margin:12px 0;letter-spacing:-.5px}.post-card>p{font-size:13px;color:var(--muted);line-height:1.85;margin:0 0 22px}.text-link{font-size:13px;display:inline-flex;gap:10px}.closing{border-top:1px solid var(--line);padding-top:65px;padding-bottom:75px}.closing p{font-size:40px;line-height:1.4;letter-spacing:-1px;margin:20px 0 25px}footer{border-top:1px solid var(--line);max-width:1344px;margin:auto;padding:30px 64px;display:flex;justify-content:space-between;align-items:center;gap:18px;color:var(--muted);font-size:12px}footer .brand{font-size:16px;color:#242722}.article-heading{padding-top:55px;padding-bottom:40px}.article-heading>.eyebrow{margin-top:45px}.article-heading h1,.about h1{font-size:clamp(36px,5vw,68px);font-weight:500;letter-spacing:-2px;line-height:1.25;margin:22px 0}.article-heading p{max-width:740px;line-height:1.9;color:var(--muted)}.pill{display:inline-block;border:1px solid var(--line);padding:12px 20px;border-radius:30px;font-size:13px;margin-top:15px}.pill:hover{background:#e7ebdf}.reader iframe{width:100%;height:85vh;min-height:600px;border:1px solid var(--line);background:#fff}.reader-toolbar{display:flex;justify-content:space-between;padding:15px 18px;background:#edf0e8;font-size:12px}.related{padding-top:55px;padding-bottom:65px}.related h2,.reading-note h2{font-size:23px;font-weight:500}.related>a{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line)}.reading-note{max-width:750px;margin:40px 0;line-height:1.9}.reading-note p{color:var(--muted)}.about{padding-top:90px;padding-bottom:120px;min-height:75vh}.about p{max-width:660px;line-height:2;color:var(--muted)}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:#fff;padding:15px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:800px){.container{padding-left:24px;padding-right:24px}.site-header{padding:23px 24px}.hero{padding-top:50px}.hero h1{letter-spacing:-2px}.post-grid{grid-template-columns:1fr 1fr}.post-card:last-child{grid-column:1/-1;max-width:calc(50% - 13px)}.filter-bar{align-items:start;flex-direction:column}.search,.search input{width:100%}.section-heading>.muted{display:none}.brand-note{display:none}footer{padding:28px 24px;flex-wrap:wrap}.reader iframe{min-height:500px}}@media(max-width:540px){.post-grid{grid-template-columns:1fr;gap:40px}.post-card:last-child{max-width:none}.hero-bottom{align-items:start;flex-direction:column}.hero{padding-bottom:40px}.hero h1{font-size:52px}.closing p{font-size:32px}.site-header nav{gap:22px}.filter{padding:8px 12px}.artwork{aspect-ratio:1.6}footer span:nth-child(2){width:100%;order:3}.article-heading h1{font-size:36px}.reader{padding-left:12px;padding-right:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#222c26;background:#fafbf9;--muted: #687269;--line: #dce1da;--green: #386a50}.site-header{max-width:1344px;justify-content:flex-start;gap:40px;padding-top:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.site-header .brand{gap:0}.brand-dot{color:var(--green)}.site-header nav{gap:28px;font-size:16px}.site-header nav a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}.site-header nav a[aria-current]{color:#222c26;text-decoration:underline;text-decoration-color:var(--green);text-decoration-thickness:2px;text-underline-offset:9px}.index-page{padding-top:56px;padding-bottom:80px}.index-page h1{font-size:clamp(30px,4vw,40px);font-weight:500;letter-spacing:-.8px;line-height:1.4;margin:0 0 40px}.article-row{padding:30px 0;border-bottom:1px solid var(--line)}.article-row:first-child{border-top:1px solid var(--line)}.article-row.has-date{display:grid;grid-template-columns:24% minmax(0,1fr);gap:26px}.article-row h2{font-size:22px;font-weight:500;line-height:1.5;margin:0 0 9px;overflow-wrap:anywhere}.article-row h2 a:hover{color:var(--green)}.article-row p{max-width:780px;margin:0;color:var(--muted);font-size:16px;line-height:1.8;overflow-wrap:anywhere}.article-row time{color:var(--muted);font-size:16px;padding-top:3px}.survey-filters{display:flex;gap:28px;margin:-16px 0 20px}.survey-filters a{display:inline-flex;align-items:center;min-height:44px;color:var(--muted)}.survey-filters a[aria-current]{color:var(--green);text-decoration:underline;text-underline-offset:7px}.survey-empty{border-top:1px solid var(--line);padding-top:30px;color:var(--muted);font-size:16px}.survey-reader{max-width:880px;padding-top:48px;padding-bottom:80px}.survey-reader h1{font-size:clamp(30px,4vw,40px);line-height:1.4;font-weight:500;margin:32px 0 16px}.survey-reader time,.survey-back{color:var(--muted);font-size:16px}.survey-body{margin-top:40px;font-size:17px;line-height:1.9;overflow-wrap:anywhere}.survey-body h2,.survey-body h3{line-height:1.5;font-weight:500;margin-top:2em}.survey-body :is(h2,h3,h4,h5,h6){scroll-margin-top:32px}.survey-body :target{background:#e2ecdf;border-radius:3px}.survey-body a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.survey-body img{max-width:100%;height:auto}.survey-body pre{overflow-x:auto;padding:16px;background:#eef1eb}.survey-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.survey-body th,.survey-body td{border-bottom:1px solid var(--line);padding:10px;text-align:left}@media(max-width:620px){.site-header{gap:12px;flex-wrap:wrap;padding:18px 24px}.site-header nav{flex-basis:100%}.index-page{padding-top:34px;padding-bottom:48px}.index-page h1{margin-bottom:32px}.article-row{padding:26px 0}.article-row h2{font-size:21px}.article-row.has-date{grid-template-columns:minmax(0,1fr);gap:12px}.article-row time{order:2}}
