
.mural-page{--mural-ink:#0b3042;--mural-teal:#0da9a0;--mural-orange:#ff6b36;--mural-soft:#eefafa;--mural-line:#cfe7e8}.mural-hero{position:relative;overflow:hidden;background:#062f48;color:#fff}.mural-hero-media{position:absolute;inset:0}.mural-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08)}.mural-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,36,52,.92) 0%,rgba(4,36,52,.72) 45%,rgba(4,36,52,.2) 100%)}.mural-hero .container{position:relative;z-index:1;padding-top:72px;padding-bottom:74px}.mural-hero-copy{max-width:780px}.mural-hero h1{color:#fff;max-width:900px}.mural-hero p{font-size:1.15rem;line-height:1.65;max-width:760px}.mural-hero .kicker{color:#7be5dc}.mural-hero-actions,.mural-action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.mural-trustline{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;font-size:.94rem;color:#ddf6f4}.mural-trustline span{display:inline-flex;align-items:center;gap:7px}.mural-overview{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:28px;align-items:start}.mural-map-shell{position:relative}.mural-map{height:620px;border-radius:26px;border:1px solid var(--mural-line);overflow:hidden;background:#eaf4f4;box-shadow:0 16px 45px rgba(10,49,65,.09)}.mural-map-status{position:absolute;z-index:500;left:16px;right:16px;bottom:16px;background:rgba(255,255,255,.95);backdrop-filter:blur(7px);border:1px solid #d7e7e8;border-radius:16px;padding:12px 14px;box-shadow:0 8px 24px rgba(0,0,0,.12);font-size:.93rem}.mural-map-status:empty{display:none}.mural-side{display:grid;gap:14px}.mural-panel{background:#fff;border:1px solid var(--mural-line);border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(13,47,65,.06)}.mural-panel h2,.mural-panel h3{margin-top:0}.mural-routes{display:grid;gap:10px}.mural-route-btn{display:block;width:100%;text-align:left;border:1px solid #cfe0e3;background:#fff;border-radius:16px;padding:14px 15px;cursor:pointer;color:var(--mural-ink);font:inherit;transition:.18s}.mural-route-btn:hover,.mural-route-btn.is-active{border-color:#0da9a0;background:#effbfa;transform:translateY(-1px)}.mural-route-btn strong{display:block;font-size:1rem}.mural-route-btn span{display:block;color:#59717b;font-size:.88rem;margin-top:4px}.mural-progress{display:none;margin-top:14px}.mural-progress.is-active{display:block}.mural-progress-track{height:9px;background:#e5eeee;border-radius:99px;overflow:hidden}.mural-progress-bar{height:100%;width:0;background:linear-gradient(90deg,#0da9a0,#ff6b36);transition:width .25s}.mural-progress-text{font-size:.9rem;margin:8px 0 0;color:#526d76}.mural-location-result{position:relative;margin-top:14px;padding:14px 48px 14px 14px;border-radius:15px;background:#f2f9f9;display:none}.mural-location-result.is-visible{display:block}.mural-location-result strong{display:block}.mural-filters{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.mural-filter{border:1px solid #badadd;background:#fff;color:#173e4d;padding:9px 14px;border-radius:999px;font-weight:700;cursor:pointer}.mural-filter.is-active{background:#0b6970;border-color:#0b6970;color:#fff}.mural-stops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mural-stop{position:relative;border:1px solid #d7e7e8;border-radius:22px;background:#fff;padding:22px;box-shadow:0 8px 26px rgba(7,50,65,.05);scroll-margin-top:110px}.mural-stop.is-selected{outline:3px solid rgba(13,169,160,.22);border-color:#0da9a0}.mural-stop.is-seen{background:#f4fbf9}.mural-stop-top{display:flex;gap:13px;align-items:flex-start}.mural-number{width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;background:#e7f9f7;color:#08756f;font-weight:900}.mural-stop-type{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#0a9c92}.mural-stop h3{margin:3px 0 7px}.mural-meta{display:flex;gap:14px;flex-wrap:wrap;color:#607983;font-size:.9rem;margin:0 0 12px}.mural-meta span{display:inline-flex;gap:4px;align-items:baseline}.mural-stop p{margin-bottom:16px}.mural-stop-actions{display:flex;gap:8px;flex-wrap:wrap}.mural-seen-btn.is-seen{background:#e4f7ed;border-color:#8fd6af;color:#17683d}.mural-story-strip{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:14px}.mural-story-strip figure{margin:0;min-height:270px;border-radius:22px;overflow:hidden;position:relative;background:#dcebed}.mural-story-strip img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.mural-story-strip figcaption{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(5,43,58,.86);color:#fff;border-radius:12px;padding:10px 12px;font-size:.9rem}.mural-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mural-callout{border-radius:22px;background:#eafafa;border:1px solid #bde9e5;padding:24px}.mural-callout.orange{background:#fff4ef;border-color:#ffd1bf}.mural-next{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mural-next a{display:block;border:1px solid #d9e7e9;border-radius:18px;padding:18px;background:#fff;text-decoration:none}.mural-next a:hover{border-color:#13a99f;transform:translateY(-1px)}.mural-marker{background:#0b6970;color:#fff;width:34px;height:34px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.24);display:grid;place-items:center}.mural-marker span{transform:rotate(45deg);font-weight:900;font-size:12px}.mural-marker.culture{background:#ff6b36}.mural-popup b{display:block;margin-bottom:4px}.mural-popup small{display:block;color:#657a82;margin-bottom:8px}.mural-popup a{font-weight:800}.mural-map .leaflet-popup-content{margin:14px 16px}.mural-source-note{font-size:.88rem;color:#637b83}.mural-walk-mode{position:sticky;bottom:12px;z-index:700;display:none;margin:18px auto 0;max-width:680px;background:#073d52;color:#fff;border-radius:20px;padding:14px 16px;box-shadow:0 12px 35px rgba(0,0,0,.25)}.mural-walk-mode.is-active{display:flex;justify-content:space-between;gap:14px;align-items:center}.mural-walk-mode strong{display:block}.mural-walk-mode small{color:#d8eef2}.mural-walk-mode .btn{flex:0 0 auto}.mural-map-consent{height:100%;display:grid;place-items:center;text-align:center;padding:30px}.mural-map-consent>div{max-width:420px}.mural-hero-image-note{display:none}
@media(max-width:960px){.mural-overview{grid-template-columns:1fr}.mural-side{grid-template-columns:1fr 1fr}.mural-map{height:520px}.mural-story-strip{grid-template-columns:1fr 1fr}.mural-story-strip figure:first-child{grid-column:1/-1}.mural-next{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.mural-hero .container{padding-top:48px;padding-bottom:52px}.mural-hero p{font-size:1rem}.mural-hero-media:after{background:linear-gradient(180deg,rgba(4,36,52,.45),rgba(4,36,52,.93) 78%)}.mural-overview{gap:16px}.mural-side{grid-template-columns:1fr}.mural-map{height:440px;border-radius:18px}.mural-panel{padding:18px}.mural-stops-grid{grid-template-columns:1fr}.mural-stop{padding:18px}.mural-story-strip,.mural-context-grid,.mural-next{grid-template-columns:1fr}.mural-story-strip figure:first-child{grid-column:auto}.mural-story-strip figure{min-height:230px}.mural-walk-mode{margin-left:10px;margin-right:10px;border-radius:17px}.mural-walk-mode .btn{padding:10px 12px}.mural-hero-actions .btn{width:100%;text-align:center}.mural-action-row .btn{flex:1 1 150px;text-align:center}}

/* V10.81 mural photography and practical navigation */
.mural-stop.has-image{padding-top:0;overflow:hidden}.mural-stop-image{margin:0 -22px 20px}.mural-image-button{display:block;width:100%;padding:0;border:0;background:#e7eff0;cursor:zoom-in;overflow:hidden}.mural-stop-image .mural-image-button{aspect-ratio:16/10}.mural-image-button img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.mural-image-button:hover img{transform:scale(1.015)}.mural-story-strip .mural-image-button{height:100%;cursor:zoom-in}.mural-popup-thumb{display:block;width:180px;max-width:100%;height:105px;object-fit:cover;border-radius:9px;margin:0 0 8px}.mural-lightbox{border:0;border-radius:20px;padding:0;max-width:min(94vw,1100px);max-height:92vh;background:#071f2a;box-shadow:0 24px 80px rgba(0,0,0,.45)}.mural-lightbox::backdrop{background:rgba(0,20,29,.84)}.mural-lightbox-inner{position:relative;display:grid;place-items:center;max-height:92vh}.mural-lightbox img{display:block;max-width:94vw;max-height:88vh;width:auto;height:auto;object-fit:contain}.mural-lightbox-close{position:absolute;right:12px;top:12px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#082f40;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.2)}
@media(max-width:700px){.mural-stop-image{margin:0 -18px 18px}}

.mural-photo-credit{display:none}.mural-photo-credit a,.mural-photo-credit-inline a{color:inherit;text-decoration:underline;text-underline-offset:2px}.mural-photo-credit-inline{display:block;margin-top:5px;font-size:.7rem;line-height:1.35;color:#d7e7e9}.mural-map-note{margin:10px 8px 0;color:#607983;font-size:.86rem;line-height:1.5}.mural-popup .mural-popup-maps{display:block;margin-top:5px}.mural-artist-link{font-weight:700}.mural-overview+.mural-source-note{margin-top:12px}

/* V10.82: new Google Place-backed art stops without copied third-party photography */
.mural-stop.map-photo-stop{padding-top:0;overflow:hidden}.mural-map-photo-link{min-height:220px;margin:0 -22px 20px;display:grid;place-items:center;text-align:center;padding:28px;background:linear-gradient(145deg,#073d52,#0b6970);color:#fff;text-decoration:none}.mural-map-photo-link:hover{color:#fff}.mural-map-photo-link svg{width:48px;height:48px;margin-bottom:12px}.mural-map-photo-link strong{display:block;font-size:1.08rem}.mural-map-photo-link small{display:block;max-width:330px;margin-top:7px;color:#d9eff0;line-height:1.45}.mural-popup-photo-placeholder{display:grid;place-items:center;min-height:82px;margin:0 0 8px;padding:12px;border-radius:9px;background:#e9f7f6;color:#075f5b!important;text-align:center;text-decoration:none;font-weight:800!important}.mural-stop-photo-note{font-size:.83rem;color:#607983;margin-top:-4px}.mural-stop.map-photo-stop .mural-stop-actions{margin-top:4px}
@media(max-width:700px){.mural-map-photo-link{margin:0 -18px 18px;min-height:190px}}

.mural-lightbox-credit{margin-top:8px;color:#dcebed;font-size:.76rem;text-align:center}.mural-lightbox-credit a{color:#fff;text-decoration:underline;text-underline-offset:2px}

.mural-context-single{max-width:940px}.mural-context-single article{max-width:860px}
.mural-dismiss,.mural-walk-close{appearance:none;border:0;background:transparent;color:#294e5a;cursor:pointer;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:700 24px/1 system-ui,sans-serif}.mural-dismiss:hover,.mural-dismiss:focus-visible{background:#dfeeee}.mural-dismiss{position:absolute;right:8px;top:8px}.mural-walk-close{position:absolute;right:9px;top:9px;color:#fff}.mural-walk-close:hover,.mural-walk-close:focus-visible{background:rgba(255,255,255,.14)}.mural-walk-mode{padding-right:54px}.mural-map-status strong,.mural-map-status span{display:block}.mural-map-status .btn{display:inline-flex;margin-top:8px}
@media(max-width:620px){.mural-walk-mode.is-active{align-items:flex-start;padding-right:48px}.mural-walk-mode .btn{font-size:.86rem}.mural-context-single{max-width:none}}
