@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600&family=Noto+Serif+SC:wght@500;600;700&display=swap";:root{--paper:#f4f0e8;--paper-deep:#e9e2d5;--ink:#20211e;--muted:#746f65;--rule:#d2c9ba;--ochre:#9a7439;--sans:"Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--serif:"Noto Serif SC", "Songti SC", STSong, serif}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:2px solid var(--ochre);outline-offset:4px}img{max-width:100%;display:block}.shell{width:min(1280px,100% - 96px);margin:0 auto}.site-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;min-height:86px;display:flex}.wordmark{font-family:var(--serif);letter-spacing:-.05em;font-size:1.25rem;font-weight:700}.desktop-nav{gap:28px;font-size:.86rem;display:flex}.desktop-nav a,.text-link,.section-heading>a,.back-link,.about-links a{display:inline-block;position:relative}.desktop-nav a:after,.text-link:after,.section-heading>a:after,.back-link:after,.about-links a:after{content:"";background:var(--ochre);height:1px;transition:right .25s;position:absolute;bottom:-3px;left:0;right:100%}.desktop-nav a:hover,.desktop-nav a.active,.text-link:hover,.section-heading>a:hover,.back-link:hover,.about-links a:hover{color:var(--ochre)}.desktop-nav a:hover:after,.desktop-nav a.active:after,.text-link:hover:after,.section-heading>a:hover:after,.back-link:hover:after,.about-links a:hover:after{right:0}.mobile-nav{font-size:.9rem;display:none;position:relative}.mobile-nav summary{cursor:pointer;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{z-index:3;border:1px solid var(--rule);background:var(--paper);min-width:160px;padding:18px;position:absolute;top:38px;right:0}.mobile-nav nav a{padding:8px 0;display:block}.mobile-nav nav .active{color:var(--ochre)}.eyebrow{color:var(--ochre);letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:.72rem;font-weight:600}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:600}.hero{grid-template-columns:1fr minmax(380px,.95fr);align-items:center;column-gap:clamp(44px,7vw,112px);min-height:calc(100vh - 86px);padding-block:clamp(72px,12vh,150px) 72px;display:grid}.hero-copy{grid-column:1}.hero h1{letter-spacing:-.08em;max-width:4em;margin-bottom:23px;font-size:clamp(3.75rem,8vw,7rem);line-height:1.04}.hero-line{max-width:19em;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.9}.hero-image{background:var(--paper-deep);grid-column:2;align-self:stretch;min-height:520px;position:relative;overflow:hidden}.hero-image img{object-fit:cover;width:100%;height:100%;transition:transform .7s,filter .7s}.hero-image:hover img{filter:saturate(.82);transform:scale(1.025)}.latest-issue{border-top:1px solid var(--rule);padding:54px 0}.latest-issue>div{max-width:600px}.latest-issue>div>span,.issue-card-meta,.article-list-meta,time{color:var(--muted);letter-spacing:.04em;font-size:.72rem}.latest-issue h2{letter-spacing:-.04em;margin:6px 0 8px;font-size:clamp(1.75rem,3vw,2.6rem)}.latest-issue h2 a:hover{color:var(--ochre)}.latest-issue p{max-width:32em;margin-bottom:14px;font-size:.95rem}.home-section{border-top:1px solid var(--rule);padding-block:112px}.section-heading{grid-template-columns:1fr auto;align-items:end;margin-bottom:36px;display:grid}.section-heading .eyebrow{grid-column:1}.section-heading h2{letter-spacing:-.05em;grid-column:1;margin:0;font-size:2.1rem}.section-heading>a{color:var(--muted);grid-area:1/2/3;align-self:center;font-size:.84rem}.issue-grid{grid-template-columns:repeat(3,1fr);gap:42px 24px;display:grid}.issue-card{min-width:0}.issue-image-link{aspect-ratio:3/2;background:var(--paper-deep);display:block;overflow:hidden}.issue-image-link img{object-fit:cover;width:100%;height:100%;transition:transform .5s,filter .5s}.issue-image-link:hover img{filter:saturate(.78);transform:scale(1.02)}.issue-card-meta{border-bottom:1px solid var(--rule);justify-content:space-between;padding-top:11px;display:flex}.issue-card h3{letter-spacing:-.04em;margin:12px 0 7px;font-size:1.45rem}.issue-card h3 a:hover{color:var(--ochre)}.issue-card p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.75}.article-list{border-top:1px solid var(--rule)}.article-list article{border-bottom:1px solid var(--rule)}.article-list article>a{grid-template-columns:195px 1fr minmax(180px,.5fr);align-items:baseline;gap:26px;padding:26px 0;transition:color .2s;display:grid}.article-list article>a:hover{color:var(--ochre)}.article-list-meta{flex-direction:column;gap:3px;display:flex}.article-list h3{letter-spacing:-.04em;margin:0;font-size:1.38rem}.article-list h3 span{color:var(--ochre);font-family:var(--sans);opacity:0;margin-left:8px;font-size:.9rem;transition:opacity .2s,transform .2s;display:inline-block;transform:translate(-6px)}.article-list article>a:hover h3 span{opacity:1;transform:translate(0)}.article-list p{color:var(--muted);margin:0;font-size:.88rem}.site-footer{border-top:1px solid var(--rule);color:var(--muted);gap:20px;padding-block:25px;font-size:.73rem;display:flex}.site-footer span:nth-child(2){margin-right:auto}.site-footer a:hover{color:var(--ochre)}.archive-page{padding-block:96px 130px}.archive-intro{max-width:600px;margin-bottom:76px}.archive-intro h1{letter-spacing:-.07em;margin-bottom:10px;font-size:clamp(3rem,6vw,5.1rem)}.archive-intro>p:last-child{color:var(--muted);margin:0}.archive-grid{grid-template-columns:repeat(3,1fr)}.reading-shell{grid-template-columns:minmax(0,760px) 170px;justify-content:center;gap:clamp(36px,9vw,130px);width:min(1160px,100% - 96px);margin:0 auto;padding-block:100px 126px;display:grid}.issue-reading,.article-reading{min-width:0}.reading-header{border-bottom:1px solid var(--rule);padding-bottom:45px}.reading-header h1{letter-spacing:-.07em;max-width:9em;margin-bottom:14px;font-size:clamp(2.7rem,5vw,4.7rem);line-height:1.13}.reading-header time{display:block}.reading-dek{max-width:32em;color:var(--muted);margin:24px 0 0}.reading-cover{margin:42px 0 48px}.reading-cover img{width:100%}figcaption{color:var(--muted);margin-top:8px;font-size:.72rem}.prose{font-size:1.03rem;line-height:2}.prose h2{letter-spacing:-.04em;margin:74px 0 22px;scroll-margin-top:32px;font-size:1.65rem}.prose p{margin-bottom:1.55em}.prose blockquote{border-left:2px solid var(--ochre);color:#554930;font-family:var(--serif);margin:48px 0;padding:17px 0 17px 25px;font-size:1.25rem;line-height:1.7}.article-origin{color:var(--muted);margin:54px 0 0;font-size:.82rem}.article-origin a{color:inherit;text-underline-offset:3px;text-decoration:underline}.article-origin a:hover{color:var(--ochre)}.reading-aside{border-left:1px solid var(--rule);color:var(--muted);align-self:start;margin-top:142px;padding-left:17px;font-size:.75rem;position:sticky;top:34px}.reading-aside>span{color:var(--ochre);letter-spacing:.1em;margin-bottom:12px;font-size:.68rem;display:block}.reading-aside a{margin:8px 0;display:block}.reading-aside a:hover{color:var(--ochre)}.reading-neighbours{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:18px;margin-top:90px;padding-top:23px;display:grid}.reading-neighbours a{min-height:62px;font-family:var(--serif);line-height:1.5}.reading-neighbours a:last-child{text-align:right}.reading-neighbours a:hover{color:var(--ochre)}.reading-neighbours small{color:var(--muted);font-family:var(--sans);margin-bottom:4px;font-size:.67rem;display:block}.back-link{color:var(--muted);margin-top:34px;font-size:.85rem}.article-shell{grid-template-columns:minmax(0,710px) 150px}.article-cover{max-width:640px}.about-page{width:min(620px,100% - 40px);margin:0 auto;padding-block:clamp(112px,15vh,182px) 132px}.about-section h1,.about-section h2{color:var(--ink);font-family:var(--sans);letter-spacing:-.03em;margin-bottom:31px;font-size:1.45rem;font-weight:700}.about-introduction p{margin-bottom:1.42em;font-size:1.1rem;line-height:1.9}.about-introduction p:last-child{margin-bottom:0}.about-follow{border-top:1px solid var(--rule);margin-top:65px;padding-top:62px}.about-follow h2{margin-bottom:29px}.follow-grid{grid-template-columns:1fr 1fr;align-items:start;gap:36px;display:grid}.wechat-follow{margin:0}.wechat-follow h3{font-family:var(--sans);margin:0 0 16px;font-size:1rem;font-weight:700}.wechat-follow img{border:1px solid var(--rule);object-fit:cover;width:132px;height:132px;image-rendering:pixelated}.wechat-follow figcaption{margin-top:9px}.follow-links{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;height:132px;margin-top:43px;display:flex}.follow-links a{border-bottom:1px solid var(--rule);font-size:1rem;line-height:1.7;transition:color .2s,border-color .2s;display:inline-block}.follow-links a:hover{border-color:var(--ochre);color:var(--ochre)}.not-found{min-height:65vh;padding-top:19vh}.not-found h1{letter-spacing:-.08em;margin-bottom:13px;font-size:clamp(3rem,7vw,6rem)}.not-found p:not(.eyebrow){color:var(--muted)}@media (width<=800px){.shell,.reading-shell{width:min(100% - 40px,680px)}.site-header{min-height:68px}.desktop-nav{display:none}.mobile-nav{display:block}.hero{min-height:auto;padding-block:68px 88px;display:block}.hero h1{max-width:none;margin-bottom:18px;font-size:clamp(3.3rem,17vw,5.7rem)}.hero-image{aspect-ratio:3/4;min-height:auto;margin:50px 0 27px;display:block}.latest-issue{padding:38px 0}.home-section{padding-block:74px}.issue-grid,.archive-grid{grid-template-columns:1fr;gap:48px}.section-heading{margin-bottom:28px}.article-list article>a{padding:22px 0;display:block}.article-list-meta{flex-direction:row;justify-content:space-between;margin-bottom:8px}.article-list h3{margin-bottom:8px;font-size:1.28rem}.article-list h3 span{opacity:1;transform:none}.site-footer{gap:4px;display:grid}.site-footer span:nth-child(2){margin-right:0}.site-footer a{margin-top:10px}.archive-page{padding-block:70px 88px}.archive-intro{margin-bottom:55px}.reading-shell,.article-shell{padding-block:68px 84px;display:block}.reading-header{padding-bottom:31px}.reading-header h1{font-size:clamp(2.55rem,13vw,4rem)}.reading-cover{margin:29px 0 36px}.prose{font-size:1rem;line-height:1.95}.prose h2{margin-top:58px}.reading-aside{border:0;border-bottom:1px solid var(--rule);margin:0 0 30px;padding:0 0 16px;position:static}.reading-aside nav{flex-wrap:wrap;gap:8px 16px;display:flex}.reading-aside a{margin:0}.reading-neighbours{margin-top:65px}.about-page{padding-block:78px 88px}.about-introduction p{font-size:1rem;line-height:1.9}.about-follow{margin-top:53px;padding-top:50px}.follow-grid{grid-template-columns:1fr;gap:31px}.follow-links{justify-content:flex-start;height:auto;margin-top:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}