.room-intro{padding:45px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.room-intro h1{font-size:clamp(32px,4vw,56px);letter-spacing:-.04em;margin:16px 0}.room-intro p{font-size:17px;margin:0}.room-experience{padding:0 0 25px;background:#ede7e1ee!important}.room-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 25px;background:#ffffffbb;gap:20px}.room-toolbar p{font-size:14px;margin:0}.room-toolbar button,.room-controls button,.room-tour button{font:600 14px Arial,sans-serif;border:1px solid #c6b8c8;background:#fffaf2;color:#28232e;padding:12px 18px;border-radius:0}.room-viewport{height:620px;position:relative;perspective:900px;perspective-origin:50% 46%;overflow:hidden;background:#eee7e1;touch-action:pan-y;cursor:grab;isolation:isolate}.room-viewport:active{cursor:grabbing}.room-camera{position:absolute;top:50%;left:50%;width:0;height:0;transform-style:preserve-3d;transform:translateZ(80px) rotateY(0deg);transition:transform .85s cubic-bezier(.22,.7,.25,1)}.room-camera.dragging{transition:none}.room-wall{position:absolute;width:2000px;height:900px;left:-1000px;top:-450px;transform:rotateY(calc(var(--wall) * -90deg)) translateZ(-1000px);backface-visibility:hidden;background:radial-gradient(ellipse at 25% 12%,#fffefa 0,transparent 40%),radial-gradient(ellipse at 75% 12%,#fffefa 0,transparent 40%),linear-gradient(#d8cfc5,#f2ece3 45%,#cec2b8);border-bottom:20px solid #b2a397;box-shadow:inset 0 20px 35px #66535120}.wall-1{background:radial-gradient(ellipse at 50% 0,#fffdfa,transparent 65%),#dcecf0}.wall-2{background:radial-gradient(ellipse at 50% 0,#fffdfa,transparent 65%),#f2dce8}.wall-3{background:radial-gradient(ellipse at 50% 0,#fffdfa,transparent 65%),#e5ddf0}.wall-title{position:absolute;top:60px;left:230px;font:700 27px Arial,sans-serif;letter-spacing:5px;color:#57434d}.wall-title span{display:block;font:400 16px Arial,sans-serif;letter-spacing:2px;margin-top:12px}.wall-art{height:100%;padding:170px 180px 120px;display:flex;justify-content:space-around;align-items:center;gap:150px}.room-piece{width:650px;text-align:center}.room-art{display:inline-block;position:relative;padding:24px;border:4px solid #78501e;background:linear-gradient(135deg,#e8cc84,#916124 18%,#c69d52 26%,#ecd395 35%,#9c702c 65%,#e7c578 85%,#79511e);box-shadow:inset 0 0 0 4px #e7c98d,inset 0 0 0 9px #6b451f,inset 0 0 0 12px #bf9146,0 20px 20px -8px #3c2c2366;cursor:zoom-in;max-width:650px}.room-art img{width:auto;height:auto;max-height:425px;max-width:580px;display:block;outline:4px ridge #c6a165}.room-art .frame-corner{width:64px;height:64px}.room-plaque{display:inline-flex;flex-direction:column;gap:8px;text-align:left;min-width:200px;padding:14px 20px;background:#fffaf1;margin-top:28px;border-left:3px solid #d52f77;font:18px Arial,sans-serif;box-shadow:0 3px 4px #57423116}.room-plaque span{font-size:13px;color:#645866}.room-floor{position:absolute;width:2000px;height:2000px;left:-1000px;top:-1000px;transform:translateY(450px) rotateX(90deg);background:repeating-linear-gradient(90deg,transparent 0,transparent 98px,#79543655 99px,#79543655 101px),repeating-linear-gradient(0deg,#ac825b 0,#bc9670 200px,#8d6746 202px,#b28c67 204px);box-shadow:inset 0 0 180px #4e382c66;backface-visibility:hidden}.room-ceiling{position:absolute;width:2000px;height:2000px;left:-1000px;top:-1000px;transform:translateY(-450px) rotateX(-90deg);background:#f3eee6;backface-visibility:hidden}.room-controls{display:flex;gap:12px;justify-content:center;padding:24px 15px 12px}.room-controls button:first-child,.room-controls button:last-child{background:#d81e39;color:white;border-color:#d81e39}.room-help{text-align:center;font-size:13px;margin:8px auto 20px;padding:0 20px}.room-tour{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 20px}.room-tour button[aria-pressed=true]{background:#d3ff25;color:#242329;border-color:#9cbf13}.room-art:focus-visible{outline:8px solid #00c3dc;outline-offset:10px}@media(max-width:650px){.room-intro{display:block;padding:30px 6%}.room-intro .text-link{margin-top:20px}.room-viewport{height:480px;perspective:550px}.room-toolbar{padding:15px;gap:10px}.room-toolbar p{font-size:12px}.room-toolbar button{font-size:12px;padding:10px}.room-controls{gap:6px;flex-wrap:wrap}.room-controls button{padding:12px;font-size:12px}.room-tour button{font-size:12px;padding:10px}.room-help{font-size:12px}}@media(prefers-reduced-motion:reduce){.room-camera{transition:none}}
