body[data-page=story]{background:#293328;color:#f7f3e9}
body[data-page=story] #main{margin-top:0;background:#293328;border-radius:0}
body[data-page=story] #header{background:rgba(41,51,40,.85)!important;border-radius:40px}
.cinematic-story{background:#293328;color:#f7f3e9;padding-bottom:100px}
.cinematic-story h1,.cinematic-story h2{color:#f7f3e9;font-weight:400;letter-spacing:-.03em;text-wrap:balance}
.story-scene{height:72svh;min-height:480px;max-height:720px;position:relative;display:grid;place-items:center;margin:0 24px;border-radius:24px;overflow:hidden}
.scene-photo,.scene-shade{position:absolute;inset:0}.scene-photo img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.scene-shade{background:linear-gradient(180deg,#29332835,#29332875 65%,#293328bc)}
.scene-title{position:relative;text-align:center;padding:50px 24px;max-width:980px}.scene-title h1{font-size:clamp(52px,7vw,96px);font-style:italic;line-height:1.02;margin:0 0 28px}.scene-title p{margin:0 auto 30px;font-size:16px;color:#f7f3e9}
.story-glass{position:relative;background:rgba(235,230,209,.04);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:0;box-shadow:inset 0 1px 1px #ffffff24;border-radius:24px}
.story-glass:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff60,#ffffff0a 40%,#ffffff08 60%,#ffffff45);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.story-read{border-radius:40px;padding:15px 28px;color:#faf8f2;display:inline-flex;gap:24px;align-items:center;transition:background .2s,transform .2s}.story-read:hover{background:#ffffff20}.story-read:active{transform:scale(.97)}
.story-manifesto{max-width:900px;margin:auto;padding:100px 32px 80px}.story-reading{color:#d7d8cf;font-size:17px;line-height:1.95;max-width:70ch}.story-reading p{max-width:none;margin:0 0 24px}.story-reading strong{color:#fff9ec;font-weight:500}.story-manifesto .story-reading>p:first-child{font:400 clamp(29px,3.5vw,44px)/1.3 Georgia,'Songti SC',serif;color:#f7f3e9;margin-bottom:40px}.story-reading h2{font-size:clamp(34px,4.8vw,62px);line-height:1.1;margin:0 0 36px}
.cinematic-block{max-width:1150px;margin:0 auto;padding:48px 32px 80px}.cinematic-story figure{margin:0;overflow:hidden;border-radius:24px}.cinematic-story figure img{width:100%;height:100%;object-fit:cover}
.story-roots figure{height:460px}.story-roots>.story-reading{position:relative;margin:-80px 40px 0 auto;padding:44px;max-width:740px;background:rgba(48,59,45,.94)}
.story-two-heading{max-width:900px}.story-two-heading h2{font-size:clamp(42px,5.8vw,76px);line-height:1.1;margin:30px 0 52px}.story-two-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.story-two-grid figure{position:sticky;top:110px;height:460px}.story-two-grid .story-reading p:nth-of-type(4){padding-top:28px;border-top:1px solid #ffffff25}
.story-last{display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid #ffffff25;padding-top:80px;margin-top:40px}.story-last figure{height:500px;position:sticky;top:110px}.cinematic-story .actions{flex-wrap:wrap;margin-top:36px}.cinematic-story .actions .outline{color:#f7f3e9;border-color:#ffffff70;border-radius:40px}.cinematic-story .actions .outline:hover{background:#f7f3e9;color:#22261f}
body[data-page=story] #footer{border-top:1px solid #ffffff26;background:#252a22}
html[lang=zh-CN] .cinematic-story h1{font-style:normal;font-size:clamp(38px,5.5vw,68px);line-height:1.4;letter-spacing:.025em}html[lang=zh-CN] .cinematic-story h2{line-height:1.4;letter-spacing:.01em}html[lang=zh-CN] .story-reading{line-height:2}
@media(prefers-reduced-motion:no-preference){.scene-photo img{animation:story-drift 14s ease-out both}.scene-title{animation:story-title .9s ease-out both}.scene-entered{animation:story-entrance .8s cubic-bezier(.2,.7,.3,1) both}@keyframes story-drift{from{transform:scale(1.035)}to{transform:scale(1)}}@keyframes story-title{from{opacity:.3;filter:blur(6px);transform:translateY(18px)}to{opacity:1;filter:none;transform:none}}@keyframes story-entrance{from{opacity:.65;transform:translateY(24px)}to{opacity:1;transform:none}}}
@media(max-width:760px){.story-scene{margin:0 12px;height:480px;min-height:0;border-radius:20px}.scene-title h1{font-size:54px}.scene-title p{font-size:14px}.story-manifesto{padding:64px 24px 40px}.story-reading{font-size:16px;line-height:1.9}.cinematic-block{padding:32px 24px 48px}.story-roots figure{height:260px}.story-roots>.story-reading{margin:-28px 8px 0;padding:26px 22px}.story-reading h2{font-size:34px}.story-two-grid,.story-last{grid-template-columns:1fr;gap:32px}.story-two-grid figure,.story-last figure{position:static;height:280px}.story-two-heading h2{font-size:40px;margin:0 0 30px}.story-last{margin:20px 24px 0;padding:48px 0 0}.cinematic-story{padding-bottom:64px}html[lang=zh-CN] .scene-title h1{font-size:38px}}

/* Natural prose wrapping: avoid a lone final word without changing the copy. */
.story-manifesto .story-reading { max-width:74ch; margin-inline:auto; }
.cinematic-story .story-reading p { text-wrap:pretty; overflow-wrap:normal; word-break:normal; hyphens:none; }
.cinematic-story .scene-title { width:100%; margin-inline:auto; }
.cinematic-story .scene-title h1,.cinematic-story .scene-title p { margin-inline:auto; text-align:center; text-wrap:balance; }
.story-two-grid > .story-reading,.story-last > .story-reading { min-width:0; }
@media (min-width:761px) and (max-width:1050px) {
 .story-two-grid,.story-last { grid-template-columns:1fr; gap:36px; }
 .story-two-grid figure,.story-last figure { position:static; height:360px; }
 .story-two-grid .story-reading,.story-last .story-reading { max-width:74ch; margin-inline:auto; }
}