:root{font-family:'Open Sans',Arial,sans-serif;--gold:#efac54;--forest:#3e535d;--ink:#263d47;--muted:#53636a;--accent:#3e535d;--border:#d8caba;--panel:#fff4e5;--radius:3px;background:#fff4e5;color:var(--ink)}
h1,h2{font-family:Overpass,Arial,sans-serif!important;font-weight:500!important}
.panel-heading{text-align:left;padding:8px 10px 22px}.panel-heading h1{font-size:29px;letter-spacing:-.7px}.brand,.view,.navigation,.tools,.error,.loading{border-radius:3px!important;box-shadow:none!important}.view{border-color:var(--border);background:#fff9f0}.view:hover,.view.selected{background:#f8e3c7;border-color:#9c6830}.selected-label{background:#efac54;color:#293d46;border-radius:2px}.navigation{background:#fff4e5}.arrow,.play{border-radius:2px}.play{background:var(--gold);color:#263d47;border-color:var(--gold)}.play:hover:not(:disabled){background:#f4bd76}.arrow{background:#fff9f0;color:#263d47}.arrow:hover:not(:disabled){background:#f8e3c7}.tools button{background:#fff4e5}.tools button:hover:not(:disabled){background:#f8e3c7}.hint{color:#4e6068}button:focus-visible,input:focus-visible{outline-color:#9e571b}
.brand{top:16px;padding:0;background:var(--forest);border-radius:14px;height:100px}
.brand img{height:100%;width:auto;max-width:100%;object-fit:contain}
.top-actions{position:absolute;right:24px;top:24px;display:flex;gap:8px;pointer-events:auto;align-items:center}
.top-actions button,.top-actions .mode{position:static;border:1px solid var(--border);background:#fff;color:var(--ink);padding:14px 16px;min-height:46px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 4px 20px #142e3912}
.top-actions button:hover{background:#e9f1f3}.top-actions button[aria-pressed=true]{background:var(--forest);color:#fff;border-color:var(--forest)}
.project-intro{text-align:left;padding:25px 12px 12px;margin-top:20px;border-top:1px solid var(--border)}
.project-intro h2{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:0 0 12px}.project-intro p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.65;margin:0 0 12px}.text-button{padding:10px 0;min-height:44px;border:0;background:none;color:var(--accent);font-weight:600}.developer-logo{display:block;width:72px;height:auto;margin-top:18px}
#placeLabels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.place-pin{position:absolute;left:0;top:0;display:flex;flex-direction:column;align-items:center;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s;will-change:transform;pointer-events:none}
.place-pin.is-visible{visibility:visible;opacity:1}.place-pin button{border:1px solid #ffffffa6;box-shadow:0 4px 18px #122a3540;background:#203c36f2;color:#fff;padding:9px 13px;border-radius:9px;min-height:44px;font-size:13px;white-space:nowrap;pointer-events:auto}.place-pin button small{display:block;text-transform:uppercase;font-size:9px;letter-spacing:1.2px;color:#f2c98c;margin-bottom:4px}.place-pin:after{content:'';width:1px;height:24px;background:#fff}.place-pin:before{content:'';position:absolute;width:7px;height:7px;background:var(--gold);border:2px solid #fff;border-radius:50%;bottom:-4px}.place-pin.street button{background:#fffef2f2;color:#243d37;font-size:12px}.place-pin.street button small{color:#526871}
dialog{width:min(640px,calc(100% - 28px));max-height:86svh;border:1px solid var(--border);border-radius:20px;padding:24px 30px;color:var(--ink);background:#f9faf8;box-shadow:0 25px 90px #10251f50}dialog::backdrop{background:#10251f80;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-top .eyebrow{margin:0}.dialog-top button{width:44px;height:44px;border:1px solid var(--border);background:#fff;border-radius:50%;font-size:26px;color:var(--ink)}dialog h2{font-family:Georgia,serif;font-weight:400;font-size:34px;line-height:1.15;margin:15px 0}dialog p{line-height:1.65;color:#455d62;font-size:15px}dialog a{color:#175d70;text-underline-offset:3px}dialog a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.facts div{padding:18px 12px;background:#e9efeb;border-radius:12px}.facts strong{display:block;font-size:22px;color:#203c36}.facts span{display:block;font-size:12px;margin-top:7px;color:#455d62}.place-list{display:grid;gap:8px;margin:20px 0}.place-list button{text-align:left;min-height:65px;padding:13px 16px;background:#fff;border:1px solid var(--border);border-radius:12px;color:var(--ink)}.place-list button:hover{border-color:var(--accent);background:#eef4f0}.place-list strong,.place-list span{display:block}.place-list span{font-size:12px;color:var(--muted);margin-top:5px}.source-note{font-size:12px!important;border-top:1px solid var(--border);padding-top:15px}.dialog-links{display:flex;gap:20px;flex-wrap:wrap;padding:12px 0}.dialog-links a{min-height:44px;display:inline-flex;align-items:center}.about-logo{width:90px;height:auto;margin-top:16px}
@media(max-height:780px) and (min-width:851px){.brand{height:84px;top:12px}}
@media(max-width:850px){.brand{left:12px;top:12px;width:125px;height:74px;border:0}.top-actions{right:12px;top:12px;gap:6px;max-width:calc(100% - 157px);flex-wrap:wrap;justify-content:flex-end}.top-actions button{font-size:11px;padding:10px}.top-actions .mode{display:none}.place-pin button{font-size:11px;padding:8px}.place-pin button small{font-size:8px}dialog{padding:20px}.facts{grid-template-columns:1fr}.facts div{padding:12px}.facts strong{font-size:20px}}
.place-pin.is-tracking{transition:transform 70ms linear,opacity .22s,visibility .22s}.place-pin.is-tracking:before,.place-pin.is-tracking:after{transition:left 70ms linear}
/* During an explicitly started tour, labels follow the video even with reduced motion. */
@media(prefers-reduced-motion:reduce){.place-pin{transition:none}.place-pin.is-tracking{transition:transform 70ms linear!important}.place-pin.is-tracking:before,.place-pin.is-tracking:after{transition:left 70ms linear!important}}
/* Project palette: cream, amber and blue-grey, as used on AXER's Briskebyen page. */
.top-actions button,.top-actions .mode{border-radius:3px;background:#fff4e5;box-shadow:none}.top-actions button:hover{background:#f8e3c7}.place-pin button{background:#3e535df5;border-radius:3px}.place-pin.street button{background:#fff4e5f5}.place-pin button small{color:#ffd392}dialog{background:#fff4e5;border-radius:5px}.facts div{background:#f8e3c7;border-radius:3px}.facts strong{color:#263d47}.place-list button{background:#fff9f0;border-radius:3px}.place-list button:hover{background:#f8e3c7}.dialog-top button{border-radius:3px;background:#fff9f0}.dialog-top{position:sticky;top:-24px;background:#fff4e5;padding:8px 0;z-index:1}
.place-pin{padding-bottom:24px;isolation:isolate}.place-pin:after{position:absolute;bottom:0;left:var(--anchor-x,50%);transform:translateX(-50%);z-index:0}.place-pin:before{left:var(--anchor-x,50%);transform:translateX(-50%);z-index:1}