:root{--paper:#f7f5ee;--ink:#292e29;--muted:#72766b;--line:#dcded1;--accent:#a64e38;--sage:#748365;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:#e9d9c4}.page{max-width:1168px;margin:auto;padding:0 44px}.skip{position:absolute;top:-70px;left:20px;padding:12px;background:var(--ink);color:white;z-index:5}.skip:focus{top:10px}.site-header{display:flex;justify-content:space-between;align-items:center;padding:34px 0 29px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:14px;align-items:center;font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:2px}.brand-stamp{display:grid;place-items:center;width:42px;height:46px;border:1px solid var(--accent);border-radius:5px;color:var(--accent);font-size:25px;transform:rotate(-5deg)}.brand small{display:block;margin-top:6px;color:var(--muted);font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:3px}.site-header nav{display:flex;gap:34px;font-size:13px}.site-header nav a{padding:10px 0}.site-header nav [aria-current]{color:var(--accent);border-bottom:1px solid var(--accent)}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center;padding:80px 0 76px}.eyebrow{margin:0 0 23px;color:var(--muted);font-size:11px;letter-spacing:2px;line-height:1.8}.intro h1{font-family:var(--serif);font-size:clamp(30px,3.1vw,42px);font-weight:500;line-height:1.7;letter-spacing:1px;margin:0 0 23px}.intro h1 span{color:var(--accent)}.intro-description{color:#686f62;font-size:14px;line-height:2.1;margin:0 0 29px}.text-link{display:inline-flex;gap:35px;align-items:center;color:var(--accent);font-size:12px;padding:5px 0 8px;border-bottom:1px solid #c7a38e}.paper-scene{height:324px;position:relative;isolation:isolate;border-radius:48% 48% 6px 6px;background:#e9e9de;overflow:hidden}.scene-sun{width:100px;height:100px;border-radius:50%;background:#d6b57c;position:absolute;top:35px;right:44px;opacity:.6}.scene-window{position:absolute;top:0;left:38px;width:120px;height:225px;border-left:1px solid #aab19a;border-right:1px solid #aab19a;transform:skew(-12deg);opacity:.35}.scene-window:after{content:"";position:absolute;top:120px;left:-10px;width:300px;border-top:1px solid #aab19a}.scene-paper{position:absolute;top:100px;left:58px;width:205px;height:174px;background:#fcfaf1;box-shadow:8px 12px 20px #5c684819;transform:rotate(-10deg);padding:22px 24px}.scene-paper>span{font:17px var(--serif);color:#767a66;letter-spacing:4px}.scene-paper i{display:block;height:1px;background:#dbded2;margin-top:15px}.scene-paper i:nth-of-type(3){width:85%}.scene-paper i:nth-of-type(4){width:65%}.scene-paper small{position:absolute;bottom:17px;right:20px;font:10px var(--serif);color:#898c79}.scene-leaf{position:absolute;background:#758567;border-radius:0 80% 0 80%;z-index:2}.leaf-one{width:32px;height:58px;right:58px;top:91px;transform:rotate(22deg)}.leaf-two{width:31px;height:53px;right:88px;top:115px;transform:rotate(-65deg);background:#8c9976}.leaf-three{width:28px;height:48px;right:47px;top:139px;transform:rotate(40deg);background:#9ca784}.scene-stem{position:absolute;width:1px;height:130px;background:#71815e;top:112px;right:76px;transform:rotate(12deg);z-index:2}.scene-cup{position:absolute;bottom:38px;right:37px;width:76px;height:76px;border:9px solid #e4d7bd;background:#ac8262;border-radius:50%;box-shadow:5px 9px 12px #62654825;z-index:3}.scene-cup:after{content:"";position:absolute;width:19px;height:23px;right:-24px;top:16px;border:6px solid #e4d7bd;border-radius:5px 14px 14px 5px;z-index:-1}.scene-caption{position:absolute;bottom:13px;left:21px;font:10px var(--serif);letter-spacing:3px;color:#737d66}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:24px}.section-heading .eyebrow{margin-bottom:8px;font-size:10px}.section-heading h2{font:500 27px var(--serif);letter-spacing:2px;margin:0}.section-aside{font-size:11px;color:var(--muted);letter-spacing:1px;padding-bottom:4px}.note-row{display:grid;grid-template-columns:62px 1fr 30px;align-items:start;gap:12px;padding:31px 0 33px;border-top:1px solid var(--line)}.note-number{font:italic 18px Georgia,serif;color:#9b9e8d;padding-top:26px}.category{font-size:10px;letter-spacing:2px;color:var(--accent)}.note-copy h3{font:500 22px var(--serif);letter-spacing:1px;line-height:1.6;margin:9px 0 10px;transition:color .15s}.note-copy p{font-size:12px;line-height:1.9;color:var(--muted);max-width:700px;margin:0}.note-arrow{color:#8a917a;font-size:22px;padding-top:27px}.note-row:hover h3,.related a:hover{color:var(--accent)}.note-row:last-child{border-bottom:1px solid var(--line)}.closing{display:flex;align-items:center;gap:25px;margin:55px 0 61px;padding:25px 28px;background:#edeee4}.closing-mark{font-size:38px;color:var(--sage)}.closing p{font:15px/1.9 var(--serif);letter-spacing:1px;margin:0}.closing>a{margin-left:auto;font-size:11px;white-space:nowrap;color:#656e5b}.closing>a span{margin-left:15px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:28px 0 32px;font-size:11px;color:var(--muted)}.site-footer small{display:block;font-size:10px;margin-top:8px;color:#6d7467}.footer-links{display:flex;gap:18px;font-size:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.footer-links>span{font-family:Georgia,serif;letter-spacing:.3px}.article{max-width:740px;margin:0 auto;padding:48px 0 75px}.back-link{font-size:11px;color:var(--muted)}.article-header{margin:43px 0 33px;padding-bottom:27px;border-bottom:1px solid var(--line)}.article-header .eyebrow{margin-bottom:14px;color:var(--accent)}.article-header h1{font:500 35px/1.55 var(--serif);letter-spacing:1px;margin:0 0 18px}.article-summary{font-size:14px;line-height:2;color:var(--muted);margin:0}.prose{font-size:15px;line-height:2.2;color:#50594e}.prose p{margin:0 0 22px}.prose h2{font:500 23px/1.6 var(--serif);color:var(--ink);margin:35px 0 15px;scroll-margin-top:25px}.related{border-top:1px solid var(--line);margin-top:45px;padding-top:22px}.related h2{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:2px;margin:0 0 20px}.related a{display:flex;justify-content:space-between;font:17px/1.8 var(--serif);margin-top:15px;gap:16px}.not-found{padding:100px 0 130px;text-align:center}.not-found h1{font:500 35px/1.5 var(--serif)}.not-found>p:not(.eyebrow){color:var(--muted);font-size:14px;margin-bottom:35px}
@media(min-width:1200px){.intro{gap:70px}.paper-scene{height:340px}.scene-paper{left:65px;top:108px;width:220px}.scene-cup{right:44px}.leaf-one{right:68px}.leaf-two{right:98px}.leaf-three{right:57px}.scene-stem{right:86px}}
@media(max-width:760px){.page{padding:0 25px}.site-header{padding:25px 0 22px}.brand{font-size:18px;gap:10px;letter-spacing:1px}.brand-stamp{width:35px;height:40px;font-size:22px}.brand small{font-size:9px;letter-spacing:1.5px}.site-header nav{gap:21px;font-size:12px}.intro{gap:25px;padding:51px 0 48px;grid-template-columns:1fr}.intro h1{font-size:32px;line-height:1.7}.intro-description{font-size:13px}.intro .eyebrow{font-size:10px;margin-bottom:17px}.paper-scene{height:245px;max-width:430px;width:100%;margin:12px auto 0;border-radius:140px 140px 5px 5px}.scene-paper{top:59px;left:53px;width:190px;height:154px;padding:17px 23px}.scene-paper i{margin-top:12px}.scene-sun{top:22px;right:50px;width:80px;height:80px}.leaf-one{top:55px;right:54px}.leaf-two{top:81px;right:84px}.leaf-three{top:105px;right:43px}.scene-stem{top:77px;right:72px;height:115px}.scene-cup{bottom:29px;width:65px;height:65px;right:37px}.scene-cup:after{top:12px}.section-heading{padding-bottom:19px}.section-heading h2{font-size:24px}.section-aside{display:none}.note-row{grid-template-columns:30px 1fr 19px;gap:10px;padding:26px 0}.note-number{font-size:15px;padding-top:27px}.note-copy h3{font-size:20px;margin-top:7px;line-height:1.65}.note-copy p{font-size:12px;line-height:1.9}.note-arrow{font-size:18px;padding-top:27px}.closing{margin:35px 0 39px;padding:21px 20px;gap:14px;flex-wrap:wrap}.closing p{font-size:13px;letter-spacing:0}.closing-mark{font-size:31px}.closing>a{width:100%;margin-left:45px;padding-top:2px;font-size:11px}.site-footer{align-items:flex-start;flex-direction:column;padding:24px 0;gap:20px}.footer-links{justify-content:flex-start;gap:14px}.article{padding:32px 0 45px}.article-header{margin-top:33px}.article-header h1{font-size:29px}.article-summary{font-size:13px}.prose{font-size:14px;line-height:2.15}.prose h2{font-size:21px}.related a{font-size:16px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}