.harbour-explore{margin:17px 0 0}
.harbour-scene{position:relative;aspect-ratio:2.26;overflow:hidden;background:#1a4a50}
.harbour-scene img{display:block;width:100%;height:100%;object-fit:cover}
.harbour-scene:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#0b293c64,transparent 37%,transparent 66%,#0b283868)}
.harbour-scene-label{position:absolute;z-index:2;left:17px;top:17px;padding:10px 13px;background:#0c3039d9;color:white;display:flex;flex-direction:column;gap:3px}
.harbour-scene-label b{font-size:11px;letter-spacing:.14em}
.harbour-scene-label span{font-size:11px;color:#d4e6df}
.harbour-hotspot{position:absolute;z-index:3;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px;border:0;background:transparent;padding:6px;color:#fff;white-space:nowrap;text-shadow:0 1px 3px #092b31,0 2px 8px #092b31}
.harbour-hotspot i{display:block;width:22px;height:22px;border:4px solid #fff;background:#a56c48;border-radius:50%;box-shadow:0 0 0 3px #234d58,0 2px 10px #071a20}
.harbour-hotspot span{padding:3px 7px;background:#103a42dc;font-size:11px;font-weight:700;border:1px solid #d8eee486}
.harbour-hotspot:hover i,.harbour-hotspot.active i{transform:scale(1.18);background:#efbf77;box-shadow:0 0 0 4px #fff,0 0 0 9px #c48e6580}
.harbour-hotspot:focus-visible{outline:2px solid #fff;outline-offset:3px}
.harbour-panel{display:grid;grid-template-columns:1.2fr .8fr;column-gap:22px;background:#173d40;color:#fff;padding:22px 25px;border-top:4px solid #b5865d;min-height:177px}
.harbour-panel-head small{font-size:10px;letter-spacing:.14em;color:#d6b383;font-weight:700}
.harbour-panel-head h2{color:#fff;font-size:29px;margin:4px 0 7px}
.harbour-panel-head p{color:#d4e3dc;font-size:13px;line-height:1.5;margin:0}
.harbour-panel-copy{grid-column:2;grid-row:1;color:#d0ded5;font-size:12px;line-height:1.6;margin:2px 0 0}
.harbour-panel-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.harbour-panel-actions button{padding:9px 12px;min-height:42px;border:1px solid #a4c6b3;background:#edf5e9;color:#23534c;border-radius:3px;font-size:12px;font-weight:700}
.harbour-panel-actions button:hover{background:#fff}
.harbour-tiny-timeline{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}
.harbour-tiny-timeline span{padding:6px 9px;background:#2c5654;font-size:10px;color:#dce9dc}
.harbour-tiny-timeline b{display:block;color:#f0bd83}
.harbour-panel-stats{grid-column:1;grid-row:2;display:flex;gap:12px;margin-top:15px}
.harbour-panel-stats>div{display:flex;flex-direction:column;padding:8px 14px;background:#2b5654;min-width:110px}
.harbour-panel-stats strong{font:25px Georgia,serif;color:#f0ca97}
.harbour-panel-stats small{font-size:10px;color:#d3e3d8}
.harbour-explore+.metric-rail{margin-top:17px}
@media(max-width:850px){.harbour-scene{aspect-ratio:1.7}.harbour-hotspot span{font-size:9px}.harbour-hotspot i{width:18px;height:18px;border-width:3px}.harbour-panel{display:flex;flex-direction:column;min-height:0;padding:17px}.harbour-panel-copy{margin-top:14px}.harbour-tiny-timeline,.harbour-panel-stats{margin-top:12px}}
@media(max-width:500px){.harbour-scene{aspect-ratio:1.28}.harbour-scene img{object-fit:fill}.harbour-scene-label{left:8px;top:8px;padding:6px 8px}.harbour-scene-label b{font-size:9px}.harbour-scene-label span{font-size:9px}.harbour-hotspot span{font-size:8px;padding:2px 4px}.harbour-hotspot[data-harbour="stores"]{left:15%!important}.harbour-hotspot[data-harbour="dispatch"]{top:39%!important}.harbour-panel-head h2{font-size:25px}}