html, body { margin: 0; height: 100%; background: #0e0c0d; overflow: hidden; font-family: "Helvetica Neue", Arial, sans-serif; }
#pano { width: 100%; height: 100%; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.nojs { color: #f1ebe4; padding: 2rem; }
.pnlm-panorama-info { background: rgba(14, 12, 13, .78); border-radius: 0 6px 6px 0; padding: 6px 12px; }
.pnlm-title-box { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: .02em; color: #e8d2aa; }
.pnlm-author-box { color: #b5aba2; }
.pnlm-load-box { background: rgba(14, 12, 13, .85); }
.pnlm-lbar-fill { background: #cfb07e; }
.sm-hotspot { width: 46px; height: 46px; border-radius: 50%; cursor: pointer;
  background: rgba(14, 12, 13, .55); border: 2px solid #e8d2aa; box-shadow: 0 0 0 6px rgba(207, 176, 126, .25);
  animation: sm-pulse 2.4s ease-in-out infinite; }
.sm-hotspot::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin: -9px 0 0 -6px;
  border-left: 3px solid #e8d2aa; border-top: 3px solid #e8d2aa; transform: rotate(45deg); }
.sm-hotspot span { visibility: hidden; position: absolute; bottom: 58px; left: 50%; transform: translateX(-50%); white-space: nowrap;
  background: rgba(14, 12, 13, .9); color: #f1ebe4; font-size: 14px; padding: 6px 12px; border-radius: 999px; }
.sm-hotspot:hover span, .sm-hotspot:focus span { visibility: visible; }
@keyframes sm-pulse { 50% { box-shadow: 0 0 0 12px rgba(207, 176, 126, .08); } }
@media (prefers-reduced-motion: reduce) { .sm-hotspot { animation: none; } }
.pnlm-about-msg { display: none !important; }