@font-face{font-family:Star;src:url('assets/stars-hand.ttf') format('truetype');font-display:swap}:root{--paper:#f7f7f5;--ink:#171817;--edge:#b5b7b3;--sans:'Noto Sans SC','PingFang SC','Microsoft YaHei',Arial,sans-serif;--hand:Star,'KaiTi',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}small{font:inherit}span[lang=en],p[lang=en],[lang=en]{font-family:Arial,Helvetica,sans-serif}p span[lang=en],.about p[lang=en]{display:block;font-size:.84em;color:#5a5c59;line-height:1.55;margin-top:6px}body:after{content:'';position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.site-nav{height:76px;position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 clamp(20px,4vw,70px);color:#fafafa;transition:color .7s}.lit .site-nav{color:var(--ink)}.name{font-size:17px;white-space:nowrap}.name small{font-size:11px;margin-left:7px}.site-nav nav{display:flex;gap:26px}.site-nav nav a{font-size:15px}.site-nav small{font-size:10px;margin-left:4px}.site-nav a:hover{text-decoration:underline;text-underline-offset:5px}.sound{background:transparent;border:1px solid currentColor;color:inherit;padding:6px 9px;font-size:12px;white-space:nowrap}
.theater{height:max(720px,100svh);position:relative;overflow:hidden;background:#050505;isolation:isolate}.darkness{position:absolute;inset:0;z-index:7;background:#030303;transition:opacity 1.7s .15s;pointer-events:none}.lit .darkness{opacity:0}.lamp-beam{position:absolute;z-index:4;left:-8%;top:20%;width:100%;height:80%;clip-path:polygon(0 24%,100% 0,100% 83%,0 42%);background:linear-gradient(90deg,#fff1 0%,#fff9 44%,#fff2 100%);filter:blur(14px);mix-blend-mode:screen;opacity:0;transform:scaleX(.18);transform-origin:left center;transition:transform 1.4s .15s,opacity 1.4s .15s;pointer-events:none}.lit .lamp-beam{opacity:.38;transform:scaleX(1)}.scene{position:absolute;inset:0;background:#fff url('assets/cinema-drawing.png') center 54%/cover no-repeat;opacity:0;transition:opacity .8s,transform .7s;will-change:transform}.scene-back{clip-path:polygon(0 0,100% 0,100% 54%,0 54%);z-index:1;transition-delay:.7s}.scene-middle{clip-path:polygon(0 51%,100% 51%,100% 78%,0 78%);z-index:2;transition-delay:1.2s}.scene-front{clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%);z-index:3;transition-delay:1.7s}.lit .scene{opacity:1}.entry{position:absolute;z-index:11;inset:0;display:grid;place-items:center;transition:opacity .5s,visibility .5s}.lit .entry{opacity:0;visibility:hidden;pointer-events:none}.projector{border:1px solid #9b9b97;background:#0d0d0d;color:white;display:flex;align-items:center;gap:17px;padding:19px 25px;box-shadow:0 0 0 8px #ffffff09;transition:box-shadow .3s,transform .3s}.projector:hover{box-shadow:0 0 0 17px #ffffff15;transform:scale(1.035)}.projector-icon{font-size:32px;line-height:1}.projector-label{font-size:18px;text-align:left}.projector-label small{display:block;font-size:12px;color:#c6c6c1;margin-top:3px}.opening-title{position:absolute;z-index:8;top:15%;left:clamp(22px,6vw,105px);width:min(900px,87%);opacity:0;transform:translateY(30px);transition:opacity 1s 2.1s,transform 1s 2.1s;pointer-events:none}.lit .opening-title{opacity:1;transform:none;pointer-events:auto}.opening-title h1{font:400 clamp(64px,10vw,155px)/1.2 var(--hand);letter-spacing:-.06em;margin:0 0 12px;text-shadow:0 1px 20px #fff}.opening-title p{font-size:clamp(16px,1.55vw,21px);line-height:1.55;max-width:660px;margin:0 0 26px}.enter-link{display:inline-flex;gap:10px;border-bottom:1px solid;font-size:17px;padding-bottom:5px}.enter-link span[lang=en]{font-size:14px;padding-top:2px}.theater-meta{position:absolute;z-index:8;bottom:20px;left:clamp(22px,4vw,70px);right:clamp(22px,4vw,70px);display:flex;justify-content:space-between;gap:20px;font-size:14px;opacity:0;transition:opacity .8s 2.5s}.lit .theater-meta{opacity:1}.theater-meta i{font-style:normal}
.hinge{border-block:1px solid var(--ink);padding:34px clamp(22px,4vw,70px);display:grid;grid-template-columns:190px 1fr 50px;align-items:end;gap:30px}.hinge-index,.eyebrow{font:12px/1.3 Arial,sans-serif;letter-spacing:.12em}.hinge h2,.research h2,.about h2{font-weight:500;font-size:clamp(36px,5vw,64px);line-height:1.25;margin:0 0 8px}.hinge p,.research-heading p,.about-heading>p{font-size:18px;margin:0}.hinge p span[lang=en],.research-heading p span[lang=en]{font-size:14px;display:block;color:#666}.hinge-symbol{font-size:45px}
.box-area{max-width:1420px;padding:55px clamp(22px,4vw,70px) 100px;margin:auto}.box-label,.box-foot{display:flex;justify-content:space-between;gap:20px;color:#555;font-size:13px;margin:0 0 16px}.box-label span[lang=en]{font-size:12px}.box-label em{font:12px Arial,sans-serif}.scriptbox{border:1px solid var(--ink);border-top:11px solid var(--ink);box-shadow:12px 15px 0 #d4d5d0;background:#e8e9e5;padding:10px 18px 20px}.drawer{border-bottom:1px solid #8e908c;background:#f6f6f3;transform:translateX(0);transition:transform .4s,box-shadow .4s;margin:3px 0;position:relative}.drawer:nth-child(3n+1){margin-right:10px}.drawer:nth-child(3n+2){margin-left:8px}.drawer:hover{transform:translateX(9px);box-shadow:-6px 0 var(--ink)}.drawer.open{transform:translateX(22px);box-shadow:-7px 0 var(--ink);z-index:2}.drawer-tab{display:grid;grid-template-columns:65px minmax(130px,1fr) minmax(160px,.8fr) 27px;align-items:center;text-align:left;gap:15px;width:100%;padding:14px 18px;border:0;background:transparent;color:var(--ink)}.drawer-index{font:14px Arial,sans-serif}.drawer-name{font-size:22px;font-weight:500}.drawer-name small{font:12px Arial,sans-serif;color:#555;display:block;margin-top:2px}.drawer-question{font-size:14px;color:#575953}.drawer-pull{font-size:25px;transition:transform .3s}.drawer.open .drawer-pull{transform:rotate(90deg)}.drawer-detail{max-height:0;opacity:0;overflow:hidden;transition:max-height .55s,opacity .35s}.drawer.open .drawer-detail{max-height:460px;opacity:1}.drawer-inside{padding:8px 22px 24px 82px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.drawer-inside img{width:100%;height:260px;object-fit:cover;object-position:left top;filter:grayscale(.3);border:1px solid var(--edge)}.drawer-inside p{font-size:17px;max-width:400px}.drawer-inside p span[lang=en]{font-size:14px;display:block;margin-top:8px;color:#666}.drawer-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.drawer-actions button{background:var(--ink);border:1px solid var(--ink);color:white;padding:10px 16px;font-size:15px}.drawer-actions button+button{background:transparent;color:var(--ink)}.drawer-actions small{font-size:12px;margin-left:5px}.box-foot{margin:20px 0 0}.box-foot span[lang=en]{font-size:12px}
.intermission{height:390px;display:grid;place-content:center;text-align:center;position:relative;overflow:hidden;background:#111;color:#eee;transition:height .65s}.intermission.resumed{height:210px}.intermission:before{content:'';position:absolute;inset:-100%;opacity:.13;background:repeating-linear-gradient(0deg,transparent 0 12px,#fff 13px 14px);transform:rotate(2deg);animation:fault 1.6s steps(3) infinite}.intermission .fault{font-size:40px;line-height:1}.intermission p{font-size:22px;margin:5px 0 18px}.intermission p span[lang=en]{display:block;font-size:14px;color:#bbb}.intermission button{position:relative;z-index:1;border:1px solid #ddd;background:transparent;color:#fff;padding:9px 18px;font-size:17px}.intermission button span[lang=en]{font-size:12px;margin-left:7px}.intermission-reveal{opacity:0;max-height:0;transition:opacity .5s,max-height .5s;font-size:16px}.intermission-reveal span[lang=en]{display:block;font-size:13px;color:#bbb}.intermission.resumed .fault,.intermission.resumed p,.intermission.resumed button{display:none}.intermission.resumed .intermission-reveal{opacity:1;max-height:100px}@keyframes fault{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(5px) rotate(2deg)}}
.research{padding:85px clamp(22px,4vw,70px) 110px;max-width:1500px;margin:auto}.research-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:26px}.research-heading .eyebrow{display:block;margin-bottom:15px}.paper-mark{font-size:60px}.paper-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;margin-top:27px}.paper{border:1px solid var(--edge);padding:20px;display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:start;cursor:pointer;transition:background .2s,transform .2s}.paper:hover{background:#e9eae6;transform:translateY(-3px)}.paper img{width:140px;height:185px;object-fit:cover;object-position:left top;filter:grayscale(1);border:1px solid #ddd}.paper h3{font-size:23px;font-weight:500;line-height:1.35;margin:8px 0}.paper .english-title{font:14px/1.4 Arial,sans-serif;color:#555}.paper p{font-size:15px;line-height:1.5}.paper .paper-status{font:12px Arial,sans-serif;color:#666;letter-spacing:.08em}.paper .paper-open{font-size:14px;border-bottom:1px solid}.research-note{border-top:1px solid var(--edge);margin-top:30px;padding-top:15px;font-size:13px;color:#666}.research-note span[lang=en]{display:block;font-size:12px}
.about{background:#e8e9e5;padding:75px clamp(22px,4vw,70px) 90px}.about-heading{max-width:1300px;margin:auto;border-bottom:1px solid var(--ink);padding-bottom:30px}.about-heading .eyebrow{display:block;margin-bottom:17px}.about-heading>p{max-width:850px}.about-columns,.about-bottom{max-width:1300px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:6vw}.about-columns{padding:43px 0 40px}.column-number{font:12px Arial,sans-serif;letter-spacing:.12em}.about h3{font-size:36px;font-weight:500;margin:8px 0}.about article p{font-size:17px;line-height:1.65;max-width:510px}.about article ul{padding:18px 0 0 20px;border-top:1px solid var(--edge);font-size:15px;line-height:1.8}.about article li{margin:5px 0}.about-bottom{border-top:1px solid var(--ink);padding-top:30px}.about-bottom p{font-size:16px;line-height:1.6}.about-bottom span[lang=en]{font-size:13px;color:#666}
.exit{height:max(720px,100svh);position:relative;overflow:hidden;background:#0a0a0a}.exit-dark{position:absolute;inset:0;background:#111;z-index:1}.exit-image{position:absolute;inset:0;background:#fff url('assets/exit-cinema.png') center center/contain no-repeat;filter:grayscale(.8);transform:scale(1.07);transition:transform 2s,filter 2s}.exit.in-view .exit-image{transform:scale(1);filter:grayscale(.35)}.exit-curtain{position:absolute;z-index:3;top:0;bottom:0;width:51%;background:repeating-linear-gradient(90deg,#111 0 38px,#181818 40px 65px,#080808 67px 90px);transition:transform 1.8s cubic-bezier(.4,0,.1,1) .2s}.exit-curtain.left{left:0}.exit-curtain.right{right:0}.exit.in-view .left{transform:translateX(-100%)}.exit.in-view .right{transform:translateX(100%)}.exit-text{position:absolute;z-index:4;bottom:30px;left:clamp(20px,4vw,70px);right:clamp(20px,4vw,70px);display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px 30px;opacity:0;transform:translateY(20px);transition:opacity .8s 1.5s,transform .8s 1.5s}.exit.in-view .exit-text{opacity:1;transform:none}.exit h2{font:400 clamp(60px,10vw,140px)/1 var(--hand);margin:0;grid-column:1}.exit-text>span{font:19px Arial,sans-serif;grid-column:1}.exit p{font-size:17px;max-width:600px;margin:18px 0 0;grid-column:1}.exit p span[lang=en]{font-size:13px}.exit a{grid-column:2;grid-row:1/4;border-bottom:1px solid;padding-bottom:5px;white-space:nowrap}.exit a span[lang=en]{font-size:12px;margin-left:8px}
dialog{border:0;padding:0;margin:0;width:100%;height:100%;max-width:none;max-height:none;background:#0a0a0a;color:#f6f6f1}dialog::backdrop{background:#000}.viewer{height:100%;display:flex;flex-direction:column}.viewer-head{height:73px;border-bottom:1px solid #555;display:flex;align-items:center;justify-content:space-between;padding:9px clamp(16px,3vw,55px)}.viewer-head span{font:11px Arial,sans-serif;letter-spacing:.1em;color:#aaa}.viewer-head h2{font-size:23px;font-weight:500;margin:2px 0 0}.viewer button{background:transparent;color:inherit;border:0}.viewer-head button{font-size:31px}.viewer-stage{min-height:0;flex:1;display:grid;grid-template-columns:65px minmax(0,1fr) 65px}.viewer-stage>button{font-size:34px}.viewer-stage>button:hover{background:#222}.viewer-media{min-height:0;overflow:auto;display:grid;place-items:center;padding:10px}.viewer-media img{max-height:calc(100svh - 160px);max-width:100%;width:auto;object-fit:contain;cursor:zoom-in}.viewer-media img.zoom{width:170%;max-height:none;max-width:none;cursor:zoom-out}.viewer-footer{height:72px;border-top:1px solid #555;padding:8px clamp(14px,3vw,55px);display:flex;align-items:center;gap:20px;justify-content:space-between}.viewer-modes{display:flex;gap:9px}.viewer-modes button,.viewer-modes a{border:1px solid #777;padding:6px 11px;font-size:14px}.viewer-modes .on{background:#f2f2ed;color:#171817}.viewer-modes small{font:11px Arial,sans-serif;color:#aaa;margin-left:4px}.viewer-modes .on small{color:#555}.viewer-hint{color:#aaa;font-size:12px}.viewer-hint i{font:11px Arial,sans-serif;display:block}#counter{font:14px Arial,sans-serif;white-space:nowrap}.screening{width:min(1100px,100%);height:min(70vh,720px);background:#000;position:relative;display:grid;place-items:center;overflow:hidden}.screening-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.28)}.screening .play{position:relative;z-index:2;border:1px solid white;padding:13px 19px;background:#000d;font-size:21px}.screening .play small{font:12px Arial,sans-serif;display:block}.screening video{width:100%;max-height:100%;display:none}.screening.playing video{display:block}.screening.playing .screening-poster,.screening.playing .play{display:none}.screening:before,.screening:after{content:'';position:absolute;z-index:3;top:0;bottom:0;width:50%;background:#121212;pointer-events:none;transform:translateX(0);transition:transform 1s}.screening:before{left:0;transform:translateX(-101%)}.screening:after{right:0;transform:translateX(101%)}.screening.ready:before{transform:translateX(0)}.screening.ready:after{transform:translateX(0)}.screening.playing:before{transform:translateX(-101%)}.screening.playing:after{transform:translateX(101%)}
@media(max-width:850px){.site-nav{height:65px}.site-nav nav{gap:12px}.site-nav nav small,.sound small,.name small{display:none}.opening-title{top:18%}.theater{height:760px}.scene{background-position:53% center}.hinge{grid-template-columns:1fr 40px}.hinge-index{grid-column:1/-1}.drawer-tab{grid-template-columns:35px 1fr 25px}.drawer-question{display:none}.drawer-inside{padding-left:20px}.paper-list{grid-template-columns:1fr}.about-columns,.about-bottom{gap:30px}.viewer-stage{grid-template-columns:43px minmax(0,1fr) 43px}.viewer-hint{display:none}.exit{height:760px}}@media(max-width:600px){.theater{height:700px}.opening-title{top:17%;left:22px}.opening-title h1{font-size:66px}.opening-title p{max-width:340px}.theater-meta{font-size:11px}.theater-meta span:last-child{max-width:150px;text-align:right}.hinge{padding:25px 20px}.box-area{padding:35px 20px 70px}.box-label span:nth-child(2),.box-label span:nth-child(3){display:none}.scriptbox{padding:8px}.drawer-name{font-size:18px}.drawer-tab{padding:13px 9px}.drawer-inside{grid-template-columns:1fr;gap:12px;padding:5px 13px 18px}.drawer-inside img{height:175px}.drawer-inside p{font-size:15px;margin:0}.drawer.open .drawer-detail{max-height:650px}.research{padding:65px 20px}.paper{grid-template-columns:88px 1fr;gap:13px;padding:12px}.paper img{width:88px;height:140px}.paper h3{font-size:18px}.paper .english-title{font-size:12px}.paper p{font-size:13px}.about{padding:60px 20px}.about-columns,.about-bottom{grid-template-columns:1fr}.exit-text{bottom:25px}.exit h2{font-size:75px}.exit a{grid-column:1;grid-row:auto;margin-top:15px;justify-self:start}.exit p{font-size:15px}.viewer-footer{height:65px;gap:7px}.viewer-modes button,.viewer-modes a{font-size:12px;padding:6px}.viewer-modes small{display:none}.viewer-stage>button{font-size:24px}.viewer-media img.zoom{width:240%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.scene,.opening-title,.theater-meta{transition-delay:0s!important}}
.about li span[lang=en]{display:block;font:13px/1.5 Arial,sans-serif;color:#62645f}.contact-line{padding:27px clamp(20px,4vw,70px);background:#111;color:#f6f6f2;display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:16px}.contact-line span[lang=en]{font-size:13px;color:#bbb}.contact-line a{text-decoration:underline;text-underline-offset:4px}@media(max-width:600px){.contact-line{display:block}.contact-line span[lang=en]{display:block;margin:4px 0 14px}}
/* Script box: live pull tabs sit over a blank hand-drawn archive */
.hinge h2,.research h2,.about h2{font:400 clamp(45px,6vw,84px)/1.2 var(--hand);letter-spacing:-.045em}.box-scene{position:relative;aspect-ratio:16/9;overflow:visible;isolation:isolate}.box-art{position:absolute;inset:0;background:url('assets/scriptbox-blank.png') center/100% 100% no-repeat;z-index:-1}.box-intro{position:absolute;left:8%;top:20%;font:400 clamp(25px,3.1vw,47px)/1.2 var(--hand);transform:rotate(-2deg)}.box-intro span[lang=en]{display:block;font:18px Arial,sans-serif;letter-spacing:.13em;margin-top:8px}.box-hotspot{position:absolute;left:var(--x);top:var(--y);z-index:2;width:31%;min-height:8.3%;border:1px solid #888;background:#fafaf9f4;color:var(--ink);box-shadow:2px 4px 7px #0003;display:flex;align-items:center;gap:9px;padding:3px 9px;text-align:left;transform:rotate(7deg);transition:transform .4s,box-shadow .4s,background .3s}.box-hotspot:hover{transform:translate(-8px,-8px) rotate(3deg);box-shadow:8px 10px 10px #0004}.box-hotspot.selected{z-index:4;transform:translate(-28px,-18px) rotate(0deg);box-shadow:12px 15px 20px #0005;background:white}.hotspot-number{font:clamp(11px,1.2vw,18px) Arial,sans-serif;color:#777}.hotspot-name{font-size:clamp(13px,1.35vw,21px);font-weight:600;line-height:1.15;flex:1}.hotspot-name small{display:block;font:clamp(9px,.7vw,12px) Arial,sans-serif;color:#777;margin-top:2px}.hotspot-pull{font-size:22px}.box-preview{position:absolute;z-index:3;top:38%;left:3%;width:36%;padding:16px;background:#fdfdfb;border:1px solid #333;box-shadow:9px 10px 0 #151515;opacity:0;transform:translate(-13px,12px) rotate(-2deg);pointer-events:none;transition:opacity .4s,transform .4s}.box-preview.show{opacity:1;transform:translate(0,0) rotate(-2deg);pointer-events:auto}.preview-count{font:12px Arial,sans-serif;display:flex;justify-content:space-between;color:#666}.box-preview img{height:125px;width:100%;object-fit:cover;object-position:left top;filter:grayscale(.3);margin:9px 0}.box-preview h3{font-size:27px;font-weight:600;margin:0}.box-preview h3 small{font:13px Arial,sans-serif;display:block;color:#666}.box-preview p{font-size:14px;line-height:1.55;margin:8px 0}.box-preview p span[lang=en]{display:block;font-size:12px;color:#666;margin-top:4px}.preview-actions{display:flex;gap:7px;flex-wrap:wrap}.preview-actions button{border:1px solid #222;background:#222;color:white;padding:6px 8px;font-size:12px}.preview-actions button+button{background:transparent;color:#222}.preview-actions small{display:block;font:10px Arial,sans-serif}.box-area{max-width:1600px}.box-label{margin-bottom:0}
/* Four manuscripts as annotated notebook leaves */
.research{max-width:none;background:repeating-linear-gradient(0deg,#f5f5f0 0 37px,#dcddd7 38px,#f5f5f0 39px);position:relative}.research:before{content:'';position:absolute;top:0;bottom:0;left:max(2%,27px);width:12px;background:radial-gradient(circle,#a8aaa4 0 4px,transparent 4.5px) center top/12px 42px repeat-y;border-right:1px solid #aaa}.research-heading,.paper-list,.research-note{max-width:1300px;margin-inline:auto}.paper-list{gap:26px}.paper{background:#fffdfa;border:1px solid #777;box-shadow:5px 6px 0 #d4d5ce;position:relative;transform:rotate(-.5deg)}.paper:nth-child(even){transform:rotate(.7deg)}.paper:hover{transform:translateY(-5px) rotate(0)}.paper:before{content:'';position:absolute;width:52px;height:15px;background:#d9d9d1a8;top:-8px;left:45%;transform:rotate(-5deg)}.paper-status{display:inline-block;background:#191a19;color:white!important;padding:5px 7px;letter-spacing:.02em!important}.paper-lab{font-size:13px;border-left:2px solid;padding-left:9px;margin:13px 0}.paper-lab span[lang=en]{display:block;font:11px Arial,sans-serif;color:#666;margin-top:4px}.paper p span[lang=en]{display:block;font-size:12px;color:#666}.paper img{filter:grayscale(1) contrast(1.05)}
/* Personal archive with a real field photograph and hanging evidence */
.about-stage{max-width:1300px;margin:25px auto 0;position:relative;border-bottom:1px solid #666;padding:35px 15px 48px;display:grid;grid-template-columns:1fr 1.2fr 1.1fr;gap:5%;align-items:center;background:radial-gradient(circle at 48% 40%,#fafaf866,transparent 58%)}.about-stage:before{content:'';position:absolute;top:13px;left:6%;right:5%;height:1px;background:#666;transform:rotate(-1deg)}.portrait-paper{margin:0;padding:11px 11px 19px;background:#fcfcfa;border:1px solid #888;box-shadow:7px 9px 0 #ccc;transform:rotate(-5deg);max-width:260px;justify-self:center}.portrait-paper:before,.hanging-awards img:before{content:'';position:absolute}.portrait-paper img{width:235px;height:245px;object-fit:cover;object-position:center}.portrait-paper figcaption{padding:10px 5px 0;font-size:18px}.portrait-paper figcaption span[lang=en]{display:block;font-size:12px;color:#666}.stage-note{align-self:center}.stage-note .chair-icon{width:75px;height:75px;object-fit:cover;filter:grayscale(1);mix-blend-mode:multiply}.stage-note p{font-size:clamp(22px,2.7vw,37px);line-height:1.35;margin:15px 0 18px}.stage-note p span[lang=en]{font:15px Arial,sans-serif;display:block;margin-top:13px;color:#666}.stage-note small{font-size:13px}.stage-note small span[lang=en]{font-size:11px;color:#666}.hanging-awards{position:relative;align-self:stretch;display:flex;gap:8px;align-items:flex-end}.thread-label{position:absolute;top:0;left:4%;font-size:15px}.thread-label small{display:block;font-size:11px}.hanging-awards img{width:31%;height:190px;object-fit:contain;align-self:center;box-shadow:3px 5px 9px #0002;border:1px solid #aaa;background:white;transform:rotate(-5deg);transition:transform .3s}.hanging-awards img:nth-of-type(2){transform:rotate(4deg) translateY(20px)}.hanging-awards img:nth-of-type(3){transform:rotate(-3deg) translateY(-5px)}.hanging-awards img:hover{transform:rotate(0) translateY(-12px)}
/* A readable final title above the original hand-drawn exit scene */
.exit-text{top:0;bottom:auto;left:0;right:0;width:100%;padding:21px clamp(22px,4vw,70px) 65px;background:linear-gradient(#0b0b0b 0%,#0b0b0bf2 65%,transparent);color:#fff;display:grid;grid-template-columns:1fr auto}.exit h2{font-size:clamp(85px,13vw,185px);line-height:1.05;color:#fff;text-shadow:2px 2px 0 #000;margin:0}.exit p{max-width:800px;font-size:18px}.exit a{align-self:end}.exit-image{background-size:cover;background-position:center 48%}
@media(max-width:850px){.box-hotspot{width:36%;min-height:8%;padding:2px 6px}.hotspot-pull{font-size:16px}.box-preview{width:45%;top:32%;left:2%;padding:10px}.box-preview img{height:90px}.box-preview h3{font-size:20px}.box-preview p{font-size:12px}.box-preview p span[lang=en]{display:none}.about-stage{grid-template-columns:1fr 1fr}.hanging-awards{grid-column:1/-1;max-width:600px;min-height:210px}.hanging-awards img{height:145px}}
@media(max-width:600px){.box-scene{aspect-ratio:auto;min-height:780px;padding:85px 15px 20px;display:flex;flex-direction:column;gap:7px;overflow:hidden}.box-art{background-size:auto 100%;background-position:75% center;opacity:.23}.box-intro{top:15px;left:18px;font-size:28px}.box-hotspot{position:relative;left:auto;top:auto;width:100%;min-height:51px;transform:none!important;background:#fffefaeb;padding:5px 10px}.hotspot-name{font-size:16px}.hotspot-name small{font-size:10px}.box-hotspot.selected{box-shadow:5px 5px 0 #171817}.box-preview{position:relative;top:auto;left:auto;width:100%;order:9;max-height:0;overflow:hidden;opacity:0;padding:0;border:0;box-shadow:none;transform:none!important}.box-preview.show{max-height:550px;opacity:1;padding:12px;border:1px solid;box-shadow:4px 4px 0 #222}.box-preview img{height:110px}.box-preview p span[lang=en]{display:block}.paper-list{gap:20px}.research:before{left:5px}.about-stage{display:grid;grid-template-columns:1fr;gap:30px;padding:27px 0}.portrait-paper{justify-self:start}.stage-note{padding-left:12px}.hanging-awards{grid-column:1;min-height:190px}.exit h2{font-size:85px}.exit-text{padding:15px 20px 55px}.exit p{font-size:14px}.exit a{grid-column:1;grid-row:auto}.exit-image{background-position:55% center}}
/* Paired titles keep the translation close and let the Chinese lead */
.opening-title h1,.hinge h2,.research h2,.about h2,.exit h2{line-height:1.08}.title-en{display:block;font-family:var(--hand)!important;font-size:.31em;line-height:1.06;letter-spacing:.005em;color:#777a75;margin-top:-.02em;font-weight:400}.opening-title .title-en{font-size:.29em;color:#777;letter-spacing:0}.exit .title-en{font-size:.28em;color:#d0d0cb}.box-intro span[lang=en]{font:400 22px/1 var(--hand);letter-spacing:0;color:#777;margin-top:0}.hinge p span[lang=en],.research-heading p span[lang=en],.about-heading p span[lang=en],.opening-title p span[lang=en]{margin-top:2px;color:#858781;font-size:.76em;line-height:1.35}.opening-title p span[lang=en]{color:#696c67}.about-heading h2{margin-bottom:4px}.about-heading>p{font-size:16px}
/* Collected field and lab papers */
.dossier{max-width:1350px;margin:35px auto 0;display:grid;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.1fr) minmax(260px,1.1fr);gap:23px;align-items:start}.dossier-portrait{margin:10px 0 0;padding:10px 10px 20px;background:#fff;border:1px solid #94968f;box-shadow:6px 8px 0 #cbcdc6;transform:rotate(-3deg);position:relative}.dossier-portrait:before{content:'';position:absolute;top:-15px;left:45%;width:38px;height:24px;background:#d8d8d0ba;transform:rotate(4deg)}.dossier-portrait img{width:100%;aspect-ratio:4/4.3;object-fit:cover}.dossier-portrait figcaption{font-size:13px;margin-top:8px}.dossier-portrait figcaption span[lang=en]{display:block;font-size:11px;color:#777}.dossier-sheet{padding:24px 23px 22px;min-height:475px;background:#fdfdfa;border:1px solid #a9aaa2;box-shadow:5px 6px 0 #cccdc6;clip-path:polygon(0 0,97% 0,100% 4%,100% 100%,3% 100%,0 97%)}.field-sheet{transform:rotate(-.6deg)}.lab-sheet{transform:rotate(.8deg)}.sheet-code{display:block;font:11px Arial,sans-serif;letter-spacing:.12em;border-bottom:1px solid;padding-bottom:10px;color:#555}.dossier-sheet h3{font-size:26px;font-weight:500;margin:16px 0 7px}.dossier-sheet>p{font-size:14px;line-height:1.55;margin:0 0 5px}.dossier-sheet>p[lang=en]{font:12px/1.5 Arial,sans-serif;color:#777}.dossier-sheet ul{list-style:none;margin:14px 0 0;padding:0}.dossier-sheet li{padding:8px 0;border-top:1px dashed #c5c7bf;font-size:13px;line-height:1.4}.dossier-sheet li strong{font-weight:600}.dossier-sheet li span[lang=en]{display:block;color:#83857f;font:11px/1.35 Arial,sans-serif;margin-top:2px}.credentials{max-width:1350px;margin:40px auto 0;border-top:1px solid #333;padding-top:20px}.credential-head{display:flex;justify-content:space-between;font-size:16px;margin-bottom:14px}.credential-head span[lang=en]{font:11px Arial,sans-serif;letter-spacing:.13em;color:#777}.credential-list{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.credential-list>div{background:#fafaf6;border:1px solid #acada5;padding:12px 10px;min-height:106px;display:flex;flex-direction:column;align-items:start;gap:5px}.credential-list b{font:22px var(--hand);border-bottom:1px solid #999;min-width:30px}.credential-list span{font-size:12px;line-height:1.4}.credential-list small[lang=en]{font:10px/1.3 Arial,sans-serif;color:#858781}.english-proof{display:flex;align-items:center;gap:24px;border:1px solid #444;background:#e1e2db;margin-top:18px;padding:15px 21px}.english-proof>span{font-size:17px;min-width:150px}.english-proof>span small[lang=en]{display:block;color:#777;font:10px Arial,sans-serif;letter-spacing:.08em;margin-top:2px}.english-proof strong{font-size:30px;white-space:nowrap;font-weight:500}.english-proof p{font-size:14px;margin:0}.english-proof p span[lang=en]{display:block;color:#777;font-size:11px;margin-top:2px}
@media(max-width:1000px){.dossier{grid-template-columns:180px 1fr}.dossier-portrait{grid-row:1/3}.lab-sheet{grid-column:2}.credential-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.dossier{grid-template-columns:1fr;gap:18px}.dossier-portrait{grid-row:auto;max-width:240px;margin:0 0 10px}.lab-sheet{grid-column:auto}.dossier-sheet{min-height:0;transform:none}.credential-list{grid-template-columns:repeat(2,1fr)}.credential-list>div{min-height:100px}.english-proof{display:block}.english-proof strong{display:block;margin:9px 0}.title-en{font-size:.32em}.opening-title .title-en{font-size:.33em}.exit .title-en{font-size:.32em}}
.dossier-colophon{max-width:1350px;margin:36px auto 0;padding:20px 24px 18px;border-top:1px solid #4e504b;border-bottom:1px solid #9b9d96;background:#f6f6f2;position:relative}.dossier-colophon:before{content:'✳';position:absolute;right:18px;top:14px;color:#a2a49e;font-size:20px}.dossier-colophon p{max-width:980px;font-size:14px;line-height:1.7;margin:0 0 8px}.dossier-colophon p[lang=en]{font:11px/1.45 Arial,sans-serif;color:#878983;margin:-5px 0 15px;max-width:850px}.dossier-colophon p:last-child{margin-bottom:0}@media(max-width:600px){.dossier-colophon{padding:18px 14px}.dossier-colophon p{font-size:13px}}
/* Editorial refinements */
.projector-label,.projector-label small,.name{font-family:var(--hand);font-size:22px;line-height:1.05}.projector-label small{font-size:22px;color:#c6c6c1;margin-top:5px}.name{font-size:23px}.name small{font-size:23px;margin-left:4px}
.opening-title{top:auto;bottom:13%;left:clamp(22px,6vw,105px)}
.box-hotspot{border:0;background:transparent;box-shadow:none;padding:3px 8px;transform:rotate(0deg);text-shadow:0 1px 0 #fff}.box-hotspot:hover{transform:translate(-4px,-5px) rotate(0);box-shadow:none;background:transparent}.box-hotspot.selected{transform:translate(-9px,-7px) rotate(0);box-shadow:none;background:transparent}.hotspot-number{width:29px;height:29px;display:grid;place-items:center;border:1px solid #171817;border-radius:50%;background:#f4f4ef;font-size:12px;color:#171817;flex:none}.hotspot-name{font-family:var(--hand);font-size:clamp(16px,1.45vw,23px);font-weight:400}.hotspot-name small{font-family:var(--hand);font-size:clamp(11px,.9vw,15px);color:#555}.hotspot-pull{font-size:20px}.box-intro{font-size:clamp(25px,3.1vw,47px)}
.intermission{background:linear-gradient(180deg,#080808 0%,#20211f 48%,#f3f3ee 100%);color:#f4f4ef}.intermission:after{content:'▧';position:absolute;right:11%;top:15%;font-size:100px;color:#ffffff12;transform:rotate(-8deg);animation:flicker 2.2s steps(2) infinite}.intermission .fault{font-family:var(--hand);font-size:54px;animation:flicker .8s steps(2) infinite}.intermission p{font-family:var(--hand);font-size:clamp(25px,3.5vw,46px)}.intermission p span[lang=en]{font-family:var(--hand);font-size:.52em;color:#c8c8c2}.intermission button{font-family:var(--hand);font-size:22px}.intermission button span[lang=en]{font-size:18px}.intermission-reveal{font-family:var(--hand);color:#222}.intermission-resumed{background:linear-gradient(180deg,#171817,#f4f4ef)}
@keyframes flicker{0%,100%{opacity:1}42%{opacity:.35}48%{opacity:.9}72%{opacity:.5}}
.research h2,.about h2,.hinge h2{font-family:var(--hand)}
.dossier-sheet h3{font-family:var(--hand);font-size:34px;font-weight:400}.lab-sheet h3{font-size:31px}
.dossier-colophon{background:transparent;border:0;display:grid;grid-template-columns:100px minmax(0,1fr) 100px;align-items:center;gap:16px;margin-top:28px;padding:14px 34px}.dossier-colophon:before{display:none}.colophon-copy{position:relative;text-align:center}.colophon-copy p{max-width:none;margin:0 0 7px;font-size:14px;line-height:1.6}.colophon-copy p:last-child{margin-bottom:0}.laurel{font-size:74px;line-height:1;color:#474942;opacity:.8}.laurel-left{transform:rotate(14deg) translateY(7px)}.laurel-right{transform:rotate(-14deg) translateY(7px)}
.exit-text{top:auto;bottom:11%;padding:0 22px 26px;background:linear-gradient(transparent,#0b0b0bf2 25%,#0b0b0bf8 100%);display:block;text-align:center}.exit h2{font-family:var(--hand);font-size:clamp(88px,13vw,185px)}.exit p{margin:16px auto 0}.exit a{display:inline-block;margin-top:22px}
@media(max-width:600px){.projector-label,.projector-label small,.name,.name small{font-size:18px}.dossier-colophon{grid-template-columns:40px minmax(0,1fr) 40px;padding:12px 6px}.laurel{font-size:44px}.colophon-copy p{font-size:13px}.opening-title{bottom:11%}.exit-text{bottom:9%}}
/* The title stays in the open air; the invitation belongs on the drawn screen */
.opening-title{inset:0;width:auto;top:0;bottom:0;left:0;right:0}
.opening-title h1{position:absolute;top:13%;left:clamp(22px,5vw,80px);width:57%;font-size:clamp(66px,8vw,125px)}
.opening-title p{position:absolute;top:28%;left:72%;width:25%;max-width:none;font-size:clamp(14px,1.35vw,19px);line-height:1.5;margin:0;text-align:center}
.opening-title p span[lang=en]{font-size:.77em;margin-top:7px}
.opening-title .enter-link{position:absolute;top:48%;left:78%;font-size:17px}
/* Names follow the slant of the paper tabs; the circle belongs behind the pull arrow */
.box-hotspot{width:28%;min-height:8%;padding:3px 6px 3px 10px;transform:rotate(7deg);text-shadow:none}
.box-hotspot:hover{transform:translate(-5px,-6px) rotate(7deg)}
.box-hotspot.selected{transform:translate(-11px,-8px) rotate(5deg)}
.hotspot-name{font-family:var(--sans);font-size:clamp(16px,1.75vw,25px);font-weight:500;line-height:1.1}
.hotspot-name small{font-family:Arial,sans-serif;font-size:clamp(11px,.94vw,14px);margin-top:4px}
.hotspot-pull{font:24px/1 Arial,sans-serif;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#e8e8e1;border:1px solid #7f817a;flex:none;transition:transform .25s,background .25s}
.box-hotspot:hover .hotspot-pull{transform:translate(3px,-3px);background:#d0d1ca}
.box-hotspot:first-of-type .hotspot-pull{animation:pullhint 2.6s ease-in-out infinite}
@keyframes pullhint{50%{box-shadow:0 0 0 8px #3332}}
.box-intro{max-width:31%;font-size:clamp(24px,2.9vw,42px)}
/* A full-frame projector fault, then a gentle handoff into the notebook */
.intermission,.intermission.resumed{height:100svh;min-height:680px}
.intermission button{font-family:var(--sans);font-size:20px;padding:12px 25px}
.intermission button span[lang=en]{font-family:Arial,sans-serif;font-size:14px;margin-left:8px}
.intermission.resumed{background:linear-gradient(180deg,#121312 0%,#676965 55%,#f5f5f0 100%)}
.intermission-reveal{padding:0 20px}
/* Pencil laurels, with the text resting directly on the paper */
.dossier-colophon{display:flex;justify-content:center;min-height:235px;padding:32px 15%;background:transparent url('assets/laurel-pair.png') center/100% 100% no-repeat}
.colophon-copy{width:100%}.colophon-copy p{font-size:15px;line-height:1.7}
/* Curtain opens onto the illustration, then the projection fades out */
.exit-image{background:#fff url('assets/exit-cinema-no-text.png') center/contain no-repeat;filter:none}
.exit.in-view .exit-image{filter:none}
.exit-dark{opacity:0;background:#080808;transition:opacity 1.35s 3.8s}
.exit.in-view .exit-dark{opacity:1}
.exit-text{top:50%;bottom:auto;left:50%;right:auto;width:min(900px,90%);padding:0;background:none;transform:translate(-50%,calc(-50% + 25px));transition:opacity .9s 5.05s,transform .9s 5.05s}
.exit.in-view .exit-text{opacity:1;transform:translate(-50%,-50%)}
.exit h2{font-size:clamp(88px,12vw,160px)}
@media(max-width:850px){.opening-title h1{width:65%;font-size:clamp(60px,8vw,100px)}.opening-title p{left:62%;width:34%;top:28%}.opening-title .enter-link{left:69%;top:50%}}
@media(max-width:600px){.opening-title h1{top:16%;left:22px;width:89%;font-size:clamp(60px,14vw,82px)}.opening-title p{top:39%;left:37%;width:58%;font-size:14px;background:#fffffff0;padding:7px}.opening-title .enter-link{top:57%;left:48%;background:#ffffffdd;padding:4px 0}.box-hotspot{width:100%;transform:none!important;background:#fffefaeb}.hotspot-name{font-size:18px}.hotspot-name small{font-size:12px}.box-hotspot:first-of-type .hotspot-pull{animation:none}.intermission,.intermission.resumed{min-height:620px}.dossier-colophon{min-height:300px;padding:24px 14%;background-size:100% 100%}.colophon-copy p{font-size:13px}.exit-image{background-size:contain}.exit-text{width:92%}}
@media(prefers-reduced-motion:reduce){.box-hotspot:first-of-type .hotspot-pull{animation:none!important}.exit-dark{transition-delay:0s}.exit-text{transition-delay:0s}}
/* Align type to the drawn screen and to each paper tab */
.opening-title p{left:57%;width:20%;max-width:360px;top:27%}
.opening-title .enter-link{left:63%;top:48%}
.box-hotspot{width:var(--w);justify-content:space-between}
.hotspot-name{white-space:nowrap;font-size:clamp(16px,1.45vw,23px)}
.hotspot-name small{white-space:nowrap}
.hotspot-pull{width:30px;height:30px;font-size:20px}
/* Use the open space beneath the field photograph for selected recognition */
.dossier{grid-template-rows:520px auto}
.dossier-portrait{grid-column:1;grid-row:1;align-self:start}
.field-sheet{grid-column:2;grid-row:1/3}
.lab-sheet{grid-column:3;grid-row:1/3}
.dossier-colophon{grid-column:1;grid-row:2;display:block;min-height:0;align-self:start;margin:0;padding:0 8px 12px;background:none}
.dossier-colophon:before{content:'';display:block;position:static;width:100%;height:160px;background:url('assets/laurel-simple.png') center/contain no-repeat}
.colophon-copy{text-align:left}
.colophon-copy p{font-size:12.5px;line-height:1.55;margin:0 0 13px}
/* Ivory paper carries the audience drawing and the curtains; darkness arrives gradually */
.intermission{background:linear-gradient(180deg,#f7f7f5 0%,#777975 18%,#111 44%,#292a28 70%,#f3f3ee 100%)}
.intermission.resumed{background:linear-gradient(180deg,#f7f7f5 0%,#737571 35%,#f5f5f0 100%)}
.exit{background:#f7f5ed}
.exit-image{background:#f7f5ed url('assets/exit-cinema-warm.png') center/contain no-repeat}
.exit-curtain{background:repeating-linear-gradient(90deg,#f5f1e8 0 42px,#e6e1d5 43px 65px,#faf7ef 67px 90px);border-inline:1px solid #aaa59b}
.exit-dark{background:linear-gradient(180deg,#0b0b0b,#070707);transition:opacity 1.9s 3.7s}
@media(max-width:1000px){.dossier{grid-template-columns:180px 1fr;grid-template-rows:360px auto}.dossier-portrait{grid-column:1;grid-row:1}.dossier-colophon{grid-column:1;grid-row:2}.field-sheet{grid-column:2;grid-row:1}.lab-sheet{grid-column:2;grid-row:2}.box-hotspot{min-width:0}.hotspot-name{font-size:clamp(14px,1.6vw,19px)}}
@media(max-width:600px){.opening-title p{left:39%;top:39%;width:55%;max-width:none}.opening-title .enter-link{left:49%;top:57%}.box-hotspot{width:100%;min-height:54px}.hotspot-name{font-size:18px}.dossier{grid-template-columns:1fr;grid-template-rows:auto;gap:18px}.dossier-portrait,.field-sheet,.lab-sheet,.dossier-colophon{grid-column:auto;grid-row:auto}.dossier-colophon{margin:0;padding:0 16px 22px}.dossier-colophon:before{height:100px}.colophon-copy p{font-size:13px}}
/* Final alignment from the film frame and folder tabs */
.opening-title p{left:77%;width:20%}
.opening-title .enter-link{left:79%}

/* Shift cover description + CTA left onto the drawn canvas frame */
.opening-title p{left:30%;width:34%;text-align:left}
.opening-title .enter-link{left:30%}
@media(max-width:1000px){
  .opening-title p{left:28%;width:40%}
  .opening-title .enter-link{left:28%}
}
@media(max-width:850px){
  .opening-title p{left:26%;width:44%}
  .opening-title .enter-link{left:26%}
}
@media(max-width:600px){
  .opening-title p{left:24%;width:66%;top:39%}
  .opening-title .enter-link{left:24%;top:57%}
}
.box-intro{font-size:clamp(34px,4.1vw,59px)}
.box-intro span[lang=en]{font-size:clamp(18px,1.8vw,27px)}
/* Selected recognition reads as marginalia within the two dossier sheets */
.dossier{grid-template-rows:none}
.dossier-portrait,.field-sheet,.lab-sheet{grid-column:auto;grid-row:auto}
.sheet-aside{border-top:1px solid #999b94;margin-top:16px;padding-top:12px}
.sheet-aside strong{font:400 22px/1.25 var(--hand)}
.sheet-aside p{font-size:13px;line-height:1.55;margin:7px 0 0}
/* Curtains begin in precisely the same paper gray as the Off Camera section */
.exit-curtain{background:repeating-linear-gradient(90deg,#e8e9e5 0 42px,#dedfd9 43px 64px,#eeefeb 67px 90px);border-inline-color:#b9bbb4}
@media(max-width:1000px){.dossier{grid-template-columns:180px 1fr;grid-template-rows:none}.dossier-portrait{grid-column:1;grid-row:1/3}.field-sheet{grid-column:2;grid-row:1}.lab-sheet{grid-column:2;grid-row:2}.opening-title p{left:71%;width:26%}.opening-title .enter-link{left:76%}}
@media(max-width:600px){.dossier{grid-template-columns:1fr;grid-template-rows:none}.dossier-portrait,.field-sheet,.lab-sheet{grid-column:auto;grid-row:auto}.opening-title p{left:48%;width:48%;top:39%}.opening-title .enter-link{left:55%;top:57%}.box-intro{font-size:32px}}