#projects.project-map-experience{position:relative;isolation:isolate;overflow:hidden;background:#072b46;padding:90px 0 65px}#projects.project-map-experience:before,#projects.project-map-experience:after{content:'';position:absolute;border:1px solid #ffffff0a;border-radius:50%;width:1100px;height:1100px;left:50%;top:160px;transform:translateX(-50%);z-index:-1;pointer-events:none}#projects.project-map-experience:after{width:850px;height:850px;top:290px}#projects .section-heading{display:block;text-align:center;margin-bottom:25px}#projects h2{font-size:clamp(36px,3.6vw,54px);max-width:800px;margin:0 auto;line-height:1.25}#projects .section-heading .intro{max-width:610px;margin:24px auto 0;font-size:15px;color:#a8c5d8}#projects .section-heading .eyebrow{font-size:11px;letter-spacing:1.7px}#projects .project-tabs{display:flex;justify-content:center;gap:10px;margin:26px auto 24px;flex-wrap:wrap}#projects .project-tab{width:auto;height:auto;min-height:42px;padding:9px 17px;font-size:12px;border:1px solid #ffffff24;border-radius:var(--control-radius);color:#c4d9e7;background:#ffffff05}#projects .project-tab.active{background:#7fc34316;border-color:#7fc34370;color:#bce58f}#projects .project-explorer{position:relative;display:block;min-height:780px}#projects .map-panel{padding:0;max-width:650px;margin:auto}#projects .map{width:100%;max-width:650px;position:relative}#projects .map svg{overflow:visible}#projects .map>svg>rect{opacity:.25}#projects .map>svg>g[mask]>rect:first-child{fill:#123d56;opacity:.28}#projects .map>svg>g[mask]>rect:nth-child(2){opacity:1}#projects .map-route{stroke-opacity:.3}#projects .map-callout .location-name{font-size:15px}#projects .map-callout .province-label{font-size:9px}#projects .map-callout .location-rule,#projects .map-callout .location-connector{stroke-opacity:.6}#projects .map-callout.active text{fill:#fff}#projects .map-callout.active .province-label{fill:#acc9dc}#projects .marker{width:44px;height:44px;z-index:3;border:0;background:none}#projects .marker i,#projects .marker.active i{width:17px;height:17px;background:#bce68e;border:3px solid #072b46;box-shadow:0 0 0 1px #8aba6e,0 0 0 7px #7fc34312}#projects .marker[aria-expanded=true] i{box-shadow:0 0 0 1px var(--green),0 0 0 10px #7fc34328,0 0 26px #7fc34360}#projects .map-legend{text-align:center;color:#7197af;font-size:10px;margin-top:10px}#projects .project-right{position:absolute;z-index:10;width:330px;padding:18px;background:#103c59f7;backdrop-filter:blur(16px);border:1px solid #719cba66;border-radius:12px;box-shadow:0 18px 60px #0007;margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.98);transition:opacity .22s,transform .22s,visibility .22s}#projects .project-right.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}#projects .popup-close{position:absolute;top:25px;right:25px;z-index:4;width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid #ffffff50;background:#072b46c0;color:white;font-size:21px;border-radius:50%}#projects .project-photo{min-height:0;height:170px;aspect-ratio:auto;border-radius:7px}#projects .project-image-credit{font-size:8px;margin:5px 0 15px;color:#8fadc2}#projects .project-info .eyebrow{font-size:10px;margin-bottom:5px}#projects h3{font-size:24px;line-height:1.3;margin-bottom:10px}#projects .project-area{margin-top:9px}#projects .project-area strong{font-size:40px;letter-spacing:-1px;font-weight:600}#projects .project-area .area-unit{font-size:15px}#projects .project-area p{font-size:10px;margin:5px 0 13px}#projects .project-topics{padding-top:12px;gap:5px}#projects .project-topics button{font-size:10px;padding:5px 7px}#projects .project-detail-button{min-height:44px;font-size:12px;padding:10px 13px;margin-top:12px}#projects .project-note{font-size:8px;line-height:1.6;margin:10px 0 0;color:#91b0c4}
@media(max-width:1100px){#projects .project-explorer{min-height:760px}#projects .map-panel{max-width:580px}#projects .project-right{width:310px}}
@media(max-width:760px){#projects.project-map-experience{padding-block:64px 45px}#projects h2{font-size:34px}#projects .section-heading .intro{font-size:14px}#projects .section-heading .eyebrow{font-size:9px}#projects .project-tabs{gap:7px;margin-block:22px}#projects .project-tab{font-size:10px;padding:8px 10px;min-height:38px}#projects .project-explorer{min-height:0}#projects .map-panel{max-width:520px}#projects .project-right{position:relative;left:auto!important;top:auto!important;width:100%;max-width:420px;margin:22px auto 0;display:none}#projects .project-right.is-open{display:block}#projects .project-photo{height:205px}#projects .project-topics button{font-size:11px}#projects .project-note{font-size:10px}#projects .map-legend{font-size:9px}#projects .project-explorer:has(.project-right.is-open) .map-panel{opacity:.8}}
@media(prefers-reduced-motion:reduce){#projects .project-right{transition:none;transform:none}}
#projects #project-popup .popup-close{position:absolute;left:auto;right:25px;top:25px;overflow:visible}#projects #project-popup .popup-close::before{display:none}

#projects .project-right{background:#fff;color:#123d56;border:1px solid #d6e6ef;box-shadow:0 20px 65px #0005;backdrop-filter:none}
#projects #project-title{color:#0c304a}
#projects .project-info .eyebrow{color:#477e27}
#projects .project-area strong{color:#2872a7}
#projects .project-area .area-unit{color:#37556b}
#projects .project-area p,#projects .project-image-credit,#projects .project-note{color:#678093}
#projects .project-topics{border-color:#dce7ed}
#projects .project-topics button{background:#f1f6f9;color:#355b72;border-color:#d8e5ec}
#projects .project-detail-button{background:#1973ac;color:#fff;border-color:#1973ac}
#projects .project-detail-button:hover{background:#125c8b;border-color:#125c8b}
#projects .project-detail-button span{color:#fff}

#projects .project-explorer{isolation:isolate}
#projects .map-panel{position:relative;z-index:1}

/* Lift the explorer stacking context above the adjacent project-copy text. */
#projects .project-explorer{z-index:3}
#projects #project-popup{z-index:100}

#projects.project-map-experience .project-copy .intro{width:100%;max-width:520px;text-wrap:wrap}