:root{--paper:#f4f0e5;--ink:#263b31;--muted:#788278;--green:#385745;--line:#d9d9c9;--serif:"Noto Serif SC","Songti SC",serif;--sans:"DM Sans","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.landing-page{min-height:100svh;background:radial-gradient(ellipse at 47% 45%,#fbf9f2 0,#f4f0e5 70%)}.landing-wrap{max-width:1160px;min-height:100svh;margin:auto;padding:32px 56px 24px;display:flex;flex-direction:column}.topline,.landing-footer,.article-nav,.story-meta,.article-footer{display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.14em;display:inline-flex;align-items:center;gap:10px}.brand-mark{width:25px;height:25px;border:1px solid #718471;border-radius:50%;display:inline-grid;place-items:center;color:var(--green);font-family:var(--serif);font-size:13px}.issue,.landing-footer,.landing-note,.story-meta,.article-footer,.back-link{font-family:var(--sans);font-size:10px;letter-spacing:.14em;color:#81877b}.landing-content{flex:1;display:grid;grid-template-columns:minmax(280px,440px) minmax(300px,390px);gap:clamp(55px,11vw,145px);align-items:center;justify-content:center;padding:55px 0 65px}.cover-art{width:min(100%,440px);aspect-ratio:1;position:relative;overflow:hidden;background:linear-gradient(155deg,#d9e2d3 0%,#e6e6d5 42%,#c4d0b9 100%);box-shadow:0 22px 65px #31433122;color:#fff}.cover-sun{position:absolute;right:16%;top:13%;width:22%;aspect-ratio:1;border-radius:50%;background:#f2d89c;box-shadow:0 0 60px #f7e0ad88}.cover-mountain{position:absolute;inset:auto -8% 0;height:69%;clip-path:polygon(0 47%,12% 28%,20% 40%,37% 7%,53% 42%,66% 18%,78% 38%,89% 20%,100% 36%,100% 100%,0 100%)}.mountain-back{background:#8b9f87;bottom:7%;opacity:.72}.mountain-front{background:linear-gradient(145deg,#466c57,#274b3c);height:55%;clip-path:polygon(0 35%,15% 12%,28% 39%,43% 0,57% 33%,70% 17%,84% 39%,100% 8%,100% 100%,0 100%)}.cover-label{position:absolute;left:10%;top:11%;display:flex;flex-direction:column;font-size:clamp(22px,3.3vw,37px);font-weight:500;line-height:1.55;letter-spacing:.2em;text-shadow:0 2px 15px #18372d40}.cover-cup{position:absolute;z-index:2;bottom:16%;left:52%;width:19%;height:15%;border-radius:8% 8% 38% 38%;background:linear-gradient(100deg,#f2eddb,#d6d3bd);box-shadow:0 18px 25px #163c2d48;transform:rotate(-4deg)}.cover-cup:after{content:"";position:absolute;right:-27%;top:18%;width:36%;height:48%;border:5px solid #e3dfcd;border-left:0;border-radius:0 50% 50% 0}.cover-cup i{position:absolute;inset:7% 8% auto;height:14%;border-radius:50%;background:#9a6843}.cover-steam{position:absolute;z-index:2;bottom:33%;left:59%;width:14px;height:42px;border-left:1px solid #f8f3d9;border-radius:50%;transform:rotate(16deg);opacity:.7}.steam-two{left:64%;bottom:35%;height:32px;transform:rotate(-14deg)}.cover-caption,.cover-index{position:absolute;z-index:3;bottom:7%;font:9px var(--sans);letter-spacing:.2em;color:#f3f1db}.cover-caption{left:8%}.cover-index{right:8%}.landing-copy{max-width:390px}.eyebrow{display:flex;align-items:center;gap:11px;font:10px var(--sans);letter-spacing:.18em;color:#758276;text-transform:uppercase}.eyebrow-line{display:inline-block;width:25px;height:1px;background:#859580}.landing-copy h1{font-size:clamp(38px,5vw,57px);font-weight:500;letter-spacing:.08em;line-height:1.5;margin:26px 0 16px}.landing-desc{max-width:340px;font-size:14px;color:#69736a;line-height:2.1;letter-spacing:.04em}.read-button{margin-top:28px;display:flex;align-items:center;justify-content:space-between;width:220px;padding:16px 19px;border:1px solid var(--green);font-size:13px;letter-spacing:.1em;transition:background .2s,color .2s}.read-button span{font:19px var(--sans);transition:transform .2s}.read-button:hover{background:var(--green);color:#f7f3e8}.read-button:hover span{transform:translate(3px,-3px)}.landing-note{margin-top:17px;font-size:9px;letter-spacing:.09em}.landing-footer{border-top:1px solid var(--line);padding-top:17px;font-size:9px;letter-spacing:.14em}
.article-page{min-height:100vh}.article-nav{max-width:1040px;margin:auto;padding:28px 40px}.back-link{letter-spacing:.07em}.back-link span{font-size:14px;margin-right:6px}.story{max-width:760px;margin:35px auto 100px;padding:0 32px}.story-header{text-align:center;padding:38px 0 31px}.story-header .eyebrow{justify-content:center}.story-header h1{font-size:clamp(43px,8vw,72px);line-height:1.35;font-weight:500;letter-spacing:.12em;margin:27px 0 13px}.story-subtitle{font-size:15px;letter-spacing:.12em;color:#778077}.story-meta{justify-content:center;gap:23px;margin-top:27px;font-size:9px;letter-spacing:.1em}.story-meta span+span:before{content:"·";margin-right:23px;color:#b1b4a6}.protected-image{margin:0;position:relative;overflow:hidden;background:#d6dfd0}.protected-image figcaption{padding:11px 2px 0;color:#858b7f;font:10px var(--sans);letter-spacing:.08em}.protected-hero{margin-top:6px}.photo-landscape{height:clamp(230px,52vw,430px);position:relative;overflow:hidden;background:linear-gradient(180deg,#cfddd2 0%,#e7e4d2 65%,#c4d0b6 100%)}.photo-sun{position:absolute;top:13%;right:22%;width:12%;aspect-ratio:1;background:#f0d99e;border-radius:50%;filter:blur(1px);box-shadow:0 0 55px #f1d899}.photo-ridge{position:absolute;left:-5%;width:110%;height:80%;bottom:-27%;border-radius:50% 50% 0 0/25% 35% 0 0;transform:rotate(-8deg)}.ridge-a{background:#829886;bottom:-34%;left:-8%;transform:rotate(7deg)}.ridge-b{background:#617e68;bottom:-46%;left:12%;transform:rotate(-12deg)}.ridge-c{background:linear-gradient(120deg,#466d53,#284d3d);bottom:-57%;left:-6%;transform:rotate(4deg)}.photo-fog{position:absolute;left:-5%;width:110%;height:18%;background:#f3f1e7aa;filter:blur(20px);border-radius:50%}.fog-a{top:46%}.fog-b{top:66%;left:20%;opacity:.65}.photo-trees{position:absolute;bottom:11%;left:13%;width:70%;height:30%;opacity:.6;background:repeating-linear-gradient(102deg,transparent 0 17px,#233f3240 18px 20px,transparent 21px 34px);clip-path:polygon(0 100%,5% 38%,8% 100%,15% 20%,18% 100%,27% 34%,30% 100%,42% 5%,45% 100%,55% 30%,58% 100%,72% 0,75% 100%,85% 24%,88% 100%,96% 39%,100% 100%)}.image-watermark{position:absolute;z-index:4;right:12px;bottom:40px;padding:7px 10px;color:#fff;background:#243d326c;font:9px var(--sans);letter-spacing:.12em;transform:rotate(-4deg);pointer-events:none}.story-body{max-width:610px;margin:42px auto 0;font-size:15px;line-height:2.25;letter-spacing:.045em;color:#46534a}.story-body>p{margin:0 0 22px}.dropcap:first-letter{float:left;font-size:58px;line-height:.9;padding:9px 10px 0 0;color:#54745b}.story-body blockquote{margin:48px 0;padding:20px 25px 20px 33px;border-left:1px solid #7d927b;position:relative;color:#46634f}.story-body blockquote p{font-size:20px;line-height:1.9;letter-spacing:.11em;margin:0}.quote-mark{position:absolute;left:8px;top:-3px;font-size:37px;color:#a8b79d}.story-body h2{display:flex;align-items:center;gap:15px;margin:46px 0 20px;font-size:22px;font-weight:500;letter-spacing:.13em;color:#304b3a}.story-body h2 span{font:10px var(--sans);color:#a08155;letter-spacing:.12em}.protected-detail{margin:32px 0 29px}.leaf-art{height:clamp(210px,40vw,340px);position:relative;overflow:hidden;background:linear-gradient(135deg,#e9e4cf,#b7c9ac)}.leaf-art:before,.leaf-art:after{content:"";position:absolute;width:110%;height:75%;border-radius:50%;background:#789674;left:-29%;bottom:-47%;transform:rotate(-20deg)}.leaf-art:after{width:90%;height:64%;left:46%;bottom:-42%;background:#547758;transform:rotate(23deg)}.leaf-orb{position:absolute;z-index:2;width:23%;aspect-ratio:.58;border-radius:100% 0 100% 0;background:linear-gradient(145deg,#88a976,#365d45);box-shadow:inset -12px -8px 15px #1d493366}.orb-one{left:32%;top:19%;transform:rotate(15deg)}.orb-two{left:46%;top:31%;transform:rotate(70deg) scale(.8)}.orb-three{left:27%;top:40%;transform:rotate(-48deg) scale(.72)}.leaf-stem{position:absolute;z-index:3;left:42%;top:27%;width:2px;height:55%;background:#e0d9b6;transform:rotate(28deg)}.leaf-sunlight{position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,#fff9d44f 46%,transparent 62%)}.article-footer{max-width:760px;margin:auto;padding:20px 32px 34px;border-top:1px solid var(--line);font-size:9px;letter-spacing:.1em}.article-footer a{color:#48654f}
@media(max-width:760px){.landing-wrap{padding:22px 24px 18px}.issue{font-size:8px}.landing-content{grid-template-columns:minmax(0,1fr);gap:34px;padding:38px 0 45px;max-width:440px;margin:auto;width:100%}.cover-art{width:min(100%,390px);margin:auto}.landing-copy{margin:auto;width:100%;max-width:390px}.landing-copy h1{font-size:clamp(38px,10vw,51px);margin:20px 0 10px}.landing-desc{font-size:13px;max-width:320px}.read-button{margin-top:21px}.landing-footer{font-size:8px}.story{margin:20px auto 70px;padding:0 23px}.article-nav{padding:20px 23px}.story-header{padding:26px 0 25px}.story-header h1{font-size:49px;margin:22px 0 10px}.story-subtitle{font-size:13px}.story-meta{gap:12px;font-size:8px}.story-meta span+span:before{margin-right:12px}.story-body{margin-top:32px;font-size:14px;line-height:2.15}.story-body blockquote{margin:37px 0;padding-left:29px}.story-body blockquote p{font-size:18px}.story-body h2{font-size:20px;margin:38px 0 17px}.article-footer{padding:18px 23px 28px;font-size:8px}}
@media(max-width:370px){.landing-wrap{padding-inline:18px}.cover-caption,.cover-index{font-size:7px}.landing-footer span:last-child{letter-spacing:.06em}.story{padding-inline:18px}.story-header h1{font-size:43px}.story-meta{gap:8px}.story-meta span+span:before{margin-right:8px}.article-footer{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.read-button,.read-button span{transition:none}}

/* Minimal QR landing: one square image and one action. */
.landing-page{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#d5e9e1 0%,#edf0df 48%,#c6dfd5 100%)}
.landing-page:before,.landing-page:after{content:"";position:fixed;z-index:-1;width: min(76vw,620px);aspect-ratio:1;border-radius:50%;filter:blur(70px);opacity:.58;pointer-events:none}
.landing-page:before{left:-18%;top:-17%;background:#f6e4b6}
.landing-page:after{right:-21%;bottom:-24%;background:#7fb6a6}
.landing-wrap{width:100%;justify-content:center;align-items:center;padding:24px}
.landing-content{display:flex;flex:none;flex-direction:column;gap:24px;width:100%;padding:0;margin:0;align-items:center}
.cover-art{display:block;width:min(78vw,360px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:18px;border:1px solid #ffffffa8;box-shadow:0 18px 48px #31433120}
.landing-copy{display:flex;justify-content:center;width:100%;max-width:none}
.read-button{width:min(78vw,360px);justify-content:center;margin:0;padding:16px 20px;border:1px solid #ffffffa8;border-radius:16px;background:#ffffff48;color:var(--ink);font-size:15px;letter-spacing:.16em;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);box-shadow:0 10px 30px #315d4c14}
.read-button:hover{background:#294635}
.page-transition{position:fixed;z-index:20;inset:0;pointer-events:none;opacity:0;background:linear-gradient(135deg,#f4e4c2 0%,#bddbd0 45%,#769f8e 100%);clip-path:circle(0% at 50% 50%);transition:clip-path .65s cubic-bezier(.76,0,.24,1),opacity .15s ease}
.is-leaving .page-transition{opacity:1;clip-path:circle(150% at 50% 50%)}
@media(prefers-reduced-motion:reduce){.page-transition{transition:none}}