.room-page{background:#deddd2;color:#20271f}.room-header{height:70px;padding:0 3%;font-size:12px;border-bottom:1px solid #b9beb0;background:#e8e5db}.room-header a{text-decoration:none}.room-header>span{font-family:var(--serif);font-size:25px}.room-header button{font-size:11px;padding:6px 10px}.room-app{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:calc(100vh - 70px)}.room-stage{position:relative;min-height:670px;height:calc(100vh - 190px);overflow:hidden;background:#cfcfc1}.stage-caption{position:absolute;z-index:2;left:4%;top:35px;pointer-events:none;max-width:360px}.stage-caption h1{font-size:clamp(44px,5vw,78px);line-height:.95;letter-spacing:-.03em;margin:14px 0}.stage-caption>p:last-child{font-size:11px;max-width:230px;color:#4b5848;line-height:1.5;background:#eae8dfc9;padding:5px 8px;margin-left:-8px}.stage-caption .eyebrow{font-size:9px}#world{position:absolute;inset:0}#world canvas{display:block;touch-action:none}.stage-controls{position:absolute;top:25px;right:20px;z-index:3;display:flex;gap:6px;max-width:260px;flex-wrap:wrap;justify-content:end}.stage-controls button{background:#f0eee6e8;font-size:10px;padding:7px 10px;border:1px solid #a1a996}.stage-controls button:hover{background:#27372b;color:white}.stage-controls #camera-motion{flex-basis:auto;font-size:9px}.stage-bottom{position:absolute;bottom:0;left:0;right:0;background:#e4e5dac9;backdrop-filter:blur(7px);display:flex;justify-content:space-between;gap:20px;padding:13px 20px;font-size:9px;z-index:3}.stage-bottom span:first-child{max-width:400px}.room-story{grid-column:2;grid-row:1/3;background:#f1eee5;padding:35px 28px;overflow:auto;max-height:calc(100vh - 70px);border-left:1px solid #b9beb0}.room-story h2{font-size:42px;line-height:1.04;margin:14px 0}.room-story .meta{margin:0 0 20px;font-size:11px}.room-story>img{width:100%;margin-bottom:20px}.room-story>p{font-size:13px}.room-story>p.eyebrow{font-size:9px}.journey{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:25px 0 16px;color:#67725f}.journey b{font-weight:400}.journey-active{color:#a84424;text-decoration:underline;text-underline-offset:5px}.room-primary{background:#27372b;color:#eef1e4;border:0;width:100%;font-size:12px;padding:14px}.room-primary:hover{background:#b94724;color:white}.qr-area{display:flex;align-items:center;gap:15px;margin:20px 0;padding-bottom:20px;border-bottom:1px solid #c9cdbf}.qr-area svg{width:74px;height:74px;display:block}.qr-area p{font-size:10px;line-height:1.55}.qr-area a{display:inline-block;margin-top:6px}.room-story .room-provenance{font-size:10px;color:#697261;margin-top:25px;line-height:1.6}#full-photo{font-size:11px;padding:9px 12px;margin-top:12px}.photo-index{display:flex;gap:0;grid-row:2;grid-column:1;background:#ece9df;padding:15px 20px;align-items:center;overflow-x:auto}.photo-index button{border:0;display:flex;align-items:center;gap:10px;text-align:left;padding:8px 12px;min-width:160px;max-width:20%;flex:1}.photo-index img{width:48px;height:42px;object-fit:cover}.photo-index span{font-size:10px;line-height:1.3}.photo-index button[aria-pressed=true]{background:#26382c;color:white}.photo-index button:hover{background:#d7ddce;color:#18261c}.photo-index small{display:block;font-size:8px;opacity:.7;margin-bottom:4px}#spatial-account h3{font-size:31px;line-height:1.1;margin:12px 0}#spatial-account p{font-size:12px;line-height:1.6}.perspective-buttons{display:flex;flex-wrap:wrap;gap:5px;margin:15px 0}.perspective-buttons button{font-size:9px;padding:6px 8px}#perspective-note{color:#65765c;font-size:11px}#fallback{position:absolute;inset:200px 5% 80px;background:#e8e5da;padding:20px;z-index:2}#fallback img{max-height:330px;margin:auto}#fallback p{font-size:12px;max-width:550px;margin:20px auto}#room-dialog{max-width:1000px}#room-dialog h2{font-size:55px;margin-bottom:25px}#room-dialog p{font-size:15px;max-width:720px}#room-dialog img{max-height:75vh;object-fit:contain;width:100%}
@media(max-width:1100px){.room-app{grid-template-columns:minmax(0,1fr) 300px}.room-story{padding:28px 20px}.stage-caption{top:25px}.stage-caption h1{font-size:55px}.stage-controls{top:25px;max-width:160px;right:10px}.stage-controls button{font-size:9px;padding:5px 7px}.room-stage{min-height:570px}.photo-index{padding:8px}.photo-index button{min-width:125px;padding:6px}.photo-index img{width:35px;height:33px}.photo-index span{font-size:9px}.stage-bottom{font-size:8px;padding:10px}.stage-bottom span:last-child{display:none}}
@media(max-width:760px){.room-header{height:65px;padding:0 5%;gap:12px}.room-header a{font-size:10px}.room-header>span{font-size:20px;display:none}.room-header button{font-size:10px}.room-app{display:flex;flex-direction:column}.room-stage{height:65vh;min-height:460px;order:0}.stage-caption{top:20px;left:5%}.stage-caption h1{font-size:47px}.stage-caption>p:last-child{max-width:170px;font-size:9px}.stage-controls{max-width:140px;right:12px;top:18px}.stage-bottom{font-size:8px}.photo-index{order:1;padding:10px}.photo-index button{min-width:145px;max-width:145px}.photo-index img{width:44px;height:38px}.room-story{order:2;max-height:none;padding:35px 6%;border:0}.room-story>img{max-width:550px}.room-story h2{font-size:50px}.room-story>p{font-size:15px}.room-story .room-provenance{font-size:11px}.qr-area{max-width:430px}.qr-area svg{width:88px;height:88px}.qr-area p{font-size:12px}#spatial-account p{font-size:14px}#spatial-account h3{font-size:38px}.perspective-buttons button{font-size:12px}.room-primary{font-size:14px}.journey{font-size:12px}.room-story .eyebrow{font-size:10px}#fallback{inset:170px 5% 50px;padding:10px}#fallback img{max-height:200px}#fallback p{font-size:10px}}

@media(min-width:761px){.room-app{grid-template-rows:minmax(480px,calc(100vh - 180px)) 110px}.room-stage{height:100%;min-height:0}.stage-caption h1{font-size:58px}.space-mode .room-story>img{max-height:145px;object-fit:contain;background:#e2e1d5}.space-mode #work-description{display:none}.space-mode .room-story h2{font-size:34px}.space-mode .room-story .meta{margin-bottom:12px}}

.stage-controls button[aria-pressed="true"]{background:#27372b;color:#fff}