:root{--ink:#343047;--paper:#faf3e9;--blue:#516b8d;--dx:0px;--dy:0px;--rx:0deg;--ry:0deg;--front-x:0px;--front-y:0px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}body{height:100svh;overflow:hidden;background:radial-gradient(ellipse at 40% 70%,#ead7d1,#b4a8bf 70%,#9994b5);transition:background 800ms}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #335982;outline-offset:5px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.definitions{position:absolute;pointer-events:none}.masthead{position:absolute;inset:24px 30px auto;display:flex;justify-content:space-between;align-items:flex-start;z-index:8;gap:20px}.identity{border:0;padding:0;background:none;text-align:left}.identity span{font:10px Georgia,serif;letter-spacing:.21em;opacity:.75}.identity h1{font:400 25px Georgia,"Songti SC",serif;letter-spacing:.08em;margin:7px 0 0}.masthead nav{display:flex;gap:8px;align-items:center}.masthead nav button{background:#fff7e885;border:1px solid #fff7e88a;padding:10px 16px;border-radius:24px;font-size:12px}.masthead small{margin-left:6px;opacity:.6;font:10px Georgia,serif}
#room{height:100%;display:grid;place-items:center;padding:80px 20px 110px;overflow:hidden;perspective:1200px}.stage{width:min(1440px,calc((100svh - 155px)*1.5),calc(100vw - 40px));aspect-ratio:3/2;position:relative;transform:translate(var(--dx),var(--dy)) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .2s ease-out;isolation:isolate}.scene{position:absolute;inset:0;transform-origin:73.5% 50%;transition:transform 900ms cubic-bezier(.22,.8,.2,1)}.stage.is-close .scene{transform:scale(1.7)}.layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none;-webkit-user-drag:none}.ambient{transition:filter 900ms}.screening .ambient{filter:brightness(.69) saturate(.9)}.screening .scene{transform:scale(1.025)}.base{z-index:0}.chair-depth{position:absolute;inset:0;z-index:5;pointer-events:none;transform:translate(var(--front-x),var(--front-y))}.chair{transform-origin:0 0;transform:translate(27.2%,19.3%) scale(.67)}.foreground{z-index:6;clip-path:polygon(11% 61.6%,14% 64%,43.3% 79.9%,81.6% 65.4%,82.1% 77%,43.5% 94%,10.8% 70%)}
.vinyl-plane{position:absolute;left:59.28%;top:37.99%;width:7.36%;aspect-ratio:1;transform:rotate(4deg) scaleY(.34);z-index:2;pointer-events:none}.vinyl{width:100%;height:100%;animation:spin 6s linear infinite;animation-play-state:paused}.screening:not(.playback-paused) .vinyl{animation-play-state:running}.tonearm{z-index:3;clip-path:polygon(63.9% 46.1%,64% 44.5%,66.9% 43.7%,67.1% 42.6%,68.2% 42.6%,68.4% 44.1%,67.7% 45.2%,65% 46.5%)}@keyframes spin{to{transform:rotate(360deg)}}
.lamp-art{position:absolute;left:68.035%;top:36.62%;width:11.328%;aspect-ratio:1;z-index:4;pointer-events:none}.lamp-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none}.lamp-art .off{transition:opacity 850ms}.lamp-on{position:absolute;inset:0;opacity:0;transition:opacity 850ms;filter:drop-shadow(0 0 3px #50a1ff66)}.is-lit .lamp-on{opacity:1}.is-lit .off{opacity:0}.fluid{position:absolute;inset:0;clip-path:url(#glass-inside)}.creature{transform-origin:50% 65%;transform:scale(.8);animation:jelly-swim 5s ease-in-out infinite;animation-play-state:paused}.is-lit .creature{animation-play-state:running}.glass-front{clip-path:url(#glass-front)}@keyframes jelly-swim{0%,100%{transform:translateY(.6%) scale(.78,.8)}45%{transform:translateY(-2.3%) scale(.82,.76)}70%{transform:translateY(-1%) scale(.78,.82)}}.spill{position:absolute;left:63%;top:38%;width:24%;height:29%;border-radius:50%;background:radial-gradient(ellipse,#3fa2ff99,#438cff29 38%,transparent 70%);mix-blend-mode:screen;opacity:0;pointer-events:none;transition:opacity 850ms;transform:rotate(-18deg);z-index:3}.is-lit .spill{opacity:.8}
.projection{position:absolute;left:28.32%;top:17.58%;width:16.02%;height:21.19%;transform:matrix(1,-.175,-.01,1,0,0);transform-origin:0 0;background:var(--projection-background,#000);box-shadow:0 0 16px #ffe3bb66;opacity:0;transition:opacity 700ms;z-index:3;overflow:hidden;pointer-events:none}.screening .projection{opacity:1}.projection video{width:100%;height:100%;display:block;object-fit:contain}.projection-edge{position:absolute;inset:0;box-shadow:inset 0 0 5px 1px var(--projection-edge,#00000044);pointer-events:none}.projector-beam{position:absolute;left:26%;top:17%;width:20%;height:23%;clip-path:polygon(0 100%,18% 0,100% 0,100% 94%);background:linear-gradient(150deg,#f5e1b300,#f5e1b30b);opacity:0;mix-blend-mode:screen;z-index:2;pointer-events:none;transition:opacity 1s}.screening .projector-beam{opacity:1}
.hotspots{position:absolute;inset:0;z-index:9;pointer-events:none}
.room-footer{position:absolute;bottom:22px;left:0;right:0;z-index:8;text-align:center;pointer-events:none}.room-footer p{font-size:11px;letter-spacing:.04em;margin:0 12px 12px;min-height:17px;color:#4d445e}.room-controls{display:flex;justify-content:center;gap:7px;pointer-events:auto}.room-controls button{border:1px solid #fff7eb80;background:#fff7ebce;padding:9px 16px;border-radius:25px;font-size:11px;backdrop-filter:blur(10px)}.room-controls button[aria-pressed=true]{background:#465773;color:#fff8ea;border-color:#465773}.now-playing{position:absolute;bottom:101px;left:50%;transform:translateX(-50%);width:min(670px,calc(100vw - 40px));padding:15px 18px;background:#fff8eeef;border:1px solid #ffffff99;border-radius:18px;box-shadow:0 15px 48px #32294022;z-index:10;display:flex;gap:18px;justify-content:space-between;align-items:center;backdrop-filter:blur(16px)}.now-info{min-width:0;display:grid;gap:3px}.now-info>span{font-size:9px;letter-spacing:.12em;color:#837264}.now-info strong{font-size:17px;font-family:Georgia,"Songti SC",serif;font-weight:400}.now-info small{font-size:10px;color:#807381}.now-actions{display:flex;align-items:center;gap:9px;flex-shrink:0}.now-actions button,.now-actions a{font-size:11px;border:1px solid #cbbfaf;border-radius:20px;padding:9px 13px;background:none}.now-actions button:first-child{background:#4a5c77;color:#fff8ec;border-color:#4a5c77}.now-actions .close-small{border:0;font-size:22px;padding:0 3px}
dialog{border:1px solid #fff8ef;width:min(1000px,calc(100vw - 44px));max-height:calc(100svh - 60px);border-radius:23px;padding:30px;background:#faf5ed;color:var(--ink);box-shadow:0 24px 100px #1f1a3855;overflow:auto}dialog::backdrop{background:#29263c66;backdrop-filter:blur(7px)}.dialog-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:22px}.eyebrow{font:10px Georgia,serif;letter-spacing:.17em;color:#91817b;margin:0 0 9px}h2{font:400 29px Georgia,"Songti SC",serif;letter-spacing:.02em;margin:0}.muted{font-size:12px;line-height:1.65;color:#827783;margin:8px 0 0}.dialog-close{border:1px solid #d5cabc;background:none;width:34px;height:34px;border-radius:50%;font-size:23px;flex-shrink:0}.filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 22px}.filters button{border:1px solid #d6ccbf;border-radius:20px;font-size:11px;padding:7px 12px;background:none}.filters button[aria-pressed=true]{background:#4c607b;color:#fff6e9;border-color:#4c607b}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-card{padding:0;text-align:left;border:1px solid #ded4c8;background:#fffaf2;border-radius:13px;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #54443215}.project-card img{display:block;width:100%;height:155px;object-fit:contain;background:#e8e1d9}.project-card .card-copy{padding:13px 15px;display:grid;gap:6px}.card-copy strong{font-size:16px;font-family:Georgia,"Songti SC",serif;font-weight:400}.card-copy small{font-size:10px;letter-spacing:.02em;color:#8a7b7d}.card-copy p{font-size:11px;color:#6d626d;line-height:1.65;margin:0}.card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#8b7569}.card-bottom .seen{color:#69806d}#detail{width:min(1100px,calc(100vw - 44px))}.detail-media{background:#111219;border-radius:10px;overflow:hidden;position:relative}.detail-media video{display:block;width:100%;height:min(52svh,550px);object-fit:contain}.detail-media #video-error{padding:30px;color:#fff8ee;font-size:13px}.detail-copy{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:20px}.detail-copy p{font-size:13px;line-height:1.85;margin:0 0 8px;max-width:660px}.detail-copy .role{font-size:11px;color:#847787}.detail-copy small{font-size:10px;color:#8c7e77}.primary-link{display:inline-block;flex-shrink:0;border:0;border-radius:22px;background:#4b5e79;color:#fff9ef;font-size:12px;padding:12px 18px}.project-pagination{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd3c9;margin-top:24px;padding-top:17px}.project-pagination button{border:0;background:none;font-size:12px;padding:5px}.project-pagination span{font:12px Georgia,serif;color:#92837c}#about{width:min(610px,calc(100vw - 44px));padding:38px}#about p:not(.eyebrow){font-size:13px;line-height:1.9;color:#6c6271}#about .about-lead{font-family:Georgia,"Songti SC",serif;font-size:23px!important;line-height:1.7!important;color:#403448!important}.page-hidden *{animation-play-state:paused!important}
@media(max-width:700px){.masthead{inset:22px 20px auto;gap:10px}.identity h1{font-size:21px}.identity span{font-size:8px}.masthead nav{gap:5px}.masthead nav button{font-size:10px;padding:8px 10px}.masthead nav small{font-size:9px;margin-left:3px}#room{padding:95px 0 130px}.stage{width:100vw}.stage.is-close .scene{transform:scale(1.65)}.screening .scene{transform:scale(1.06)}.room-footer{bottom:20px}.room-controls{gap:5px}.room-controls button{font-size:10px;padding:9px 12px}.room-footer p{font-size:10px;margin-bottom:10px;max-width:90%;margin-left:auto;margin-right:auto}.now-playing{bottom:106px;flex-direction:column;align-items:stretch;gap:10px;padding:13px 15px;width:calc(100vw - 30px)}.now-info{grid-template-columns:1fr auto;gap:3px 12px}.now-info>span{grid-column:1/-1}.now-info strong{font-size:17px}.now-info small{align-self:center}.now-actions{justify-content:space-between;gap:6px}.now-actions button,.now-actions a{font-size:11px;padding:8px 15px}dialog{width:calc(100vw - 24px);max-height:calc(100svh - 24px);padding:22px 17px;border-radius:17px}.dialog-heading{margin-bottom:18px}h2{font-size:25px}.project-grid{gap:12px;grid-template-columns:1fr}.project-card{display:grid;grid-template-columns:115px 1fr}.project-card img{height:100%;min-height:145px}.project-card .card-copy{padding:12px}.card-copy strong{font-size:15px}.card-copy p{font-size:10px}.card-copy small{font-size:9px}.detail-copy{display:block}.detail-copy .primary-link{margin-top:8px}.detail-media video{height:44svh}#detail{width:calc(100vw - 24px)}#about{padding:28px 23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.stage,.chair-depth{transform:none!important}}