:root{--paper:#f7f7ee;--ink:#24382d;--muted:#788075;--line:#dce0d2;--lime:#dce8a0;--orange:#c56b45}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}header{max-width:1320px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;height:100px;padding:0 44px;border-bottom:1px solid var(--line)}.brand{font-size:23px;font-weight:750;display:flex;align-items:center;gap:8px;white-space:nowrap}.brand b{background:var(--ink);color:var(--paper);padding:0 7px;font-size:26px;line-height:36px;border-radius:7px}.brand span{font-size:10px;letter-spacing:2px;margin-left:11px;font-weight:500}nav{display:flex;gap:30px;font-size:14px}nav a:hover{color:var(--orange)}button{border:0;background:none}.shelf{font-size:13px;border:1px solid #aeb7a4;border-radius:30px;padding:10px 17px}.shelf span{display:inline-block;font-size:11px;background:var(--lime);border-radius:50%;min-width:19px;margin-left:6px}main{max-width:1320px;margin:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:650;line-height:1.35}h2{font-size:30px}h3{font-size:21px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:650;margin-bottom:22px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;padding:58px 44px 48px;align-items:center}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px}.eyebrow>span{height:7px;width:7px;border-radius:50%;background:#97a96c}.hero h1{font-size:clamp(38px,4.2vw,60px);letter-spacing:-2px;line-height:1.3}.hero h1 span{position:relative;z-index:0}.hero h1 span:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:17px;background:var(--lime);z-index:-1;transform:rotate(-2deg)}.lead{font-size:15px;color:#687565;line-height:2;margin:25px 0 30px}.primary{background:var(--ink);color:var(--paper);display:inline-flex;align-items:center;gap:45px;padding:14px 23px;border-radius:3px;font-weight:550;font-size:14px}.primary:hover{background:#3e5742}.hero-bottom{margin-top:36px;font-size:11px;color:var(--muted);display:flex;gap:18px}.hero-bottom i{color:#bdc6b1}.hero-feature{height:455px;position:relative;overflow:hidden;border-radius:4px;background:#292d23;color:white}.hero-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,35,23,.05),rgba(23,35,23,.08) 30%,rgba(23,35,23,.93))}.hero-feature>img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:saturate(.7)}.feature-tag{position:absolute;top:22px;left:24px;background:rgba(249,248,235,.95);color:var(--ink);font-size:11px;padding:6px 12px;z-index:1}.hero-feature>div{position:absolute;left:30px;right:30px;bottom:30px;z-index:1}.hero-feature div>span{font-size:11px;letter-spacing:2px;opacity:.75}.hero-feature h2{font-size:33px;margin:8px 0}.hero-feature p{font-size:13px;opacity:.8}.hero-feature b{display:block;margin-top:20px;font-size:12px;font-weight:500}.mood-bar{display:flex;justify-content:space-between;align-items:center;margin:0 44px;padding:25px 0;border-block:1px solid var(--line);gap:25px}.mood-bar>p{font-weight:600;font-size:15px}.mood-bar>p span{font-size:11px;font-weight:400;display:block;color:var(--muted);margin-top:3px}.moods{display:flex;gap:9px;flex-wrap:wrap}.moods button{border:1px solid var(--line);padding:9px 17px;border-radius:30px;font-size:12px;background:#fbfcf5}.moods button:hover{background:var(--lime)}.section{padding:65px 44px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-title .eyebrow{margin-bottom:10px}.section-title>span{color:var(--muted);font-size:12px}.search{display:flex;align-items:center;gap:8px;border-bottom:1px solid #9eaa97;padding:7px 0;font-size:20px}.search input{width:180px;border:0;background:none;font-size:12px;outline:0}.filters{display:flex;gap:10px;align-items:center;margin:30px 0}.filters button{padding:6px 17px;border:1px solid var(--line);border-radius:4px;font-size:12px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.filters>span{margin-left:auto;color:var(--muted);font-size:11px}.stories{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 26px}.story-card[hidden]{display:none}.cover{display:block;position:relative;aspect-ratio:1.37;overflow:hidden;background:#dce0d2;border-radius:4px}.cover img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;transition:transform .4s;filter:saturate(.75)}.cover:hover img{transform:scale(1.045)}.cover>span{position:absolute;top:13px;left:13px;background:rgba(248,248,239,.95);padding:3px 10px;font-size:10px}.cover i{position:absolute;bottom:12px;right:12px;color:white;background:#263c2ddb;padding:4px 10px;font-style:normal;font-size:11px}.card-line{display:flex;justify-content:space-between;align-items:center;margin:12px 0 4px;color:var(--muted);font-size:10px;letter-spacing:1px}.save{font-size:21px;line-height:1.2;padding:5px 9px}.save[aria-pressed=true]{color:#aa542c}.story-card h3{font-size:20px;margin-bottom:8px}.story-card>p{font-size:12px;line-height:1.9;color:#74806e}.collections{background:#ecefe1}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.collection{padding:35px;position:relative;overflow:hidden;border-radius:4px}.collection:after{content:'↗';position:absolute;right:20px;bottom:0;font-size:180px;font-weight:200;line-height:1;color:currentColor;opacity:.07;pointer-events:none}.collection.warm{background:#e6dbbf}.collection.dark{background:#2f4639;color:#eff3e5}.collection>span{font-size:11px;opacity:.65}.collection h3{font-size:29px;line-height:1.55;margin:20px 0}.collection p{font-size:12px;opacity:.75}.collection b{display:block;font-size:12px;font-weight:500;margin-top:28px}.notes{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-top:80px;padding-bottom:80px}.notes h2{font-size:33px}.notes>div>p:last-child{margin-top:20px;font-size:12px;color:var(--muted)}.note-list>a{display:flex;align-items:center;gap:23px;padding:24px 0;border-bottom:1px solid var(--line)}.note-list>a:first-child{padding-top:0}.note-list>a>span{font-size:12px;color:#8c977e}.note-list small{font-size:10px;color:var(--muted)}.note-list h3{font-size:17px;margin-top:7px}.note-list b{margin-left:auto;font-weight:400;font-size:22px}.closing{margin:0 44px 60px;padding:48px 24px;text-align:center;border:1px solid #becbad;background:#f0f3e5}.closing .eyebrow{margin-bottom:14px}.closing p:not(.eyebrow){margin:14px 0 25px;font-size:13px;color:var(--muted)}footer{max-width:1232px;margin:0 auto;border-top:1px solid var(--line);padding:34px 0;display:flex;gap:25px;flex-wrap:wrap;align-items:center}footer p{font-size:12px;color:var(--muted)}footer>span{margin-left:auto;font-size:10px;color:var(--muted)}footer small{width:100%;font-size:10px;color:#929b8d}.detail{padding:35px 44px}.back{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:30px}.detail-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.detail-poster{width:100%;max-height:620px;object-fit:cover;border-radius:4px}.detail h1{font-size:43px}.detail-grid h2{font-size:21px;margin:25px 0 12px}.detail-grid p{color:#697561}.detail-grid .primary{font-size:14px;margin-top:30px;color:white}.disclaimer{font-size:11px;margin-top:20px}.reading-note{margin:70px 0;padding:40px;background:#edf0e0}.reading-note p:not(.eyebrow){margin:20px 0;max-width:700px}.reading-note a{font-size:12px;text-decoration:underline}.essay{max-width:800px;padding:40px 30px 80px}.essay h1{font-size:38px}.essay section{margin:38px 0}.essay h2{font-size:23px;margin-bottom:13px}.essay p{color:#6a7663;line-height:2.1}.essay .eyebrow{font-size:11px}.collection-stories{margin-top:35px}dialog{border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--ink);width:min(580px,92vw);padding:35px;max-height:80vh}dialog::backdrop{background:#15271e88;backdrop-filter:blur(3px)}.close{position:absolute;right:18px;top:10px;font-size:30px}#saved-list{margin-top:25px}#saved-list>div{display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);padding:18px 0}#saved-list img{width:50px;height:65px;object-fit:cover}#saved-list a{font-size:17px;font-weight:600}#saved-list button{margin-left:auto;font-size:12px}#saved-list>p{color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:20;background:var(--ink);color:white;padding:10px 25px;border-radius:30px;transition:.2s;font-size:13px}#toast.show{opacity:1;transform:translate(-50%,0)}#empty{padding:45px 0;color:var(--muted)}@media(max-width:900px){header{padding:0 24px;height:80px;gap:15px}.brand span{display:none}nav{gap:15px;font-size:12px}.hero{gap:28px;padding:35px 24px}.hero-feature{height:410px}.hero h1{font-size:42px}.hero .lead br{display:none}.hero-bottom{gap:10px}.mood-bar{margin:0 24px;align-items:flex-start;flex-direction:column;gap:15px}.section{padding:45px 24px}.stories{gap:25px 18px}.section-title h2{font-size:25px}.closing{margin:0 24px 45px}footer{margin:0 24px}.detail{padding:30px 24px}.detail-grid{gap:30px}}@media(max-width:600px){header{height:auto;min-height:92px;flex-wrap:wrap;padding:16px 20px;gap:14px}.brand{font-size:21px}.brand b{font-size:24px;line-height:32px}nav{order:3;width:100%;justify-content:space-between}.shelf{padding:7px 12px;font-size:11px}.hero{grid-template-columns:1fr;padding:35px 20px;gap:28px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero h1{font-size:45px}.lead{font-size:13px}.hero-bottom{margin-top:22px}.hero-feature{height:350px}.hero-feature h2{font-size:29px}.hero-feature>div{left:24px;bottom:24px}.mood-bar{margin:0 20px}.moods{gap:8px;width:100%;display:grid;grid-template-columns:1fr 1fr}.moods button{padding:8px 12px}.section{padding:40px 20px}.section-title{align-items:start;flex-direction:column;gap:18px}.section-title h2{font-size:25px}.search{width:100%}.search input{width:100%}.filters{gap:6px;flex-wrap:wrap;margin-top:20px}.filters button{padding:5px 12px}.filters>span{width:100%;margin:5px 0 0}.stories{grid-template-columns:1fr 1fr;gap:25px 14px}.cover{aspect-ratio:.8}.cover>span{left:8px;top:8px}.cover i{display:none}.story-card h3{font-size:17px}.story-card>p{font-size:11px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-line{font-size:9px;letter-spacing:0}.save{font-size:20px;padding:2px}.collection-grid{grid-template-columns:1fr}.collection{padding:28px}.collection h3{font-size:27px}.notes{grid-template-columns:1fr;gap:25px}.notes h2 br{display:none}.notes h2{font-size:27px}.notes>div>p:last-child br{display:none}.notes>div>p:last-child{margin-top:10px}.note-list h3{font-size:15px}.note-list>a{gap:14px}.closing{margin:0 20px 30px;padding:35px 20px}.closing h2{font-size:26px}footer{margin:0 20px;padding:25px 0;gap:15px}footer>span{width:100%;margin:0}.detail{padding:25px 20px}.detail-grid{grid-template-columns:1fr}.detail-poster{max-height:360px;object-position:50% 20%}.detail h1{font-size:35px}.reading-note{padding:25px;margin:40px 0}.reading-note h2{font-size:25px}.essay h1{font-size:31px}.essay{padding:30px 20px 60px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}