/* Section 03 — interactive editorial project map */
#projects{background:var(--deep);color:#fff}#projects .section-heading{margin-bottom:38px;align-items:flex-end}#projects .eyebrow{color:var(--green)}#projects .section-heading .eyebrow:before{content:'';display:inline-block;width:7px;height:7px;background:var(--green);margin-right:9px}#projects h2{font-size:44px;line-height:1.3;letter-spacing:-1.7px}#projects .intro{color:#c2d8e8;max-width:310px;font-size:13px}#projects .project-explorer{display:grid;grid-template-columns:1.16fr 1fr;gap:85px;border:0}#projects .map-panel{padding:0;background:none;overflow:visible}#projects .map{max-width:none;margin:0;width:100%;aspect-ratio:640/740}#projects .country{fill:#2d6d9c;stroke:#4784ad;stroke-width:1}#projects .map-route{stroke:var(--green);opacity:.7;stroke-dasharray:5 8;stroke-width:1.2}#projects .sea-label{fill:#8bb4cf;font-size:11px;letter-spacing:2px}#projects .map-islands{fill:#5089ae}#projects .map-islands text{fill:#acc9dc;font-size:10px;font-style:italic}#projects .map-callout path{stroke:#90b5ce;fill:none;stroke-width:.9}#projects .map-callout text{fill:#fff;font-size:16px;font-weight:600}#projects .map-callout .province-label{fill:#acc9dc;font-size:10px;letter-spacing:1px}#projects .map-callout.active path{stroke:var(--green)}#projects .map-callout.active text{fill:#b5e27e}#projects .marker{width:38px;height:38px;display:grid;place-items:center;padding:0;transform:translate(-50%,-50%)}#projects .marker i{width:13px;height:13px;border:3px solid var(--deep);background:#a8c9de;box-shadow:0 0 0 1px #b5d0e0;transition:all .3s}#projects .marker.active i{width:17px;height:17px;background:var(--green);box-shadow:0 0 0 1px var(--green),0 0 0 8px #7fc34320}#projects .marker:hover i{background:var(--green)}#projects .map-legend{margin:9px 0 0;font-size:9px;color:#a6c4d9;line-height:1.7}#projects .project-right{padding:0;border-top:1px solid #abcbdc99;margin-top:-20px}#projects .project-tabs{flex-direction:row;gap:9px;margin:18px 0}#projects .project-tab{width:39px;height:39px;display:flex;justify-content:center;padding:0;border:1px solid #acc9dc66;color:#c3d9e8;font-size:11px;transition:background .2s,color .2s,border-color .2s}#projects .project-tab.active{background:var(--green);border-color:var(--green);color:var(--ink)}#projects .project-tab:hover{border-color:var(--green)}#projects .project-photo{height:auto;aspect-ratio:2/1}#projects .project-image-credit{text-align:right;font-size:8px;color:#a9c8dc;margin:5px 0 24px}#projects .project-info{display:block;border:0;padding:0}#projects .project-info .eyebrow{font-size:10px;letter-spacing:1.4px;margin-bottom:8px}#projects h3{font-size:27px;color:#fff;letter-spacing:-.7px}#projects .project-area{text-align:left;margin-top:17px}#projects .project-area strong{font-size:58px;line-height:1.15;color:var(--green);font-weight:500;letter-spacing:-2px}#projects .project-area .area-unit{display:inline;font-size:19px;color:#d1e2ed;margin-left:9px}#projects .project-area p{font-size:10px;color:#bad3e4;margin:10px 0 20px}#projects .project-topics{display:flex;gap:7px;padding-top:14px;border-top:1px solid #acc9dc55}#projects .project-topics button{border:1px solid #acc9dc66;background:none;color:#c8dde9;font-size:9px;padding:5px 8px;transition:border-color .2s,color .2s}#projects .project-topics button:hover{border-color:var(--green);color:#fff}#projects .project-detail-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:16px;padding:15px 18px;background:none;border:1px solid #acc9dc88;color:#fff;font-size:11px;font-weight:700;transition:background .2s,border-color .2s}#projects .project-detail-button span{font-size:17px;color:var(--green)}#projects .project-detail-button:hover{background:#1772b866;border-color:var(--green)}#projects .project-note{font-size:8px;line-height:1.7;color:#a7c6db;margin:14px 0 0}
@media(max-width:1100px){#projects .project-explorer{gap:40px}#projects h2{font-size:37px}#projects .intro{font-size:11px}#projects .project-area strong{font-size:51px}}
@media(max-width:760px){#projects .project-explorer{grid-template-columns:1fr;gap:32px}#projects .section-heading{align-items:start}#projects h2{font-size:31px}#projects .map-panel{order:0}#projects .map{max-width:520px;margin:auto}#projects .project-right{margin-top:0}#projects .project-photo{aspect-ratio:1.8/1}#projects .project-area strong{font-size:52px}#projects .project-image-credit{margin-bottom:20px}#projects .project-topics button{font-size:10px}#projects .map-legend{font-size:8px}#projects .project-note{font-size:9px}}