:root{--paper:#f6f3eb;--ink:#292e28;--muted:#74756b;--accent:#a94730;--line:#dcdcd0;--serif:"Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", SimSun, serif;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#e8c9b5}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500}h1{letter-spacing:-2px;font-size:clamp(40px,5.6vw,72px);line-height:1.4}em{color:var(--accent);font-style:normal}.site-shell{max-width:1280px;margin:auto;padding:0 64px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;height:112px;display:flex}.brand{font-family:var(--serif);white-space:nowrap;align-items:center;gap:12px;font-size:25px;font-weight:700;display:flex}.brand-seal{background:var(--accent);color:#fff5e6;border-radius:5px 5px 9px;place-items:center;width:39px;height:43px;font-size:28px;display:grid;transform:rotate(-5deg)}.brand-sub{letter-spacing:2px;margin-left:8px;font-size:19px}.site-header nav{align-items:center;gap:32px;height:100%;font-size:14px;display:flex}.site-header nav a{align-items:center;height:100%;display:flex;position:relative}.site-header nav a[aria-current=page]:after{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;bottom:26px;left:calc(50% - 3px)}.header-note{color:var(--muted);font-size:12px}.tiny-sun{color:var(--accent);vertical-align:middle;margin-left:18px;font-size:25px}.hero{justify-content:space-between;padding:70px 0 64px;display:flex}.eyebrow{letter-spacing:2px;align-items:center;gap:12px;font-family:Arial,Microsoft YaHei,sans-serif;font-size:11px;display:flex}.hero .eyebrow{color:var(--muted);margin-bottom:25px}.hero .eyebrow>span{background:var(--accent);border-radius:50%;width:7px;height:7px}.hero-description{color:var(--muted);margin-top:24px;font-size:15px;line-height:2}.text-link{border-bottom:1px solid #b7b7a9;align-items:center;gap:28px;margin-top:28px;padding-bottom:9px;font-size:13px;display:inline-flex}.text-link span{font-size:20px}.hero-margin{color:var(--muted);letter-spacing:2px;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:8px 0;font-size:10px;display:flex}.hero-margin>span:first-child{writing-mode:vertical-rl;line-height:2}.featured{border:1px solid var(--line);grid-template-columns:1.2fr 1fr;min-height:350px;display:grid}.featured-art{display:block;overflow:hidden}.featured-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:38px 42px;display:flex}.featured-copy>.eyebrow{color:var(--muted);margin-bottom:26px;font-size:10px}.short-line{background:#bcbdae;width:28px;height:1px}.meta{color:var(--muted);letter-spacing:.4px;flex-wrap:wrap;align-items:center;gap:12px;font-size:11px;display:flex}.featured-copy h2{margin:12px 0;font-size:29px;line-height:1.55}.featured-copy>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9}.featured-copy .text-link{margin-top:22px}.latest-section{margin-top:70px}.section-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;padding-bottom:23px;display:flex}.section-heading h2{font-size:24px}.section-heading h2 span{letter-spacing:2px;color:var(--muted);margin-left:20px;font-family:Arial,sans-serif;font-size:9px}.quiet-link{color:var(--muted);font-size:12px}.home-columns{grid-template-columns:minmax(0,1fr) 260px;gap:52px;display:grid}.post-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:22px;padding:28px 0;display:flex}.row-number{color:#999b8d;padding-top:4px;font-family:Georgia,serif;font-size:13px}.row-content{flex:1;min-width:0}.row-content h3{margin:8px 0;font-size:23px;line-height:1.6}.row-content p{color:var(--muted);font-size:13px;line-height:1.9}.row-arrow{margin-top:33px;font-size:23px}.sidebar-note{background:#eaece2;align-self:start;min-height:333px;margin-top:28px;padding:30px 26px;position:relative}.note-star{color:#7a8464;font-size:36px;position:absolute;top:18px;right:22px}.sidebar-note .eyebrow{color:#686e5d;margin-top:45px;font-size:10px}.sidebar-note h3{margin:15px 0;font-size:24px;line-height:1.6}.sidebar-note>p:not(.eyebrow){color:#68705f;font-size:12px;line-height:2}.sidebar-note .text-link{margin-top:18px;font-size:12px}.note-bottom{color:#7d836f;letter-spacing:2px;border-top:1px solid #cdd1c0;margin-top:24px;padding-top:16px;font-size:9px;display:block}.closing{text-align:center;padding:64px 0 60px}.closing>span{color:#acb09c;font:50px/1 Georgia,serif}.closing p{font-family:var(--serif);letter-spacing:2px;font-size:21px}.closing small{letter-spacing:3px;color:var(--muted);margin-top:16px;font-size:10px;display:block}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:24px;margin-top:65px;padding:32px 0 36px;display:flex}.footer-name{font-family:var(--serif);font-size:16px}.footer-name span{color:var(--muted);margin-top:9px;font-family:Arial,sans-serif;font-size:10px;display:block}.footer-meta{color:var(--muted);flex-direction:column;align-items:flex-end;gap:9px;font-size:10px;display:flex}.closing+.site-footer{margin-top:0}.page-intro{padding:65px 0 55px}.page-intro .eyebrow{color:var(--muted);margin:20px 0}.page-intro h1{font-size:52px}.page-intro>p:last-of-type{color:var(--muted);margin-top:20px;font-size:15px;line-height:1.9}.list-toolbar{border-bottom:1px solid var(--ink);justify-content:space-between;gap:20px;padding:20px 0;font-size:12px;display:flex}.list-toolbar nav{gap:24px;display:flex}.article-header{max-width:850px;padding:45px 0 40px}.article-header>.meta{margin:48px 0 19px}.article-header h1{letter-spacing:-1px;font-size:clamp(34px,4.5vw,54px);line-height:1.5}.article-deck{color:var(--muted);margin:20px 0;font-size:17px;line-height:1.9}.article-layout{border-top:1px solid var(--line);grid-template-columns:minmax(0,760px) minmax(150px,1fr);gap:64px;padding-top:35px;display:grid}.prose{overflow-wrap:anywhere;font-size:16px;line-height:2.1}.prose p{margin:0 0 24px}.prose h2{margin:42px 0 20px;scroll-margin-top:30px;font-size:28px}.prose h3{margin:30px 0 14px;scroll-margin-top:30px;font-size:22px}.prose a{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.prose blockquote{font-family:var(--serif);color:#59624e;background:#ecece2;border-left:2px solid #929b78;margin:30px 0;padding:20px 28px}.prose blockquote p{margin:0}.prose pre{border:1px solid var(--line);max-width:100%;padding:22px;font-size:13px;line-height:1.8;overflow-x:auto}.prose :not(pre)>code{background:#eae7de;padding:3px 5px;font-size:.85em}.prose ul,.prose ol{padding-left:24px}.prose img{max-width:100%;height:auto}.prose table{border-collapse:collapse;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);padding:8px 18px}.toc{align-self:start;padding-top:18px;position:sticky;top:30px}.toc>.eyebrow{color:var(--muted);margin-bottom:20px}.toc nav{border-left:1px solid var(--line);flex-direction:column;gap:14px;padding-left:20px;font-size:12px;line-height:1.8;display:flex}.toc nav .sub{color:var(--muted);padding-left:12px}.toc-back{color:var(--muted);margin-top:30px;font-size:11px;display:block}.article-end{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:48px;padding-top:25px;font-size:12px;display:flex}.about-body{max-width:730px}.error-page{min-height:65vh}.empty{color:var(--muted);padding:50px 0}.skip{background:var(--ink);color:#fff;z-index:10;padding:12px;position:absolute;top:-80px;left:12px}.skip:focus{top:12px}.still-life{isolation:isolate;background:#e6e7d8;height:100%;min-height:355px;position:relative;overflow:hidden}.art-grid{background-image:linear-gradient(#929b7d14 1px,#0000 1px),linear-gradient(90deg,#929b7d14 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.art-sun{opacity:.6;background:#d3a478;border-radius:50%;width:150px;height:150px;position:absolute;top:-38px;right:40px}.art-shadow{filter:blur(12px);background:#66704b12;width:420px;height:110px;position:absolute;bottom:25px;left:70px;transform:rotate(-25deg)}.notebook{border-radius:3px;width:255px;height:185px;display:flex;position:absolute;top:25%;left:14%;transform:rotate(-12deg);box-shadow:8px 13px #67704c15,1px 3px #b4b29c}.book-left,.book-right{background:#faf6e9;width:50%;padding:25px 20px}.book-left{background:linear-gradient(90deg,#faf6e9 80%,#e5decc);border-radius:3px 0 0 3px}.book-left span{font-family:var(--serif);color:#686b56;font-size:13px;line-height:1.9}.book-left i{background:#d9d6c6;height:1px;margin-top:14px;display:block}.book-right{border-left:1px solid #d5cdbb;border-radius:0 3px 3px 0}.book-right>span{font-family:var(--serif);letter-spacing:5px;color:#6c715c;font-size:22px;line-height:1.35}.book-right small{letter-spacing:1px;color:#8c907e;margin-top:17px;font-size:6px;display:block}.coffee{background:#f8f1e4;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:absolute;top:38px;right:11%;box-shadow:5px 8px #5c664b1c}.coffee:after{content:"";z-index:-1;border:7px solid #f8f1e4;border-radius:12px;width:22px;height:14px;position:absolute;top:32px;right:-23px}.coffee div{background:radial-gradient(at 35% 35%,#a3744f,#67452f);border:4px solid #e2d6be;border-radius:50%;width:62px;height:62px}.pencil{background:#ad6242;width:160px;height:7px;position:absolute;bottom:90px;right:23px;transform:rotate(-42deg);box-shadow:1px 4px #5c664b15}.pencil:before{content:"";border-top:3.5px solid #0000;border-bottom:3.5px solid #0000;border-right:13px solid #bfa987;position:absolute;left:-13px}.art-caption{font-family:var(--serif);color:#727b62;font-size:12px;position:absolute;bottom:23px;left:24px}.art-index{letter-spacing:1px;color:#727b62;font-size:7px;position:absolute;bottom:25px;right:20px}@media (width>=1500px){.hero{padding-top:85px;padding-bottom:80px}}@media (width<=1000px){.site-shell{padding:0 36px}.header-note{display:none}.featured-copy{padding:26px}.featured-copy h2{font-size:25px}.home-columns{grid-template-columns:minmax(0,1fr) 235px;gap:30px}.notebook{width:225px;left:8%}.coffee{width:64px;height:64px;right:8%}.coffee div{width:48px;height:48px}.coffee:after{top:23px}.article-layout{grid-template-columns:minmax(0,1fr) 165px;gap:35px}}@media (width<=700px){.site-shell{padding:0 22px}.site-header{gap:14px;height:88px}.brand{gap:8px;font-size:22px}.brand-seal{width:32px;height:36px;font-size:24px}.brand-sub{letter-spacing:3px;margin:2px 0 0;font-size:10px;display:block}.site-header nav{gap:19px;font-size:12px}.site-header nav a[aria-current=page]:after{bottom:17px}.hero{padding:43px 0 40px}.hero h1{letter-spacing:-1px;font-size:43px}.hero .eyebrow{letter-spacing:1px;margin-bottom:20px;font-size:10px}.hero-description{margin-top:20px;font-size:13px}.hero-margin{display:none}.featured{grid-template-columns:1fr}.still-life{min-height:290px}.featured-copy{padding:28px}.featured-copy>.eyebrow{margin-bottom:19px}.featured-copy h2{font-size:27px}.notebook{width:235px;height:177px;top:24%;left:15%}.coffee{top:25px;right:14%}.pencil{width:125px;bottom:72px;right:9%}.latest-section{margin-top:44px}.section-heading h2{font-size:22px}.section-heading h2 span{letter-spacing:1px;margin-left:10px;font-size:8px}.home-columns{grid-template-columns:1fr;gap:0}.post-row{gap:14px;padding:24px 0}.row-content h3{font-size:22px}.row-content p{font-size:12px}.row-number{font-size:11px}.row-arrow{font-size:19px}.sidebar-note{min-height:0;margin-top:30px}.sidebar-note .eyebrow{margin-top:0}.sidebar-note h3 br{display:none}.sidebar-note h3{font-size:22px}.note-bottom{margin-top:20px}.closing{padding:45px 0}.closing p{letter-spacing:1px;font-size:17px}.site-footer{flex-direction:column;margin-top:40px;padding:26px 0}.footer-meta{flex-flow:wrap;align-items:flex-start;gap:15px}.page-intro{padding:38px 0}.page-intro h1{font-size:38px}.page-intro>p:last-of-type{font-size:13px}.list-toolbar{font-size:11px}.list-toolbar nav{gap:15px}.article-header{padding:30px 0}.article-header>.meta{margin-top:32px}.article-header h1{font-size:34px}.article-deck{font-size:15px}.article-layout{flex-direction:column;gap:20px;padding-top:25px;display:flex}.toc{border-bottom:1px solid var(--line);order:-1;padding:0 0 24px;position:static}.toc nav{gap:8px}.toc-back{display:none}.prose{font-size:15px;line-height:2}.prose h2{margin-top:30px;font-size:25px}.prose pre{padding:15px;font-size:12px}.article-end{flex-wrap:wrap;gap:18px}.art-index{font-size:6px}}@media (prefers-reduced-motion:no-preference){a{transition:color .18s}.featured-art .notebook{transition:transform .35s}.featured-art:hover .notebook{transform:rotate(-8deg)}}