/* Approved catalogue map with one selected regional contact panel. */
.lp-page{--lp-map-ink:#c5d9e7;--lp-map-yellow:#fff062;--lp-advisory:#f4f7f9}
.lp-hero{border-bottom:1px solid var(--pp-line);padding:32px 0}
.lp-hero-grid{display:grid;grid-template-columns:1fr 1.3fr;grid-template-areas:"copy map" "selection map";column-gap:40px;align-items:center}
.lp-hero-copy{grid-area:copy;padding-block:12px;align-self:end}
.lp-hero .pp-breadcrumb{margin-bottom:24px}
.lp-hero h1{font:800 var(--pp-type-hero)/1.04 Manrope,sans-serif;letter-spacing:-.04em;max-width:18ch;text-wrap:balance}
.lp-hero-copy>p{font-size:var(--pp-type-intro);line-height:1.5;max-width:46ch;margin-top:28px;color:var(--pp-muted)}
.lp-map-figure{grid-area:map;margin:0;min-width:0;width:100%;max-width:620px;justify-self:center}
.lp-map{position:relative;width:100%;aspect-ratio:450/570;isolation:isolate;overflow:clip;overflow-clip-margin:8px}
.lp-map-canvas{position:absolute;inset:0 auto 0 -33.333%;width:144.444%}
.lp-map-geography,.lp-map-illustration{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.lp-catalogue-lines{stroke:var(--pp-red);stroke-width:1.05;stroke-dasharray:1 4;stroke-linecap:round;opacity:.6}
.lp-catalogue-pins{fill:var(--lp-map-yellow);stroke:#b8a43c;stroke-width:.55;pointer-events:none}
.lp-map-point{position:absolute;left:var(--marker-x);top:var(--marker-y);width:54px;height:64px;transform:translate(-50%,-96%)}
.lp-map-marker{display:block;width:100%;height:100%;border:0;padding:0;background:none;color:var(--pp-ink);cursor:pointer;text-decoration:none}
.lp-map-marker--luzon{--marker-x:45.846%;--marker-y:40.351%}
.lp-map-marker--visayas{--marker-x:60.277%;--marker-y:63.912%}
.lp-map-marker--davao{--marker-x:67.492%;--marker-y:81.596%}
.lp-marker-art{display:block;width:100%;height:100%;transition:transform .25s cubic-bezier(.16,1,.3,1)}
.lp-marker-art svg{width:100%;height:100%;overflow:visible}
.lp-pin-tail{fill:var(--pp-red)}.lp-pin-disc{fill:white;stroke:var(--pp-red);stroke-width:2.3}
.lp-map-marker[aria-pressed="true"] .lp-pin-disc{fill:var(--lp-map-yellow)}
.lp-map-marker:hover .lp-marker-art{transform:translateY(-3px)}
.lp-map-marker:focus-visible{outline:2px solid var(--pp-ink);outline-offset:5px;border-radius:50%}
.lp-map-annotation{position:absolute;left:calc(100% + 26px);top:7px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--pp-line);padding-bottom:6px;background:rgb(255 255 255 / .93);line-height:1.25}
.lp-map-annotation::before{content:"";position:absolute;right:100%;top:22px;width:26px;border-top:1px solid var(--pp-red)}
.lp-map-annotation strong{display:block;font:800 21px/1.25 Manrope,sans-serif;color:var(--pp-red)}
.lp-map-open{display:flex;align-items:center;min-height:44px;width:fit-content;font-size:14px;text-decoration:underline;text-underline-offset:3px}.lp-map-open:hover{color:var(--pp-red)}
.lp-map-point:has(.lp-map-marker[aria-pressed="true"]) .lp-map-annotation{border-color:var(--pp-red)}
.lp-map-marker--luzon .lp-map-annotation,.lp-map-marker--davao .lp-map-annotation{left:auto;right:calc(100% + 26px)}
.lp-map-marker--luzon .lp-map-annotation::before,.lp-map-marker--davao .lp-map-annotation::before{right:auto;left:100%}
.lp-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.lp-map-credits{font-size:14px;line-height:1.5;color:var(--pp-muted);margin-top:12px}
.lp-map-credits summary{width:fit-content;min-height:44px;align-content:center;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.lp-map-credits summary:focus-visible{outline:2px solid var(--pp-red);outline-offset:4px}
.lp-map-credits p{margin-top:4px}.lp-map-credits a{text-decoration:underline;text-underline-offset:3px}
.lp-map-selection{grid-area:selection;align-self:start;margin-top:24px;max-width:460px;scroll-margin-top:24px}
.lp-map-panel{display:none;scroll-margin-top:24px}.lp-map-panel:target,.lp-map-panel.is-selected{display:block}.lp-map-panel[hidden]{display:none}
.lp-map-instruction{font-size:16px;color:var(--pp-muted);margin-bottom:14px}
.lp-map-panels:has(.lp-map-panel:target),.lp-map-panels:has(.is-selected){border-top:1px solid var(--pp-line);padding-top:20px}
.lp-map-panel h2{font:800 24px/1.3 Manrope,sans-serif;margin:0 0 6px}
.lp-map-panel address{display:grid;gap:4px;font-style:normal;color:var(--pp-muted);font-size:18px}
.lp-detail{display:flex;gap:20px;align-items:center;min-height:44px;line-height:1.4}
.lp-detail>span{min-width:0}.lp-email>span{overflow-wrap:anywhere}
.lp-icon{width:25px;height:25px;flex:none;color:var(--pp-ink)}
a.lp-detail:hover{color:var(--pp-red);text-decoration:underline}
.lp-map-link{justify-self:start;min-height:44px;color:var(--pp-red);font-size:18px;gap:12px;margin-bottom:4px}
.lp-visit{background:var(--lp-advisory);padding-block:24px}
.lp-visit-inner{display:flex;align-items:center;gap:32px}
.lp-visit .lp-icon{width:30px;height:30px}
.lp-visit-inner>div{padding-left:32px;border-left:1px solid var(--pp-line)}
.lp-visit h2{font:700 var(--pp-type-ui)/1.3 "Source Sans 3",sans-serif;letter-spacing:0;margin-bottom:4px}
.lp-visit p{font-size:var(--pp-type-ui);color:var(--pp-muted);line-height:1.5}
.lp-close{background:var(--pp-red);color:white;padding-block:28px}
.lp-close>.pp-shell{display:flex;align-items:center;justify-content:space-between;gap:32px}
.lp-close h2{font-size:clamp(30px,2.7vw,44px);line-height:1.15}
.lp-quote{background:transparent;border:1px solid white;flex:none;border-radius:0;font-size:var(--pp-type-ui);gap:24px}
.lp-quote:hover{background:white;color:var(--pp-red)}.lp-quote:focus-visible{outline-color:white}
@media(max-width:1200px){.lp-detail{gap:12px}.lp-hero-grid{column-gap:24px;grid-template-columns:1fr 1.2fr}.lp-map-annotation{left:calc(100% + 12px)}.lp-map-annotation::before{width:12px}.lp-map-marker--luzon .lp-map-annotation,.lp-map-marker--davao .lp-map-annotation{right:calc(100% + 12px)}.lp-map-marker--luzon .lp-map-annotation{width:112px;white-space:normal}.lp-map-annotation strong{font-size:18px}.lp-map-open{font-size:13px}}
@media(max-width:900px){
 .lp-hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "map" "selection";gap:16px}
 .lp-hero h1{font-size:clamp(43px,6vw,56px)}
 .lp-map-figure{width:min(100%,650px);justify-self:center}.lp-map-selection{max-width:none;margin-top:8px}.lp-map-panels{min-height:0}.lp-map-annotation strong{font-size:21px}.lp-map-open{font-size:14px}
 .lp-close>.pp-shell{align-items:flex-start;flex-direction:column;gap:24px}
}
@media(max-width:600px){
 .lp-hero{padding:24px 0}.lp-hero-copy{padding:0}
 .lp-hero h1{font-size:var(--pp-type-hero-mobile);max-width:17ch}.lp-hero-copy>p{margin-top:20px}
 .lp-map-point{width:44px;height:53px}.lp-map-annotation,.lp-map-marker--luzon .lp-map-annotation{top:4px;left:calc(100% + 7px);width:88px;white-space:normal}.lp-map-annotation::before{width:7px;top:18px}.lp-map-marker--luzon .lp-map-annotation,.lp-map-marker--davao .lp-map-annotation{left:auto;right:calc(100% + 7px)}.lp-map-annotation strong{font-size:17px}.lp-map-open{font-size:12px;white-space:normal}.lp-map-instruction{font-size:15px}
 .lp-visit-inner{align-items:flex-start;gap:20px}.lp-visit-inner>div{border:0;padding:0}
 .lp-close{padding-block:32px}.lp-close h2{font-size:32px}
}
@media(max-width:360px){.lp-page .pp-header .pp-logo{width:160px}.lp-page .pp-header-row{gap:12px}.lp-detail{gap:12px}.lp-map-annotation,.lp-map-marker--luzon .lp-map-annotation{width:68px}.lp-map-annotation strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.lp-marker-art,.lp-pin-disc{transition:none}.lp-map-marker:hover .lp-marker-art{transform:none}}