.scene-modes{position:absolute;top:50px;left:22px;right:22px;z-index:4;display:flex;gap:5px;pointer-events:none}.scene-modes button{pointer-events:auto;font-size:8px;letter-spacing:.4px;padding:7px 10px;background:#fffff5dd;border:1px solid #ced8c0;border-radius:5px;color:#829574;backdrop-filter:blur(5px)}.scene-modes button b{font-weight:500;font-size:9px;margin-left:4px}.scene-modes button.active{color:#f2f1d8;background:#244c37;border-color:#244c37}.scene-modes #gallery-button{margin-left:auto;color:#668052}.scene-modes #gallery-button span{margin-left:9px;font-size:8px}.view-rail{top:100px}.enter-cafe{position:absolute;right:22px;bottom:94px;z-index:4;text-align:left;background:#234a35;color:#f4f0d6;border:1px solid #7d9b66;padding:12px 16px;border-radius:8px;box-shadow:0 5px 20px #142d2729}.enter-cafe span{display:block;font-size:7px;letter-spacing:1.7px;color:#b9cba4;margin-bottom:5px}.enter-cafe b{font-size:11px;font-weight:500}.enter-cafe:hover{background:#346044}.scene-card.entering:after{content:'';position:absolute;inset:0;background:#14362f;z-index:6;opacity:.75;pointer-events:none;animation:entryfade .65s ease-in-out}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.gallery-grid a{text-decoration:none;background:#e8ecdc;border-radius:7px;overflow:hidden}.gallery-grid img{width:100%;height:120px;object-fit:cover;display:block;background:#d8dfcd}.gallery-grid b{display:block;font-size:9px;font-weight:500;line-height:1.6;padding:8px 10px}.gallery-grid .drawing img{object-fit:contain;background:white}.drawing-tag{color:#8e763e;font-size:9px}.architecture-facts{display:flex;gap:12px;padding:14px;border:1px solid #dae0ce;border-radius:8px;background:#ecefdf}.architecture-facts span{flex:1;font-size:9px;color:#829074}.architecture-facts b{display:block;font:24px Georgia,serif;color:#35513a;margin-bottom:4px}body[data-mode=architecture] [data-inside]{display:none}body[data-mode=interior] [data-outside]{display:none}body[data-mode=interior] .enter-cafe{display:none}.scene-card.night .scene-modes button:not(.active){background:#173e35d9;color:#d7e2c7;border-color:#75936b66}@keyframes entryfade{0%{opacity:0}50%{opacity:.9}100%{opacity:0}}@media(max-width:820px){.intro h1{font-size:37px}}@media(max-width:520px){.intro h1{font-size:29px;letter-spacing:-1.3px}.intro p{font-size:9px}.scene-modes{top:43px;left:12px;right:12px;gap:4px}.scene-modes button{font-size:6px;padding:6px 7px}.scene-modes button b{font-size:8px;margin-left:3px}.scene-modes #gallery-button{font-size:7px}.scene-modes #gallery-button span{font-size:6px;margin-left:3px}.view-rail{top:86px}.scene-location{bottom:87px;max-width:calc(100% - 24px)}.enter-cafe{right:12px;bottom:145px;padding:9px 11px}.enter-cafe b{font-size:9px}.enter-cafe span{font-size:6px;margin-bottom:4px}.scene-caption{top:85px}.gallery-grid{grid-template-columns:1fr 1fr;gap:9px}.gallery-grid img{height:95px}.architecture-facts{gap:8px;padding:11px}.architecture-facts b{font-size:20px}.architecture-facts span{font-size:8px}}