/* Puglia Everyday Map: homepage band. All rules scoped to .pe-map */
.pe-map.pe-band{background:#fff;font-family:Rubik,sans-serif;color:#022940;padding:24px 0}
@media(max-width:760px){.pe-map.pe-band{padding:8px 0 0}
.pe-map.pe-band .pe-grid{padding-bottom:0!important}
}
.pe-map.pe-band .pe-grid h2{text-transform:none;letter-spacing:0;color:#022940}
.pe-map.pe-band button{line-height:1}
.pe-map.pe-band .pe-credit{font-size:11px;color:#6b7f89;margin-top:-26px;text-align:right;grid-column:2}
@media(max-width:760px){.pe-map.pe-band .pe-credit{grid-column:auto;margin-top:-10px}
}
.pe-map.pe-band .pe-grid{max-width:1100px;margin:0 auto;padding:32px 16px;display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:center}
.pe-map.pe-band .pe-grid h2{font-family:"Anonymous Pro",monospace;font-size:34px;margin:0 0 12px}
.pe-map.pe-band .pe-grid p{line-height:1.6;margin:0 0 14px}
.pe-map.pe-band .pe-grid .key span{display:inline-flex;align-items:center;gap:6px;margin-right:16px;font-size:14px}
.pe-map.pe-band .pe-grid .key i{width:12px;height:12px;border-radius:50%;display:inline-block}
.pe-map.pe-band .pe-grid .wrap{position:relative;border-radius:14px;overflow:hidden;border:1px solid #D6DADD;touch-action:pan-x pan-y}
.pe-map.pe-band .pe-grid .pe-svg{display:block;width:100%;height:auto;max-height:82vh}
.pe-map.pe-band .pe-grid .sea{fill:#eef3f6}
.pe-map.pe-band .pe-grid .land{fill:#fbf8f3;stroke:#2E4956;stroke-width:1.2;stroke-linejoin:round}
.pe-map.pe-band .pe-grid .dot.guide{fill:#BC4066;stroke:#fff;stroke-width:2}
.pe-map.pe-band .pe-grid .dot.soon{fill:#fff;stroke:#2E4956;stroke-width:1.5;r:3.5}
.pe-map.pe-band .pe-grid .lbl{font-size:calc(15px*var(--z,1));paint-order:stroke;stroke:#fbf8f3;stroke-width:4px}
.pe-map.pe-band .pe-grid .lbl.guide{font-weight:500;fill:#022940;font-size:calc(17px*var(--z,1))}
.pe-map.pe-band .pe-grid .lbl.soon{fill:#6b7f89;font-size:calc(12px*var(--z,1))}
.pe-map.pe-band .pe-grid .town .hit{fill:transparent}
.pe-map.pe-band .pe-grid .town:hover .lbl,.pe-map.pe-band .pe-grid .town:focus .lbl{fill:#BC4066;text-decoration:underline}
.pe-map.pe-band .pe-grid .itria{fill:#BC4066;fill-opacity:.08;stroke:#BC4066;stroke-dasharray:4 3}
.pe-map.pe-band .pe-grid .area{font-family:"Anonymous Pro";font-size:11px;letter-spacing:1px;fill:#BC4066;font-weight:700}
.pe-map.pe-band .pe-grid .sealbl{font-style:italic;fill:#8aa3b0;font-size:16px;letter-spacing:2px}
.pe-map.pe-band .pe-grid .ctl{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:8px}
.pe-map.pe-band .pe-grid .ctl button{min-width:44px;height:44px;border-radius:22px;border:1px solid #D6DADD;background:#fff;color:#022940;font:500 15px Rubik;padding:0 14px;box-shadow:0 1px 4px #0002}
@media(max-width:760px){.pe-map.pe-band .pe-grid{grid-template-columns:1fr;gap:16px;padding:20px 12px}
.pe-map.pe-band .pe-grid h2{font-size:26px}
.pe-map.pe-band .pe-grid .pe-svg{max-height:none}
.pe-map.pe-band .pe-grid .ctl{flex-direction:row;top:auto;bottom:10px;left:10px;right:auto}
.pe-map.pe-band .pe-grid .ctl{flex-direction:row;top:auto;bottom:10px;right:10px}
}
.pe-map.pe-band .pe-grid .minor{display:none}
.pe-map.pe-band .pe-grid .zoomed .minor{display:inline}
@media(min-width:761px){.pe-map.pe-band{padding:72px 0 64px}
.pe-map.pe-band .pe-grid{max-width:1180px;grid-template-columns:40fr 60fr;gap:64px;align-items:center;padding:0 40px}
.pe-map.pe-band .pe-grid>div:first-child{display:flex;flex-direction:column;justify-content:center;padding:8px 0}
.pe-map.pe-band .pe-grid h2{font-size:44px;line-height:1.1;margin-bottom:18px}
.pe-map.pe-band .pe-grid p{font-size:17px;color:#2E4956}
.pe-map.pe-band .pe-list h3{font-family:"Anonymous Pro",monospace;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#6b7f89;margin:28px 0 10px;font-weight:700}
.pe-map.pe-band .pe-list ul{list-style:none;margin:0;padding:0;border-top:1px solid #D6DADD}
.pe-map.pe-band .pe-list li{border-bottom:1px solid #D6DADD}
.pe-map.pe-band .pe-list li a{display:flex;justify-content:space-between;padding:13px 2px;color:#022940;text-decoration:none;font-size:19px}
.pe-map.pe-band .pe-list li a:hover{color:#BC4066}
.pe-map.pe-band .pe-list li span{color:#BC4066}
.pe-map.pe-band .pe-list .pe-soon{font-size:15px!important;color:#8a9aa3!important;line-height:1.8!important}
.pe-map.pe-band .key{display:none}
.pe-map.pe-band .wrap{border-radius:4px}
.pe-map.pe-band .pe-map.pe-band .pe-credit{margin-top:8px;grid-column:2;align-self:start}
.pe-map.pe-band .pe-grid{row-gap:0}
}

.pe-map.pe-band .pe-list li.pe-muted{display:flex;justify-content:space-between;padding:13px 2px;font-size:19px;color:#8a9aa3}
.pe-map.pe-band .pe-list li.pe-muted em{font-size:12px;font-style:normal;letter-spacing:1px;text-transform:uppercase;align-self:center}
.pe-map.pe-band .pe-list li.pe-muted span{color:inherit}
.pe-map.pe-band .pe-grid .ctl button{cursor:pointer}
.pe-map.pe-band .pe-list h4{font-family:"Anonymous Pro",monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#BC4066;margin:16px 0 4px;font-weight:700}
.pe-map.pe-band .pe-list .pe-area{break-inside:avoid}
.pe-map.pe-band .pe-list .pe-all{display:inline-block;margin-top:16px;color:#BC4066;font-size:15px;text-decoration:none;font-weight:500}
.pe-map.pe-band .pe-list .pe-all:hover{text-decoration:underline}
@media(min-width:761px){.pe-map.pe-band .pe-list .pe-cols2{columns:2;column-gap:28px}.pe-map.pe-band .pe-list .pe-cols2 li a,.pe-map.pe-band .pe-list .pe-cols2 li.pe-muted{font-size:16px;padding:9px 2px}.pe-map.pe-band .pe-list .pe-cols2 li.pe-muted em{font-size:10px}}
@media(max-width:760px){.pe-map.pe-band .pe-list h3{font-family:"Anonymous Pro",monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#6b7f89;margin:4px 0 6px}.pe-map.pe-band .pe-list ul{list-style:none;margin:0;padding:0}.pe-map.pe-band .pe-list li{border-bottom:1px solid #D6DADD}.pe-map.pe-band .pe-list li a,.pe-map.pe-band .pe-list li.pe-muted{display:flex;justify-content:space-between;padding:11px 2px;font-size:17px;color:#022940;text-decoration:none}.pe-map.pe-band .pe-list li.pe-muted{color:#8a9aa3}.pe-map.pe-band .pe-list li.pe-muted em{font-size:11px;font-style:normal;text-transform:uppercase;letter-spacing:1px;align-self:center}.pe-map.pe-band .pe-list li span{color:#BC4066}}
@media(max-width:760px){.pe-map.pe-band .pe-grid>div:first-child{display:contents}.pe-map.pe-band .pe-grid .wrap{order:2}.pe-map.pe-band .pe-credit{order:3}.pe-map.pe-band .pe-list{order:4;margin-top:8px}}
.pe-map.pe-band .pe-grid .area{font-size:calc(11px*var(--z,1));letter-spacing:calc(1px*var(--z,1))}