/* Draft geography: each airport photograph is fixed to its map location. */
html.draft-v3 .geo-stage{min-height:1090px}
html.draft-v3 .geo-stage .geo-fore{
  min-height:1090px;box-sizing:border-box;
  display:flex;flex-direction:column;
  pointer-events:none;
}
html.draft-v3 .geo-stage .geo-fore>*{pointer-events:auto}
html.draft-v3 .geo-stage .geo-fore .sec-head{max-width:680px}
html.draft-v3 .geo-stage .map svg:not(.map-photo-leaders){
  inset:155px 0 auto;width:100%;height:650px;
}
html.draft-v3 .geo-stage .map::after{pointer-events:none}
html.draft-v3 .map-photo-layer{position:absolute;inset:0;z-index:4;pointer-events:none}
html.draft-v3 .map-photo-leaders{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
html.draft-v3 .map-photo-leader{
  fill:none;stroke:rgba(204,229,235,.56);stroke-width:1;
  stroke-dasharray:3 5;vector-effect:non-scaling-stroke;
}
html.draft-v3 .map-photo{
  position:absolute;z-index:1;box-sizing:border-box;
  width:clamp(124px,12vw,180px);height:112px;padding:0;
  overflow:hidden;border:1px solid rgba(247,252,253,.63);border-radius:11px;
  background:linear-gradient(145deg,#1e3540,#0c1821);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.27),0 14px 30px rgba(0,0,0,.44);
  color:#f4f9fa;cursor:pointer;pointer-events:auto;
  transform:translate(-50%,-50%) scale(1);transform-origin:center;
  transition:transform .34s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .25s;
  isolation:isolate;
}
html.draft-v3 .map-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.87) contrast(1.04)}
html.draft-v3 .map-photo::after{
  content:"";position:absolute;inset:34% 0 0;
  background:linear-gradient(transparent,rgba(4,12,18,.78));pointer-events:none;
}
html.draft-v3 .map-photo-caption{
  position:absolute;z-index:1;bottom:8px;left:9px;right:9px;
  display:flex;align-items:baseline;justify-content:space-between;gap:5px;
  font:500 10px/1.1 var(--ff-mono,ui-monospace,monospace);
  letter-spacing:.05em;text-shadow:0 1px 3px #07121b;
}
html.draft-v3 .map-photo-caption strong{font-size:13px;letter-spacing:.12em}
html.draft-v3 .map-photo-city{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html.draft-v3 .map-photo.is-on{border-color:#f5fafb;box-shadow:inset 0 1px 0 #fff,0 14px 30px rgba(0,0,0,.48)}
html.draft-v3 .map-photo:focus-visible,html.draft-v3 .map-photo[aria-expanded="true"]{
  z-index:7;transform:translate(-50%,-50%) scale(1.38);
  border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 18px 40px rgba(0,0,0,.56);
}
@media(hover:hover){
  html.draft-v3 .map-photo:hover{
    z-index:7;transform:translate(-50%,-50%) scale(1.38);
    border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 18px 40px rgba(0,0,0,.56);
  }
}
html.draft-v3 .map-photo:focus-visible{outline:2px solid #fff;outline-offset:3px}
html.draft-v3 .map-detail{
  position:relative;z-index:6;margin-top:auto;
  display:grid;grid-template-columns:minmax(0,1.3fr) minmax(170px,.85fr) auto;
  gap:clamp(18px,4vw,54px);align-items:center;
  padding:23px clamp(22px,3vw,36px);border-radius:15px;
  border:1px solid rgba(240,249,251,.34);
  color:#eaf2f3;
  background:linear-gradient(145deg,rgba(31,55,67,.93),rgba(8,23,32,.94));
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.21),0 22px 52px rgba(0,0,0,.31);
}
html.draft-v3 .map-detail .geo-ids{margin-bottom:7px}
html.draft-v3 .map-detail h3{margin:0 0 4px;color:#f4f8f8;font:600 clamp(19px,2vw,26px)/1.16 var(--ff-display,"PJ Commissioner",sans-serif)}
html.draft-v3 .map-detail .geo-city{margin:0}
html.draft-v3 .map-detail .geo-facts{margin:0}
html.draft-v3 .map-detail .geo-facts li{padding:6px 0;font-size:13px}
html.draft-v3 .map-detail-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:176px}
html.draft-v3 .map-detail .geo-phone{margin:0;text-align:center;white-space:nowrap}
html.draft-v3 .map-detail .btn{white-space:nowrap;text-align:center}
html.draft-v3 .geo-stage .geo-fore>.note{margin:13px 0 0;color:#cbd6d9}
@media(max-width:900px){
  html.draft-v3 .map-detail{grid-template-columns:1fr 1fr;gap:16px 26px}
  html.draft-v3 .map-detail-actions{grid-column:1/-1;flex-direction:row;align-items:center}
}
@media(max-width:700px){
  html.draft-v3 .geo-stage,html.draft-v3 .geo-stage .geo-fore{min-height:1170px}
  html.draft-v3 .geo-stage .geo-fore{padding-top:56px}
  html.draft-v3 .geo-stage .geo-fore .sec-head{margin-bottom:18px}
  html.draft-v3 .geo-stage .map svg:not(.map-photo-leaders){inset:295px 0 auto;width:100%;height:470px}
  html.draft-v3 .geo-stage .geo-codes{gap:5px}
  html.draft-v3 .geo-stage .geo-code{padding:8px 11px;font-size:11px}
  html.draft-v3 .map-photo{width:112px;height:83px}
  html.draft-v3 .map-photo[data-apt="SCO"]{transform-origin:left center}
  html.draft-v3 .map-photo[data-apt="KGF"],.map-photo[data-apt="CIT"]{transform-origin:right center}
  html.draft-v3 .map-photo[data-apt="SCO"]:focus-visible,html.draft-v3 .map-photo[data-apt="SCO"][aria-expanded="true"]{transform:translate(-50%,-50%) scale(1.3)}
  html.draft-v3 .map-photo[data-apt="KGF"]:focus-visible,html.draft-v3 .map-photo[data-apt="KGF"][aria-expanded="true"],
  html.draft-v3 .map-photo[data-apt="CIT"]:focus-visible,html.draft-v3 .map-photo[data-apt="CIT"][aria-expanded="true"]{transform:translate(-50%,-50%) scale(1.3)}
  html.draft-v3 .map-photo-caption{bottom:6px;left:7px;right:7px;font-size:8px}
  html.draft-v3 .map-photo-caption strong{font-size:11px}
  html.draft-v3 .map-detail{grid-template-columns:1fr;padding:18px;gap:12px}
  html.draft-v3 .map-detail-service{display:none}
  html.draft-v3 .map-detail-actions{grid-column:auto;flex-direction:row;flex-wrap:wrap;gap:12px}
  html.draft-v3 .map-detail .btn{font-size:12px;padding:10px 15px}
}
@media(max-width:700px) and (hover:hover){
  html.draft-v3 .map-photo[data-apt="SCO"]:hover,
  html.draft-v3 .map-photo[data-apt="KGF"]:hover,
  html.draft-v3 .map-photo[data-apt="CIT"]:hover{transform:translate(-50%,-50%) scale(1.3)}
}
@media(max-width:360px){
  html.draft-v3 .map-photo{width:96px;height:77px}
  html.draft-v3 .map-photo-city{max-width:50px}
  html.draft-v3 .map-detail-actions{align-items:flex-start;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
  html.draft-v3 .map-photo{transition:none}
}
