/* Context maps are their own visual panel, never the background of a title.
   This applies to the existing city/exact-coordinate pilots; no new locations. */
body.fnx-site.fnx-interior :is(.diag-question,.diag-opt span,.diag-crumb-answer,.diag-result-route){font-family:var(--fnx-sans)}
/* Decorative crop marks must not share the cartographic annotation area. */
body.fnx-site.fnx-interior .project-hero-map.mark::before,
body.fnx-site.fnx-interior .project-hero-map.mark::after{display:none}
body.fnx-site.fnx-interior .project-hero.project-hero-map {
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);
  gap:0;align-items:stretch;height:auto;min-height:0;margin:0;padding:0;background:var(--fnx-navy);
}
body.fnx-site.fnx-interior .project-hero-map>.ctx-map {
  position:relative;inset:auto;width:100%;height:auto;min-height:400px;border-radius:0;isolation:isolate;
}
body.fnx-site.fnx-interior .project-hero-map>.scrim{display:none}
body.fnx-site.fnx-interior .project-hero-map .project-hero-content {
  position:static;inset:auto;max-width:none;width:100%;padding:40px var(--fnx-gutter) 40px 36px;
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
}
body.fnx-site.fnx-interior .project-hero-map .hero-title{font-size:clamp(34px,3.6vw,54px)!important}
body.fnx-site.fnx-interior .project-hero-map .ctx-map-labels{top:16px;left:16px;right:16px;max-width:none}
body.fnx-site.fnx-interior .project-hero-map .ctx-map-label{font-size:10px;line-height:1.4}
body.fnx-site.fnx-interior .project-hero-map .ctx-map-fallback{position:absolute;top:auto;left:18px;right:18px;bottom:48px;transform:none;max-width:48ch;margin:0;font:400 14px/1.5 var(--fnx-sans);text-align:left;color:#d9dee6}
body.fnx-site.fnx-interior .project-hero-map .ctx-map-attrib{left:16px;right:16px;bottom:12px;max-width:none;font-size:9px;line-height:1.4}
@media(max-width:900px){
  body.fnx-site.fnx-interior .project-hero.project-hero-map{grid-template-columns:minmax(0,1fr)}
  body.fnx-site.fnx-interior .project-hero-map>.ctx-map{height:225px;min-height:225px}
  body.fnx-site.fnx-interior .project-hero-map .project-hero-content{padding:28px var(--fnx-gutter) 32px}
  body.fnx-site.fnx-interior .project-hero-map .ctx-map-labels{top:12px;left:12px;right:12px;gap:4px}
  body.fnx-site.fnx-interior .project-hero-map .ctx-map-label{font-size:9px;padding:4px 6px}
  body.fnx-site.fnx-interior .project-hero-map .ctx-map-fallback{font-size:12px;bottom:40px}
}
