/* Exhibition composition: title / moving artwork / seasonal colophon. */
:root{--paper:#eae5d9;--margin:4.2%;--exhibit-line:rgba(229,225,209,.18)}
#experience{min-height:620px}
.shade{background:linear-gradient(90deg,rgba(8,10,11,.78),rgba(8,10,11,.33) 20%,transparent 36%,transparent 74%,rgba(8,10,11,.56) 92%,rgba(8,10,11,.72)),linear-gradient(0deg,#080a0b 0%,rgba(8,10,11,.85) 18%,transparent 33%,transparent 85%,rgba(8,10,11,.72) 100%)}
.header{left:var(--margin);right:var(--margin);top:27px;height:65px;align-items:flex-start;border-bottom:1px solid var(--exhibit-line);gap:20px;background:none}
.wordmark{gap:12px;font-size:25px;letter-spacing:5px;align-items:center}.seal{border-color:#a7916d;color:#baa77f;width:25px;height:31px;font-size:17px}.wordmark small{font-size:8px;letter-spacing:3px;margin-left:9px;margin-bottom:4px}
.header-note{display:flex;gap:17px;align-items:center;top:11px;color:#b9b8ab;font-size:9px;letter-spacing:2.7px}.header-note i{height:12px;width:1px;background:#636659}.header-note>span:first-child{font-family:"Noto Serif SC","Songti SC",serif;font-size:12px;letter-spacing:4px;white-space:nowrap}
.header-actions{gap:21px}.export-button{border:0;border-bottom:1px solid #8b8d78;padding:6px 0 9px;gap:8px;font-size:10px;letter-spacing:2px}.export-button:hover{background:none;border-color:var(--accent);color:var(--accent)}.header-actions .icon-button{width:25px;height:29px}
.chapter{left:6%;top:21.4%;width:22%;max-width:260px;pointer-events:none}.chapter-meta{font-size:9px;letter-spacing:2.7px;gap:12px}.chapter-meta .hairline{width:24px}.title-lockup{display:flex;align-items:flex-start;gap:23px;margin:22px 0 0}.vertical-note{writing-mode:vertical-rl;font-family:"Noto Serif SC","Songti SC",serif;font-size:9px;letter-spacing:4px;color:#a4a797;line-height:1.6;padding-top:9px;opacity:.8}
.chapter h1{writing-mode:vertical-rl;text-orientation:upright;font-size:clamp(88px,13.4vh,138px);font-family:"Noto Serif SC","Songti SC",serif;font-weight:300;line-height:1.15;letter-spacing:.12em;margin:0;color:var(--paper);text-shadow:0 2px 30px #0009;max-height:43vh}
.chapter-english{margin:17px 0 0 38px;font-family:Georgia,"Times New Roman",serif;font-size:11px;line-height:1.8;letter-spacing:2.1px;color:#d0d0c3;max-width:190px;text-wrap:balance}.chapter p{font-family:"Noto Serif SC","Songti SC",serif;font-size:11px;line-height:2;letter-spacing:1.6px;color:#bdc4b1;max-width:205px;margin:17px 0 0 38px;text-wrap:pretty;text-shadow:0 1px 10px #000}
.stage-frame{position:absolute;pointer-events:none;left:27%;right:19%;top:18%;bottom:30.5%;color:#bfc6b0}.corner{position:absolute;width:18px;height:18px;opacity:.44;border-color:#a0a68d;border-style:solid}.corner.top-left{left:0;top:0;border-width:1px 0 0 1px}.corner.top-right{right:0;top:0;border-width:1px 1px 0 0}.corner.bottom-left{left:0;bottom:0;border-width:0 0 1px 1px}.corner.bottom-right{right:0;bottom:0;border-width:0 1px 1px 0}
.frame-label{position:absolute;left:28px;top:-4px;font-size:7px;letter-spacing:3px;color:#8b9381;text-shadow:0 1px 12px #000}.frame-bottom{position:absolute;left:50%;bottom:-27px;transform:translateX(-50%);font-family:"Noto Serif SC","Songti SC",serif;font-size:9px;letter-spacing:3px;color:#909c85;white-space:nowrap}
.field-notes{position:absolute;right:var(--margin);top:22%;width:12.6%;max-width:185px;pointer-events:none;text-shadow:0 1px 15px #0008}.notes-heading{font-size:8px;letter-spacing:2px;color:#959d87}.chapter-number{display:flex;align-items:baseline;gap:10px;margin:16px 0 20px}.chapter-number>span{font-family:"Times New Roman",Georgia,serif;font-size:clamp(72px,8vw,126px);font-weight:400;font-style:italic;letter-spacing:-6px;line-height:.9;color:var(--paper);font-variant-numeric:tabular-nums}.chapter-number small{font:9px Georgia,serif;letter-spacing:1px;color:#929c83}.notes-rule{width:100%;height:1px;background:var(--exhibit-line);margin-bottom:19px}
.field-notes dl{margin:0;display:flex;flex-direction:column;gap:16px;font-family:"Noto Serif SC","Songti SC",serif;font-size:9px}.field-notes dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-notes dt{color:#7e8b70;letter-spacing:3px;white-space:nowrap}.field-notes dd{margin:0;color:#c9cebe;letter-spacing:2px;white-space:nowrap}.spectrum{display:flex;gap:5px;align-items:center}.spectrum i{display:block;width:18px;height:5px;background:var(--accent);opacity:.8;transition:background-color 1s}.notes-date{margin-top:24px;padding-top:17px;border-top:1px solid var(--exhibit-line)}.notes-date>span{display:block;font-size:7px;color:#7d8971;letter-spacing:2px;margin-bottom:10px}.term-date{font-family:Georgia,serif;font-size:10px;letter-spacing:1.5px;white-space:nowrap;color:#d0d3c4}.notes-edition{display:block;margin-top:22px;font-family:"Noto Serif SC","Songti SC",serif;font-size:8px;letter-spacing:2px;color:#849178}
.interaction-hint{left:var(--margin);bottom:181px;font-size:11px;letter-spacing:2px;align-items:flex-start;gap:12px;line-height:1.3}.hint-cross{font-size:26px;color:var(--accent);line-height:1}.interaction-hint small{display:block;margin-top:8px;font-size:8px;letter-spacing:1.5px;color:#6f7e64}.stage-controls{right:var(--margin);bottom:174px;gap:13px;border:0;border-radius:0;background:none;backdrop-filter:none;padding:0}.play-button{width:37px;height:37px;border-color:#788269;border-radius:50%}.play-button svg{width:14px;height:14px}.stage-controls .icon-button{width:25px;height:30px}.text-button{font-size:9px;letter-spacing:2px;margin-right:7px}
.timeline{left:var(--margin);right:var(--margin);bottom:25px;border-top:1px solid var(--exhibit-line);padding-top:17px}.season-headings{padding:0 0 12px;font-size:8px;color:#7f8e71;letter-spacing:2px}.season-headings span{padding-left:10px;border-color:#4c5940}.timeline-track{border-color:#3b4930}.term-button{font-size:11px;gap:9px;padding:14px 0 14px;letter-spacing:1px}.term-button .term-index{font-size:7px}.term-button.active:after{height:2px;top:-2px;width:calc(100% - 18px)}.timeline-footer{padding-top:13px;color:#6b7960;font-size:7px;letter-spacing:1.5px;gap:10px}.timeline-footer>span:first-child{letter-spacing:1.7px}
.settings-panel{top:104px;z-index:15}.recording-bar{bottom:180px}.stage-frame,.field-notes{transition:opacity .4s}body.cinema .stage-frame,body.cinema .field-notes{opacity:0}button:active{transform:translateY(1px)}
@media(min-width:1700px){.chapter{top:22%}.chapter p{font-size:13px;max-width:240px;line-height:2.1;margin-top:24px}.chapter-english{font-size:12px}.field-notes{max-width:210px}.field-notes dl{font-size:11px;gap:21px}.notes-heading{font-size:10px}.term-date{font-size:12px}.notes-date{margin-top:35px}.notes-edition{font-size:10px}.timeline{bottom:32px}.term-button{font-size:13px;padding:18px 0}.interaction-hint{bottom:209px}.stage-controls{bottom:201px}.stage-frame{bottom:29%}.recording-bar{bottom:210px}}
@media(max-height:680px) and (min-width:951px){#experience{min-height:540px}.header{top:20px;height:51px}.chapter{top:20%}.chapter h1{font-size:78px}.title-lockup{margin-top:15px}.chapter-english{margin-top:12px;font-size:9px}.chapter p{font-size:10px;margin-top:12px}.field-notes{top:23%}.chapter-number>span{font-size:70px}.field-notes dl{gap:12px}.notes-date{margin-top:18px}.notes-edition{display:none}.interaction-hint{bottom:161px}.stage-controls{bottom:151px}.stage-frame{bottom:31%}.timeline{bottom:18px;padding-top:12px}.term-button{padding-top:11px;padding-bottom:11px}.season-headings{padding-bottom:10px}}
@media(max-width:950px){.header-note{display:none}.chapter{left:5.5%;width:25%;max-width:200px}.chapter h1{font-size:90px}.chapter-english{font-size:9px;margin-left:27px;max-width:150px}.chapter p{margin-left:27px;font-size:10px;max-width:150px}.title-lockup{gap:14px}.field-notes{width:15%;right:4.2%}.notes-heading{font-size:7px;letter-spacing:1px}.chapter-number>span{font-size:78px}.field-notes dl{font-size:8px}.field-notes dd{letter-spacing:1px}.spectrum i{width:13px}.notes-edition{font-size:7px;letter-spacing:1px}.stage-frame{left:30%;right:23%;top:20%;bottom:32%}.frame-label{font-size:6px;letter-spacing:1.6px;left:18px}.frame-bottom{font-size:8px;letter-spacing:1.4px}.timeline-footer>span:nth-child(2){display:none}.interaction-hint{font-size:10px}.interaction-hint small{font-size:7px}.stage-controls{gap:7px}.timeline-footer{width:100%}}
@media(max-width:600px){#experience{min-height:640px}.header{top:20px;left:6%;right:6%;height:54px}.wordmark{font-size:22px;gap:9px}.header-actions{gap:13px}.header-actions .icon-button{width:21px}.export-button{font-size:9px;letter-spacing:1.5px;padding-top:7px}.chapter{left:7%;top:18%;width:45%;max-width:190px}.chapter-meta{font-size:8px;letter-spacing:2px;gap:9px}.chapter-meta .hairline{width:18px}.title-lockup{gap:14px;margin-top:20px}.chapter h1{font-size:90px;max-height:32vh;letter-spacing:.12em}.vertical-note{font-size:7px;letter-spacing:3px;padding-top:5px}.chapter-english{margin-left:25px;margin-top:13px;font-size:8px;letter-spacing:1.4px;max-width:155px}.chapter p{font-size:10px;margin-left:25px;margin-top:14px;line-height:2;max-width:150px;letter-spacing:1px}.field-notes{right:7%;top:21.5%;width:22%;max-width:95px}.notes-heading{font-size:6px;letter-spacing:1px}.chapter-number{gap:7px;margin:15px 0 15px}.chapter-number>span{font-size:70px;letter-spacing:-4px}.chapter-number small{font-size:8px}.field-notes dl{display:none}.notes-rule{margin-bottom:0}.notes-date{border:0;margin-top:0;padding-top:14px}.notes-date>span{font-size:6px;letter-spacing:1px;margin-bottom:8px}.term-date{font-size:8px;letter-spacing:0}.notes-edition{font-size:7px;writing-mode:vertical-rl;letter-spacing:3px;margin:27px 0 0 auto;line-height:1.8}.stage-frame{left:51%;right:7%;top:44%;bottom:33%}.frame-label{display:none}.frame-bottom{display:none}.corner{width:11px;height:11px;opacity:.26}.shade{background:radial-gradient(ellipse 28% 25% at 88% 28%,#080a0b88,transparent),linear-gradient(90deg,#080a0bc9,#080a0b70 36%,transparent 68%),linear-gradient(0deg,#080a0b 0%,#080a0be0 21%,transparent 43%,transparent 85%,#080a0b77)}.interaction-hint{left:7%;bottom:243px;font-size:9px;gap:8px}.interaction-hint small{font-size:7px;margin-top:6px;letter-spacing:1px}.hint-cross{font-size:20px}.stage-controls{left:6%;right:6%;bottom:177px;justify-content:center;gap:18px;padding:0}.text-button{margin:0;font-size:9px}.timeline{left:6%;right:6%;bottom:22px;padding-top:15px}.timeline-track,.season-headings{min-width:880px}.term-button{padding-top:14px;padding-bottom:14px;font-size:11px}.timeline-footer{font-size:7px;padding-top:13px}.timeline-footer>span:first-child{font-size:6.5px;letter-spacing:1px}.timeline-footer>span:last-child{display:none}.settings-panel{right:6%;top:87px}.recording-bar{bottom:240px}.header-note{display:none}}
@media(max-height:740px) and (max-width:600px){.chapter h1{font-size:76px}.chapter{top:17%}.title-lockup{margin-top:14px}.chapter p{margin-top:10px}.chapter-english{margin-top:8px}.field-notes{top:20%}.chapter-number>span{font-size:60px}.notes-edition{margin-top:15px}.interaction-hint{bottom:235px}.stage-controls{bottom:168px}.timeline{bottom:16px}}