@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap');

:root{--paper:#f5f3ec;--ink:#27372f;--muted:#788078;--green:#385746;--line:#dcded4;--orange:#dc875e;--serif:"Noto Serif SC","Songti SC",serif;--sans:"DM Sans","PingFang SC","Microsoft YaHei",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.page-shell{width:min(1240px,calc(100% - 96px));margin:auto}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--green);border-radius:50%;font-family:var(--serif);font-size:14px;color:var(--green)}.brand-name{font-family:var(--serif);font-size:14px;letter-spacing:.08em}.main-nav{display:flex;gap:38px;margin-left:76px}.nav-link{position:relative;padding:31px 0 28px;color:#858a82;text-decoration:none;font-size:12px;letter-spacing:.1em}.nav-link.active{color:var(--ink)}.nav-link.active:after{position:absolute;content:"";height:2px;width:16px;background:var(--orange);left:50%;bottom:19px;transform:translateX(-50%)}.nav-note{display:flex;align-items:center;gap:9px;color:#7c837b;text-decoration:none;font-size:11px;letter-spacing:.04em}.status-dot{width:6px;height:6px;border-radius:50%;background:#93a786}.hero{min-height:476px;display:grid;grid-template-columns:1.03fr .97fr;position:relative;align-items:center;padding:63px 5.7% 60px 7.5%;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:11px;font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--green);margin:0 0 25px}.eyebrow-line{width:25px;height:1px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font-family:var(--serif);font-weight:500;font-size:clamp(38px,4.3vw,58px);letter-spacing:.035em;line-height:1.55;margin:0 0 18px}h1 em{font-style:normal;color:var(--green)}.hero-intro{color:#7a8178;font-size:13px;line-height:2.1;letter-spacing:.04em;margin-bottom:25px}.hero-link,.about-link{display:inline-flex;align-items:center;gap:16px;color:var(--green);font-size:11px;letter-spacing:.06em;text-decoration:none;border-bottom:1px solid #98a595;padding-bottom:7px}.hero-link span,.about-link span{font-size:15px;transition:transform .2s}.hero-link:hover span{transform:translate(3px,3px)}.hero-art{height:310px;position:relative;overflow:hidden;background:#e7e5d8;margin-left:28px}.sun{position:absolute;width:118px;height:118px;border-radius:50%;background:#d58c61;right:23%;top:39px;opacity:.93}.hill{position:absolute;bottom:-80px;width:120%;height:200px;border-radius:50% 50% 0 0}.hill-back{background:#a3ad91;left:-21%;transform:rotate(-13deg);bottom:-95px}.hill-front{background:#6e8068;right:-34%;transform:rotate(14deg);bottom:-123px}.art-caption{position:absolute;top:19px;left:22px;z-index:2;font:9px var(--mono);letter-spacing:.12em;color:#546453}.art-stamp{position:absolute;right:22px;bottom:24px;z-index:2;font-family:var(--serif);font-size:13px;line-height:1.5;letter-spacing:.14em;color:#f3eee1;writing-mode:vertical-rl}.art-grain{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");opacity:.22;mix-blend-mode:multiply}.hero-index{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;font:9px var(--mono);color:#92988f}.hero-index span:first-child{color:var(--green)}.index-rule{width:42px;height:1px;background:#bdc2b8}.article-section{padding:81px 7.5% 90px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.muted{color:#92968e}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2,.about-copy h2{font-family:var(--serif);font-weight:500;letter-spacing:.04em}.section-heading h2{font-size:26px;margin:0}.heading-count{display:inline-block;vertical-align:top;margin-left:11px;font:10px var(--mono);color:#a7aaa2}.section-aside{font-size:10px;line-height:1.9;letter-spacing:.06em;color:#999d94;margin:0 0 2px;text-align:right}.toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:15px 0 20px}.filters{display:flex;gap:7px}.filter-chip{border:1px solid transparent;background:none;border-radius:20px;padding:8px 12px;color:#8a9088;font:10px var(--sans);cursor:pointer;transition:.2s}.filter-chip:hover,.filter-chip.selected{border-color:#cbd1c5;color:var(--green);background:#eef0e8}.filter-chip span{margin-left:5px;font:9px var(--mono);color:#a4aa9f}.search-box{height:32px;border-bottom:1px solid #cfd2c8;display:flex;align-items:center;gap:8px;color:#8e958a}.search-icon{font-size:19px;line-height:1;transform:rotate(-20deg)}.search-box input{width:112px;border:0;outline:0;background:transparent;font:10px var(--sans);color:var(--ink)}.search-box input::placeholder{color:#a0a59d}.search-box kbd{font:8px var(--mono);color:#a4aaa2;border:1px solid #dcdfd5;border-radius:3px;padding:2px 4px}.article-grid{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:25px}.article-card{min-width:0}.article-card[hidden]{display:none}.card-button{display:block;width:100%;padding:0;text-align:left;border:0;background:none;color:inherit;cursor:pointer}.card-visual{position:relative;height:179px;overflow:hidden;margin-bottom:18px;background:#e4e3d8}.featured .card-visual{height:207px}.visual-label{position:absolute;z-index:2;left:15px;top:13px;font:8px var(--mono);letter-spacing:.12em;color:#687264}.visual-window{background:#d9d9c9}.window-sun{position:absolute;width:65px;height:65px;background:#d18b61;border-radius:50%;right:22%;top:35px}.window-frame{position:absolute;right:17%;top:0;width:95px;height:165px;border-left:9px solid #f0eee4;border-right:9px solid #f0eee4;background:linear-gradient(90deg,transparent 47%,#f0eee4 47%,#f0eee4 54%,transparent 54%);box-shadow:0 0 0 1px rgba(95,105,86,.12)}.window-shadow{position:absolute;inset:auto -10% -85px -10%;height:135px;background:#7b8a70;transform:rotate(-11deg);border-radius:50%}.visual-book{background:#e5dfd1}.book-shape{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-7deg);width:95px;height:111px;background:#627561;box-shadow:8px 8px 0 #c6b99e,14px 15px 18px #c5c0b0}.book-shape:before{content:"";position:absolute;inset:8px 9px 8px 17px;border-left:1px solid rgba(242,238,223,.5);border-top:1px solid rgba(242,238,223,.4)}.book-shape span{position:absolute;left:29px;width:40px;height:1px;background:#d9d2bd;opacity:.8}.book-shape span:nth-child(1){top:43px}.book-shape span:nth-child(2){top:50px;width:31px}.book-shape span:nth-child(3){top:71px;width:24px}.book-shadow{position:absolute;width:130px;height:15px;background:#c1b9a9;left:50%;bottom:24px;transform:translateX(-50%);filter:blur(8px);border-radius:50%}.visual-walk{background:#e0e2d6}.walk-path{position:absolute;width:220px;height:150px;border:1px solid #9ba58f;border-color:transparent transparent transparent #89967e;border-radius:50%;transform:rotate(25deg);left:23%;top:36px}.walk-path:after{position:absolute;content:"";width:115px;height:110px;border:1px solid #89967e;border-color:transparent transparent transparent #89967e;border-radius:50%;left:49px;top:18px}.walk-leaf{position:absolute;width:30px;height:15px;background:#7b8b72;border-radius:100% 0 100% 0;transform:rotate(-25deg)}.leaf-one{left:27%;top:68px}.leaf-two{right:25%;bottom:44px;transform:rotate(24deg) scale(.8);background:#a5a887}.walk-dot{position:absolute;width:8px;height:8px;background:#d28b62;border-radius:50%;right:28%;top:76px}.card-meta{display:flex;justify-content:space-between;color:#8d938a;font:9px var(--mono);letter-spacing:.04em;margin-bottom:11px}.card-meta span:last-child{color:#aaa99e}.article-card h3{font-family:var(--serif);font-size:17px;letter-spacing:.025em;font-weight:500;margin:0 0 9px;transition:color .2s}.card-button:hover h3{color:#7a8a69}.article-card p{font-size:11px;line-height:1.9;letter-spacing:.025em;color:#888e85;margin:0 0 14px}.read-more{display:inline-flex;align-items:center;gap:9px;color:#687a66;font:9px var(--mono);letter-spacing:.05em}.read-more span{font-size:13px;transition:transform .2s}.card-button:hover .read-more span{transform:translate(3px,-3px)}.sample-note{margin:24px 0 0;color:#a0a39a;font-size:10px;letter-spacing:.04em}.empty-state{padding:45px 0;text-align:center;color:#93988f;font-size:12px}.about-section{position:relative;display:grid;grid-template-columns:.4fr 1fr .4fr;align-items:center;background:#e8e8dc;padding:66px 11%;overflow:hidden}.about-mark{font-family:Georgia,serif;font-size:130px;line-height:1;color:#c4c9b8;align-self:start}.about-copy{max-width:500px}.about-copy .eyebrow{margin-bottom:16px}.about-copy h2{font-size:27px;line-height:1.65;margin:0 0 15px}.about-copy>p:not(.eyebrow){max-width:400px;font-size:11px;line-height:2.1;color:#82897e;letter-spacing:.03em;margin-bottom:21px}.about-side{justify-self:end;align-self:end;display:flex;align-items:center;gap:12px;color:#92988c;font:9px/1.9 var(--mono);letter-spacing:.04em}.side-rule{height:1px;width:27px;background:#a2aa9b}.footer{height:83px;display:flex;align-items:center;justify-content:space-between}.footer-brand .brand-mark{width:25px;height:25px;font-size:12px}.footer-brand .brand-name{font-size:12px}.footer>p,.footer-year{color:#9a9e95;font-size:9px;letter-spacing:.04em;margin:0}.reader{width:min(660px,calc(100% - 32px));max-height:85vh;padding:0;border:0;background:var(--paper);color:var(--ink);box-shadow:0 24px 80px #26362b35}.reader::backdrop{background:#2231299c;backdrop-filter:blur(3px)}.reader-inner{padding:62px clamp(26px,8vw,78px) 55px;overflow:auto}.reader-close{position:sticky;float:right;top:15px;margin:15px 18px -45px 0;border:1px solid var(--line);background:var(--paper);width:30px;height:30px;border-radius:50%;font-size:21px;color:var(--green);cursor:pointer}.reader-inner .eyebrow{margin-bottom:16px}.reader-inner h2{font:500 29px/1.5 var(--serif);margin-bottom:12px}.reader-label{font:9px var(--mono);letter-spacing:.04em;color:#a1a49a;padding-bottom:24px;border-bottom:1px solid var(--line)}.reader-body{font:13px/2.3 var(--serif);color:#59645a;padding-top:12px}.reader-body p{margin:0 0 16px}.reader-end{display:flex;align-items:center;justify-content:center;gap:10px;color:#a3a79e;font:9px var(--mono);margin-top:34px}.reader-end span{width:26px;height:1px;background:#d0d3ca}
@media(max-width:850px){.page-shell{width:min(100% - 48px,700px)}.hero{padding:55px 3% 62px;grid-template-columns:1fr 1fr;min-height:425px}.hero-art{height:265px;margin-left:8px}.hero-index{left:50%}.article-section{padding:66px 3% 72px}.article-grid{gap:17px}.card-visual{height:145px}.featured .card-visual{height:166px}.about-section{padding:55px 7%;grid-template-columns:.25fr 1fr .3fr}}
@media(max-width:620px){.page-shell{width:calc(100% - 36px)}.topbar{height:68px}.brand-name{font-size:13px}.main-nav{gap:22px;margin-left:0}.nav-link{padding:26px 0 23px;font-size:11px}.nav-link.active:after{bottom:14px}.nav-note{font-size:0;gap:0}.status-dot{width:7px;height:7px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:49px 3% 48px}.hero-copy{padding-bottom:33px}.hero .eyebrow{margin-bottom:16px}.hero h1{font-size:38px;line-height:1.5}.hero-intro{font-size:12px}.hero-art{height:220px;margin:0 0 9px}.hero-index{bottom:14px}.article-section{padding:55px 3% 58px}.section-heading{margin-bottom:24px}.section-heading h2{font-size:23px}.section-aside{font-size:9px}.toolbar{align-items:flex-start;gap:12px;flex-direction:column;padding:12px 0 17px}.filters{gap:2px}.filter-chip{padding:7px 10px}.search-box{align-self:flex-end;margin-top:-38px}.search-box input{width:83px}.search-box kbd{display:none}.article-grid{grid-template-columns:1fr;gap:29px}.card-visual,.featured .card-visual{height:210px;margin-bottom:14px}.article-card h3{font-size:18px}.article-card p{font-size:11px}.article-card:not(.featured) .card-visual{height:190px}.sample-note{line-height:1.8}.about-section{grid-template-columns:42px 1fr;padding:43px 7%;gap:12px}.about-mark{font-size:80px}.about-copy h2{font-size:24px}.about-side{grid-column:2;justify-self:start;margin-top:11px}.footer{height:auto;min-height:75px;gap:10px;flex-wrap:wrap}.footer>p{display:none}.footer-year{font-size:8px}.reader-inner{padding-top:57px}.reader-inner h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}