:root{--paper:#f8f7f2;--ink:#293f35;--muted:#67736b;--line:#dddfd4;--soft:#edf0e6;--accent:#a65936;--serif:"Songti SC","STSong","Noto Serif CJK SC",Georgia,serif;--sans:"PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,monospace;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px;background:var(--paper)}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{max-width:100%;height:auto;display:block}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:400}h1,h2,h3,.footer-name,.brand{font-family:var(--serif)}.wrap{width:calc(100% - 112px);max-width:1240px;margin-inline:auto}.skip-link{position:fixed;left:20px;top:12px;background:var(--ink);color:#fff;padding:12px 20px;z-index:10;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{height:112px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:13px;align-items:center;font-size:25px;letter-spacing:3px}.brand img{width:35px;height:35px}.brand small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:3px;color:var(--muted);margin-top:6px}.site-header nav{display:flex;gap:34px;align-items:center;height:100%;font-size:13px;letter-spacing:1px}.site-header nav>a{position:relative;padding:14px 0}.site-header nav>a[aria-current=page]:after{content:"";position:absolute;bottom:3px;left:50%;width:4px;height:4px;background:var(--accent);border-radius:50%}.site-header nav a:hover{color:var(--accent)}.rss-link{margin-left:12px;display:grid;place-items:center}.hero{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding-top:55px;padding-bottom:66px}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:2.2px;line-height:1.8;color:var(--muted);font-weight:400}.tiny-star{font-family:Georgia,serif;font-size:18px;vertical-align:-2px;margin-right:8px;color:var(--accent)}.hero h1{font-size:clamp(52px,5.1vw,76px);line-height:1.5;letter-spacing:4px;margin:23px 0 21px}.accent-word{position:relative}.accent-word:after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;border-top:1px solid var(--accent);border-radius:50%;transform:rotate(-3deg)}.hero-description{font-size:14px;line-height:2;letter-spacing:1.5px;color:var(--muted)}.button{display:inline-flex;gap:35px;align-items:center;padding:15px 21px;margin-top:28px;background:var(--ink);color:var(--paper);font-size:12px;letter-spacing:1px;border:1px solid var(--ink);transition:background .2s,transform .2s}.button:hover{background:#405a4b;transform:translateY(-2px)}.button span{font-size:18px}.hero-footnote{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-top:35px}.small-line{width:25px;height:1px;background:#abb4a5}.hero-art{padding:20px 24px 17px;background:#edede2;border:1px solid #e0e2d5;position:relative}.art-topline,figcaption{display:flex;justify-content:space-between;align-items:center;color:#5b695c;font-size:9px;letter-spacing:2px;gap:8px}.art-topline{padding-bottom:14px;border-bottom:1px solid #d4d8c9}.art-topline span:last-child{font-family:var(--mono);font-size:8px}.hero-art img{width:100%;aspect-ratio:620/490;object-fit:cover;margin:5px 0 2px}.hero-art figcaption{padding-top:10px;font-size:8px;letter-spacing:1px}.hero-art:after{content:"";position:absolute;right:-7px;top:8px;bottom:-7px;left:8px;border:1px solid #d9ddce;z-index:-1}.writing-section{padding:42px 0 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:27px}.section-heading h2{font-size:27px;letter-spacing:2px;margin-top:7px}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.5px;padding:5px 0}.text-link:hover{color:var(--accent)}.text-link>span{font-size:17px}.writing-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(260px,1fr);gap:65px;align-items:start}.post-row{display:grid;grid-template-columns:30px minmax(0,1fr) 22px;gap:16px;padding:26px 0;border-bottom:1px solid var(--line);transition:color .2s}.post-row:first-child{padding-top:10px}.post-number{font:10px var(--mono);color:#859080;padding-top:4px}.post-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:10px;color:var(--muted);letter-spacing:.5px;line-height:1.7}.post-meta>span:first-child{color:var(--accent)}.post-meta time{font-family:var(--mono);font-size:9px}.post-row h3{font-size:23px;letter-spacing:1px;line-height:1.6;margin:7px 0}.post-row p{font-size:12px;line-height:1.9;color:var(--muted)}.reading{display:block;color:var(--muted);font-size:9px;letter-spacing:.5px;margin-top:13px}.row-arrow{font-size:22px;align-self:center;transition:transform .2s}.post-row:hover h3{color:var(--accent)}.post-row:hover .row-arrow{transform:translate(3px,-3px)}.garden-note{background:#ecefe4;padding:32px 29px 25px;position:relative;margin-top:6px;border:1px solid #dfe5d6}.note-pin{width:30px;height:12px;position:absolute;top:-7px;left:calc(50% - 15px);background:#d6ddcd;opacity:.8;transform:rotate(-5deg)}.garden-note h2{font-size:23px;line-height:1.9;margin:23px 0 18px}.garden-note>p:not(.eyebrow){font-size:12px;line-height:2.3;letter-spacing:.5px;color:var(--muted)}.garden-note .text-link{margin-top:22px}.note-signature{text-align:right;font-family:var(--serif);font-size:18px;letter-spacing:4px;margin-top:35px;color:#71836a;transform:rotate(-7deg)}.bookmarks-section{padding:63px 0 57px}.bookmark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.bookmark{display:flex;flex-direction:column;min-width:0;min-height:244px;padding:24px 23px;border:1px solid var(--line);background:#f4f4ec;transition:background .2s,border-color .2s,transform .2s}.bookmark:hover{background:#ebeee3;border-color:#b5c0ac;transform:translateY(-3px)}.bookmark-top{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:28px}.bookmark-label{font-family:var(--mono);font-size:9px;color:var(--muted);letter-spacing:.5px}.bookmark-top>span:last-child{font-size:21px;color:#6a7966}.bookmark h3{font-size:21px;line-height:1.5;margin-bottom:12px}.bookmark p{font-size:12px;line-height:1.9;color:var(--muted);margin-bottom:22px}.bookmark-category{font-size:9px;letter-spacing:2px;color:var(--accent);margin-top:auto}.closing{border-top:1px solid var(--line);padding:32px 0;display:flex;align-items:center;gap:20px}.closing>span{font-size:24px;color:var(--accent)}.closing>p{font-family:var(--serif);font-size:18px;letter-spacing:1px}.closing em{font-style:normal;color:var(--muted)}.closing .text-link{margin-left:auto}.site-footer{border-top:1px solid var(--line);margin-top:7px}.footer-top{display:flex;justify-content:space-between;align-items:center;padding:32px 0 29px}.footer-name{font-size:20px;letter-spacing:3px}.footer-name>span{display:block;font-family:var(--sans);font-size:10px;letter-spacing:1px;color:var(--muted);margin-top:12px}.back-top{font-size:10px;letter-spacing:1px;color:var(--muted)}.back-top span{margin-left:15px;font-size:17px}.footer-bottom{border-top:1px solid var(--line);padding:20px 0 25px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:9px;color:var(--muted);letter-spacing:.5px;line-height:1.8}.footer-dot{padding:0 10px}.footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px}.page-intro{padding:66px 0 46px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:48px;letter-spacing:2px;line-height:1.5;margin-top:15px}.intro-copy{font-size:14px;line-height:2;letter-spacing:.5px;color:var(--muted);margin-top:20px}.journal-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:90px;padding:36px 0 90px}.index-aside{border-left:1px solid var(--line);padding:5px 0 10px 35px}.big-count{font-family:Georgia,serif;font-size:66px;line-height:1;margin-top:20px}.big-count span{font:11px var(--sans);color:var(--muted);margin-left:16px}.topic-list{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}.topic-list span{border:1px solid var(--line);font-size:10px;padding:7px 9px;color:var(--muted)}.aside-note{font-size:12px;line-height:2;color:var(--muted);margin-top:28px}.bookmark-library{padding-top:24px;padding-bottom:80px}.library-meta{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);margin-bottom:28px;letter-spacing:1px}.full-grid{row-gap:22px}.full-grid .bookmark{min-height:260px}.external-note{font-size:11px;color:var(--muted);line-height:1.8;margin-top:28px}.article-shell{padding-top:37px;padding-bottom:70px}.article-back{display:inline-block;font-size:11px;letter-spacing:.5px;color:var(--muted);padding:8px 0}.article-back:hover{color:var(--accent)}.article-header{padding:35px 0;border-bottom:1px solid var(--line)}.article-header h1{font-size:47px;letter-spacing:2px;line-height:1.6;margin:15px 0}.article-deck{font-size:14px;color:var(--muted);line-height:2}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(190px,1fr);gap:75px;padding-top:42px}.prose{font-size:15px;line-height:2.15;color:#46574b;overflow-wrap:anywhere}.prose p{margin-bottom:21px}.prose h2{font-size:25px;color:var(--ink);margin:33px 0 17px;letter-spacing:1px}.prose h2:first-child{margin-top:0}.article-lead{font-family:var(--serif);font-size:20px;line-height:2.05;color:var(--ink);padding-bottom:10px}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.article-toc{position:sticky;top:32px;align-self:start;padding-left:28px;border-left:1px solid var(--line)}.article-toc .eyebrow{margin:0 0 19px}.article-toc>a{font:9px var(--mono);display:flex;align-items:baseline;gap:14px;color:var(--muted);padding:10px 0;line-height:1.8}.article-toc>a span{font:11px var(--sans)}.article-toc>a:hover{color:var(--accent)}.article-toc .toc-all{border-top:1px solid var(--line);margin-top:15px;padding-top:20px;font-family:var(--sans);font-size:11px}.article-end{margin-top:37px;padding:25px 0 0;border-top:1px solid var(--line);display:flex;gap:16px;color:var(--muted)}.article-end>span{font-size:23px;color:var(--accent)}.article-end p{font-size:12px;margin:0;line-height:2}.related-posts{margin-top:49px;padding-top:25px;border-top:1px solid var(--line);max-width:760px}.related-posts>a{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:19px 0;font-family:var(--serif);font-size:18px}.related-posts>a:hover{color:var(--accent)}.about-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:75px;padding:55px 0 80px;align-items:start}.about-art{background:#edede2;padding:22px 22px 29px;border:1px solid var(--line)}.about-art img{width:100%}.about-art p{font:14px var(--serif);text-align:center;letter-spacing:3px;padding-top:20px}.about-copy h2{font-size:24px}.about-copy p{font-size:14px}.about-copy .about-signoff{font-family:var(--serif);font-size:21px;margin-top:31px}.about-signoff span{display:block;font-size:14px;margin-top:18px;letter-spacing:3px}.not-found{padding:80px 0 110px;min-height:60vh}.not-found h1{font-size:52px;line-height:1.6;letter-spacing:2px;margin:20px 0}.not-found p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:2}
@media(min-width:1450px){.hero{gap:100px;padding-top:65px;padding-bottom:75px}.hero h1{font-size:78px}.hero-art img{aspect-ratio:620/490}.writing-grid{gap:80px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero{gap:35px}.hero h1{font-size:56px}.hero-description{font-size:13px}.hero-art{padding:17px}.hero-art img{aspect-ratio:1/1;object-fit:cover}.art-topline{font-size:8px;letter-spacing:1px}.hero-art figcaption span:last-child{display:none}.writing-grid{gap:30px;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr)}.garden-note{padding:28px 21px}.garden-note h2{font-size:21px}.bookmark{padding:21px 18px}.bookmark h3{font-size:19px}.article-layout{gap:40px}.about-layout{gap:40px}.journal-layout{gap:40px}.page-intro h1{font-size:42px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.site-header{height:96px;align-items:center}.brand{font-size:21px;gap:9px;letter-spacing:2px}.brand img{width:29px;height:29px}.brand small{font-size:8px;letter-spacing:2px}.site-header nav{gap:19px;font-size:11px;letter-spacing:0}.rss-link{display:none!important}.hero{grid-template-columns:1fr;gap:37px;padding:37px 0 40px}.hero h1{font-size:59px;margin:19px 0 18px;line-height:1.4;letter-spacing:3px}.hero-description{font-size:13px;line-height:2}.eyebrow{font-size:9px;letter-spacing:1.4px}.button{padding:13px 18px;margin-top:23px;gap:30px}.hero-footnote{margin-top:25px;font-size:9px}.hero-art{padding:16px 17px 13px;width:100%;margin:0}.hero-art img{aspect-ratio:620/430;object-fit:cover}.hero-art figcaption span:last-child{display:inline}.writing-section{padding-top:30px}.section-heading{gap:15px;margin-bottom:23px}.section-heading h2{font-size:24px;letter-spacing:1px}.section-heading .text-link{font-size:10px;gap:9px;white-space:nowrap}.writing-grid{grid-template-columns:1fr;gap:30px}.post-row{grid-template-columns:20px minmax(0,1fr) 18px;gap:12px;padding:23px 0}.post-row h3{font-size:22px;letter-spacing:.5px;margin:8px 0}.post-row p{font-size:12px}.post-meta{gap:14px;font-size:10px}.post-number{font-size:9px}.row-arrow{font-size:20px}.garden-note{padding:29px 25px}.garden-note h2{font-size:24px;line-height:1.8;margin:18px 0 16px}.garden-note>p:not(.eyebrow){font-size:13px;line-height:2.2}.note-signature{margin-top:14px}.bookmarks-section{padding:39px 0 35px}.bookmark-grid{grid-template-columns:1fr;gap:13px}.bookmark{min-height:0;padding:22px}.bookmark-top{margin-bottom:15px}.bookmark h3{font-size:23px;margin-bottom:9px}.bookmark p{font-size:12px;margin-bottom:17px;max-width:400px}.bookmark-category{font-size:9px}.closing{flex-wrap:wrap;gap:13px;padding:26px 0}.closing>span{font-size:20px}.closing>p{font-size:17px;line-height:1.8}.closing>p em{display:block}.closing .text-link{margin-left:34px;font-size:10px}.footer-top{padding:25px 0}.footer-name{font-size:19px}.footer-name>span{font-size:9px;letter-spacing:.5px}.back-top{font-size:9px}.back-top span{margin-left:8px}.footer-bottom{padding:17px 0 22px;font-size:8px;gap:9px;flex-direction:column}.footer-dot{padding:0 6px}.page-intro{padding:37px 0 29px}.page-intro h1{font-size:35px;letter-spacing:1px;line-height:1.6;margin-top:15px}.intro-copy{font-size:12px;margin-top:15px;line-height:2}.journal-layout{grid-template-columns:1fr;padding:26px 0 45px;gap:31px}.index-aside{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.big-count{font-size:52px}.topic-list{margin:21px 0}.aside-note{margin-top:17px}.bookmark-library{padding-top:19px;padding-bottom:42px}.library-meta{font-size:9px;margin-bottom:21px}.full-grid .bookmark{min-height:0}.external-note{font-size:10px;margin-top:21px}.article-shell{padding-top:22px;padding-bottom:40px}.article-back{font-size:10px}.article-header{padding:25px 0}.article-header h1{font-size:clamp(28px,7.5vw,35px);text-wrap:balance;line-height:1.6;letter-spacing:1px;margin:14px 0}.article-deck{font-size:12px;line-height:2}.article-layout{grid-template-columns:1fr;padding-top:27px;gap:0}.article-toc{display:none}.prose{font-size:14px;line-height:2.05}.prose h2{font-size:23px;margin:29px 0 14px}.article-lead{font-size:19px;line-height:1.9}.article-end{padding-top:21px;margin-top:29px}.article-end p{font-size:11px}.related-posts{margin-top:34px;padding-top:22px}.related-posts>a{font-size:17px;padding:17px 0}.about-layout{grid-template-columns:1fr;gap:31px;padding:30px 0 40px}.about-art{padding:16px 17px 23px}.about-art img{aspect-ratio:620/430;object-fit:cover}.about-art p{font-size:13px;letter-spacing:2px}.about-copy h2{font-size:23px}.about-copy p{font-size:14px}.not-found{padding:48px 0 70px}.not-found h1{font-size:38px}}
@media(max-width:370px){.site-header nav{gap:13px}.brand{font-size:19px}.hero h1{font-size:52px}.section-heading h2{font-size:22px}.post-row h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.site-header nav,.article-toc,.button,.back-top,.related-posts,.closing{display:none}.wrap{width:100%;max-width:none}.article-layout{display:block}.site-header{height:75px}.site-footer{margin-top:25px}body{background:white;color:black}.prose{color:black}a{text-decoration:underline}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}

.hero-art .hero-film{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:contain;margin:13px 0 4px;background:#edede2;border:0}
.hero-film:focus-visible{outline:2px solid var(--accent);outline-offset:4px}