/* Image-led exhibition, compact continuous reading. */
.gate-image{object-position:65% 50%;filter:saturate(.86) brightness(.84);animation:night-breathe 26s ease-in-out infinite alternate;will-change:transform}.gate-shade{background:linear-gradient(90deg,#0e1e2866,transparent 68%),linear-gradient(0deg,#0c202bcc,transparent 35%,#12232a30)}.gate-heading{left:11%;top:23%;transform:none;text-align:left;min-width:0;width:46%}.gate h1{font-size:clamp(45px,5.5vw,78px);letter-spacing:.12em}.gate-poem{max-width:470px;line-height:2.1}.gate-entry{left:35%;bottom:9%}.gate-chapters{left:auto;right:6%;bottom:9%}.gate-side{display:none}.mist-a{height:45%;opacity:.5}.ember-veil{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 72% 45%,#ffc26f18,transparent 23%),radial-gradient(circle at 86% 70%,#ffc26f14,transparent 20%);animation:ember-breathe 7s ease-in-out infinite alternate}
@keyframes night-breathe{from{transform:scale(1.035) translate(-.3%,0)}to{transform:scale(1.065) translate(.4%,-.6%)}}@keyframes ember-breathe{from{opacity:.25;transform:translateY(5px)}to{opacity:.9;transform:translateY(-7px)}}
.story{background:#f0e7d5}.history-art{position:absolute;inset:0;background:url('assets/history-qionghua-v7.png') center bottom/cover no-repeat;opacity:.8;animation:paper-breathe 35s ease-in-out infinite alternate;pointer-events:none}.history-art:after{content:'';position:absolute;inset:0;background:linear-gradient(#f3ecdeeb 0%,#f3ecdeef 42%,#f3ecde77 64%,transparent 86%)}@keyframes paper-breathe{to{transform:scale(1.025) translateX(-.5%)}}
.story-intro{top:112px;left:5%;right:5%;display:flex;align-items:baseline;gap:28px;width:auto}.story-intro h1{font-size:27px;white-space:nowrap}.story-intro h1 .title-line{display:inline}.story-intro h1 .title-ink{display:inline}.story-intro h1 .title-line+.title-line{margin-left:8px}.story-intro .eyebrow{margin:0;font-size:11px;white-space:nowrap}.story-intro p{font-size:12px;margin:0 0 0 auto}.scroll-rail{top:210px;height:calc(100% - 375px)}.scroll-world{min-height:310px}.history-mist{display:none}.scroll-trail{top:30px;opacity:.5}.memory-node,.memory-node:nth-child(even),.memory-node.is-current{top:0;width:var(--node-width,330px);max-width:none;opacity:1;transform:translateX(-50%);text-align:left}.memory-node button{padding:18px 18px 20px;gap:13px;align-items:flex-start;text-align:left;background:linear-gradient(#f4eedfbd,#f4eedf8c 78%,transparent);border-top:1px solid #aa855d66;min-height:300px;transition:border-color .3s}.memory-node.is-current button,.memory-node button:hover{border-color:#855331}.memory-node time{font-size:30px!important;line-height:1.25;min-height:38px;letter-spacing:0;color:#966741}.memory-node h2{font-size:23px;line-height:1.55;text-align:left;letter-spacing:.02em}.memory-node p.history-summary{font-size:14px;line-height:1.9;margin:0}.memory-node p{font-size:11px}.memory-node .memory-dot{display:none}.history-read{margin-top:auto;font-size:11px;letter-spacing:.05em}.scroll-footer{bottom:45px;padding-top:12px;border-top:1px solid #79694a44;background:linear-gradient(transparent,#f2ebdecc);gap:6px}.era-nav{font-size:13px}.story-caption{bottom:10px}.scroll-control{font-size:12px}
#reader.exhibit-reader{width:min(1080px,94vw);padding:0;border-radius:8px;max-height:90svh;overflow:auto;background:#f4efe4}#reader.exhibit-reader .dialog-close{position:sticky;top:15px;margin:15px 15px -50px 0;float:right;background:#f4efe4ed;z-index:5;width:36px;height:36px}.reader-layout{display:grid;grid-template-columns:38% 62%;min-height:570px}.reader-art{position:relative;margin:0;min-height:100%;overflow:hidden;background:#13242c}.reader-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:78% center}.reader-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#0c202bc9)}.reader-art figcaption{position:absolute;bottom:22px;left:24px;color:#eddec0;font-size:10px;z-index:1}.art-index{position:absolute;top:28px;left:25px;writing-mode:vertical-rl;font:22px var(--serif);letter-spacing:.2em;color:#f2dfba;z-index:1}.reader-copy{padding:46px 45px 30px}.reader-copy h2{font-size:30px;margin:18px 0 24px;line-height:1.55;max-width:90%}.reader-copy p{font-size:14px;line-height:2;color:#59645c;margin:15px 0}.reader-copy .reader-lead{font-size:16px;color:#303f3c}.reader-copy .reader-note{font-size:11px;margin-top:24px;line-height:1.8}.reader-copy .reader-note a{font-size:12px;line-height:1.8}.film-entry{display:flex;align-items:center;gap:18px;padding:19px 0;margin-top:24px;border-top:1px solid #9c845a44!important;border-bottom:1px solid #9c845a44!important;color:#33483f!important}.film-play{display:grid;place-items:center;width:49px;height:49px;flex-shrink:0;border:1px solid #92764d;border-radius:50%;font-size:24px;transition:background .3s}.film-entry:hover .film-play{background:#d7c3a3}.film-entry small,.film-entry strong,.film-entry em{display:block}.film-entry small{font-size:10px;letter-spacing:.15em;color:#866c48}.film-entry strong{font:18px/1.8 var(--serif)}.film-entry em{font-size:11px;font-style:normal;color:#667166}
@media(max-width:900px){.gate-heading{top:21%;left:8%;width:77%}.gate h1{font-size:49px}.gate-image{object-position:70% center}.gate-shade{background:linear-gradient(90deg,#0b1e28bc,#0b1e2844),linear-gradient(0deg,#0b1e28bb,transparent)}.gate-poem{max-width:300px;font-size:13px}.gate-entry{left:28%;bottom:19%}.gate-chapters{right:7%;left:7%;bottom:6%}.story-intro{top:95px;display:block}.story-intro .eyebrow{font-size:10px;margin-bottom:6px}.story-intro h1{font-size:23px}.story-intro p{font-size:11px;margin-top:8px;line-height:1.6}.story-intro p br{display:none}.scroll-rail{top:218px;height:calc(100% - 420px)}.memory-node,.memory-node:nth-child(even){top:0;width:var(--node-width)}.memory-node button{padding:15px 13px;gap:10px;min-height:310px}.memory-node time{font-size:25px!important;min-height:32px}.memory-node h2{font-size:21px}.memory-node p.history-summary{font-size:13px;line-height:1.85}.scroll-footer{bottom:40px}.scroll-control{gap:7px}.scroll-footer .text-link{font-size:10px}.story-caption{font-size:8px}.history-art{background-size:auto 100%;background-position:40% bottom}.reader-layout{grid-template-columns:1fr}.reader-art{height:190px;min-height:190px}.reader-art img{object-position:70% 46%}.reader-copy{padding:26px}.reader-copy h2{font-size:25px;max-width:100%;margin:12px 0 18px}.reader-copy p{font-size:13px}.reader-copy .reader-lead{font-size:15px}.reader-art figcaption{bottom:13px}.art-index{font-size:18px;top:20px}.film-entry strong{font-size:16px}}
@media(max-height:720px){.story{min-height:720px}body[data-room=story]{overflow-y:auto}.gate-heading{top:17%}.gate h1{font-size:46px}.gate-poem{font-size:12px}}
@media(prefers-reduced-motion:reduce){.gate-image,.ember-veil,.history-art{animation:none;will-change:auto}.gate-image{transform:none}.mist{animation:none}}