:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#262822;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,#panorama:focus-visible{outline:2px solid #e8ce9a;outline-offset:5px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#panorama{position:fixed;inset:0;touch-action:none;outline:none;cursor:grab}#panorama:active{cursor:grabbing}.masthead{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px 38px 60px;background:linear-gradient(#0005,transparent);pointer-events:none}.brand{font-family:Georgia,serif;font-size:44px;letter-spacing:-3px;color:#fff;text-decoration:none;pointer-events:auto;text-shadow:0 1px 18px #0002}.brand span{display:inline-block;font:10px Arial;vertical-align:top;letter-spacing:0;margin:10px 0 0 5px}.floor{font-size:10px;letter-spacing:2.1px;font-weight:600}.divider{margin:0 15px;opacity:.6}.toolbar{position:fixed;bottom:0;left:0;right:0;padding:65px 38px 28px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;background:linear-gradient(transparent,#0008);pointer-events:none}.room-heading,.controls{pointer-events:auto}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2.1px;opacity:.7}h1{font-family:Georgia,serif;font-size:34px;font-weight:400;margin:7px 0 0;letter-spacing:-.5px}.controls{display:flex;align-items:center;gap:10px}.icon-button,.rooms-toggle,.zoom-controls{border:1px solid #ffffff30;background:#272a23b8;backdrop-filter:blur(16px)}.icon-button{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:24px;line-height:1}.icon-button svg,.rooms-toggle svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.4}.rooms-toggle{height:46px;padding:0 18px;border-radius:28px;display:flex;align-items:center;gap:12px;font-size:12px}.rooms-toggle svg{width:16px;height:16px}.count{font-size:10px;opacity:.55;border-left:1px solid #fff4;padding-left:12px}.zoom-controls{display:flex;border-radius:28px;overflow:hidden;gap:0}.zoom-controls .icon-button{border:0;background:none;backdrop-filter:none;width:38px}.zoom-controls .icon-button+button{border-left:1px solid #fff2;border-radius:0}.icon-button:hover,.rooms-toggle:hover{background:#45483fdc}.hint{position:fixed;bottom:106px;left:50%;transform:translateX(-50%);font-size:11px;white-space:nowrap;color:#fffd;background:#24271e70;backdrop-filter:blur(8px);border:1px solid #fff2;border-radius:25px;padding:11px 18px;transition:opacity .6s;pointer-events:none}.hint span{padding:0 7px;opacity:.6}.hint.dismissed{opacity:0}.loading{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;border-radius:30px;background:#262822df;backdrop-filter:blur(10px);padding:15px 22px;font-size:12px;pointer-events:none}.spinner{width:16px;height:16px;border:1.5px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{position:fixed;left:50%;top:105px;transform:translateX(-50%);z-index:20;max-width:calc(100% - 32px);width:max-content;background:#553c2df2;border:1px solid #ddab7b88;border-radius:10px;padding:14px 18px;font-size:12px;line-height:1.5;display:flex;gap:15px;align-items:center}.error button{flex-shrink:0;border:1px solid #fff5;border-radius:6px;background:#fff1;padding:7px 10px}.drawer-shade{position:fixed;inset:0;background:#0003;z-index:5;backdrop-filter:blur(3px)}.room-drawer{position:fixed;z-index:6;top:20px;bottom:20px;right:20px;width:380px;max-width:calc(100% - 24px);background:#f4f2ecd9;color:#292d26;backdrop-filter:blur(28px);border:1px solid #fff6;border-radius:17px;box-shadow:0 20px 70px #0003;display:flex;flex-direction:column}.drawer-heading{display:flex;align-items:center;justify-content:space-between;padding:26px 24px 20px}.drawer-heading .eyebrow{font-size:8px;letter-spacing:1.7px}.drawer-heading h2{font:27px Georgia,serif;margin:7px 0 0}.drawer-heading .icon-button{width:34px;height:34px;background:#00000008;border-color:#0002;font-size:23px}.room-list{overflow-y:auto;overscroll-behavior:contain;padding:0 24px 12px;flex:1;scrollbar-width:thin;scrollbar-color:#acafa4 transparent}.group-title{font-size:9px;letter-spacing:1.6px;font-weight:600;text-transform:uppercase;margin:23px 0 12px;color:#777d70}.group-title:first-child{margin-top:8px}.room-card{width:100%;display:flex;align-items:center;gap:14px;padding:8px;margin:0 0 7px;border:1px solid transparent;border-radius:10px;background:transparent;color:#353a31;text-align:left}.room-card:hover{background:#fff6}.room-card[aria-current=true]{border-color:#717b5f70;background:#fff9}.room-card img{width:72px;height:62px;object-fit:cover;border-radius:6px;background:#d5d7cd}.room-card .card-copy{flex:1;font-size:13px}.card-subtitle{display:block;margin-top:5px;font-size:10px;color:#7b8173}.card-arrow{font-size:18px;color:#6b735e;margin-right:8px}.drawer-note{font-size:10px;line-height:1.7;color:#757b6d;padding:16px 24px;margin:0;border-top:1px solid #0001}.hotspot{border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:9px;transform:translate(-50%,-50%);padding:12px;color:white}.hotspot-circle{width:39px;height:39px;border:1px solid #fffc;border-radius:50%;background:#faf8f1e8;box-shadow:0 2px 14px #0002;display:grid;place-items:center;color:#424a36;transition:transform .2s}.hotspot-circle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.hotspot-label{font-size:10px;white-space:nowrap;background:#2c3027c9;border:1px solid #fff3;backdrop-filter:blur(8px);padding:7px 11px;border-radius:20px;box-shadow:0 2px 10px #0001}.hotspot:hover .hotspot-circle{transform:scale(1.12)}@media(max-width:700px){.masthead{padding:21px 22px 55px}.brand{font-size:37px}.floor{font-size:8px;letter-spacing:1.5px}.divider{margin:0 8px}.toolbar{padding:65px 20px max(22px,env(safe-area-inset-bottom));display:block}.room-heading{margin-bottom:18px}h1{font-size:30px}.controls{gap:8px;justify-content:space-between}.rooms-toggle{padding:0 14px;gap:8px;flex:1;max-width:220px}.zoom-controls{display:none}.icon-button{width:42px;height:42px}.hint{bottom:170px;font-size:10px;padding:10px 12px}.hint span{padding:0 3px}.room-drawer{top:auto;right:12px;left:12px;bottom:12px;width:auto;max-height:80dvh}.drawer-heading{padding:23px 22px 17px}.room-list{padding:0 20px 12px}.error{top:83px;flex-direction:column;align-items:flex-start;gap:9px}.hotspot-circle{width:35px;height:35px}.hotspot-label{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}.spinner{animation:none}}

/* Movement controls sit on the panorama at their actual floor/doorway coordinates. */
.hotspot { gap: 8px; padding: 14px; }
.hotspot-circle {
  width: 66px; height: 46px; border: 3px solid #fff;
  background: #ffffff24; color: #fff;
  box-shadow: 0 0 0 7px #ffffff20, 0 3px 14px #0005;
}
.hotspot-circle svg { width: 28px; height: 28px; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 1px 2px #0007); }
.hotspot-label { font-size: 11px; padding: 7px 12px; }
.hotspot--position .hotspot-circle { width: 78px; height: 50px; }
.hotspot:hover .hotspot-circle, .hotspot:focus-visible .hotspot-circle { background: #ffffff55; transform: scale(1.1); }
@media(max-width:700px) {
  .hotspot-circle { width: 62px; height: 44px; }
  .hotspot--position .hotspot-circle { width: 72px; height: 48px; }
  .hotspot-label { font-size: 11px; }
  .controls .icon-button { flex-shrink: 0; }
}
.movement-controls { position: fixed; right: 28px; top: 50%; transform: translateY(-50%); display: grid; grid-template-columns: repeat(3, 40px); align-items: center; gap: 4px; padding: 10px; border: 1px solid #ffffff40; border-radius: 18px; background: #272a2399; backdrop-filter: blur(12px); pointer-events: auto; }
.movement-controls > span { grid-column: 1 / -1; text-align: center; padding-bottom: 3px; font-size: 11px; }
.movement-controls [data-move="forward"] { grid-column: 2; grid-row: 2; }
.movement-controls [data-move="left"] { grid-column: 1; grid-row: 3; }
.movement-controls [data-move="back"] { grid-column: 2; grid-row: 3; }
.movement-controls [data-move="right"] { grid-column: 3; grid-row: 3; }
.movement-controls button { width: 40px; height: 38px; border: 0; border-radius: 50%; background: #ffffff12; font-size: 24px; }
.movement-controls button:hover:enabled { background: #ffffff35; }
.movement-controls button:disabled { opacity: .3; }
.hint { bottom: auto; top: 95px; }
@media(max-width:700px) {
  .movement-controls { right: 14px; top: 46%; grid-template-columns: repeat(3, 36px); padding: 8px; }
  .movement-controls button { width: 36px; height: 40px; }
  .hint { top: 78px; bottom: auto; }
}