/* Photographic destination selector */
#nationalRegions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:24px 0 30px}
#nationalRegions button.region-photo{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;min-height:210px;padding:18px;text-align:left;overflow:hidden;background:#172b4d;color:#fff;border:0;border-radius:16px;font:inherit;cursor:pointer;box-shadow:0 3px 12px #172b4d12;transition:transform .2s,box-shadow .2s}
#nationalRegions .region-photo img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s}
#nationalRegions .region-photo:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#101d3020 5%,#101d3040 35%,#101d30e8 100%)}
#nationalRegions .region-photo:hover{transform:translateY(-3px);box-shadow:0 8px 22px #172b4d25}
#nationalRegions .region-photo:hover img{transform:scale(1.05)}
#nationalRegions .region-photo[aria-pressed=true]{outline:3px solid #315cff;outline-offset:3px}
#nationalRegions .region-photo[aria-pressed=true]:after{content:"✓";position:absolute;top:12px;right:12px;display:grid;place-items:center;width:28px;height:28px;background:#315cff;color:#fff;border-radius:50%;font-weight:700}
#nationalRegions .region-name{font-size:18px;line-height:1.35;font-weight:750;word-break:keep-all;overflow-wrap:anywhere;text-shadow:0 1px 6px #0006}
#nationalRegions .region-count{display:block;font-size:14px;margin-top:7px;color:#fff;line-height:1.4}
#nationalRegions .region-photo:focus-visible{outline:3px solid #21897e;outline-offset:4px}
#nationalRegions .region-caption{display:block;font-size:12px;line-height:1.4;margin-bottom:6px;color:#e2e8f0}
.region-photo-credit{font-size:13px;color:#586477;margin:-14px 0 22px}
@media(max-width:1000px){#nationalRegions{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){#nationalRegions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#nationalRegions button.region-photo{min-height:190px;padding:15px}#nationalRegions .region-name{font-size:17px}}
@media(prefers-reduced-motion:reduce){#nationalRegions .region-photo,#nationalRegions .region-photo img{transition:none}}
