/* Decorative illustration layers from the selected editorial atlas concept. */
body.map-only .home-art {
  position:fixed;
  z-index:1;
  pointer-events:none;
  background-repeat:no-repeat;
  background-position:center;
  background-size:100% 100%;
}
body.map-only .home-art-top {
  top:-74px;
  left:0;
  width:100vw;
  height:250px;
  opacity:.24;
  background-image:url('./assets/home-illustrations/top-mountains.png');
}
body.map-only .home-art-bottom {
  right:0;
  bottom:-58px;
  left:0;
  height:235px;
  opacity:.24;
  background-image:url('./assets/home-illustrations/bottom-mountains.png');
}
body.map-only .home-art-skyline {
  right:calc(0px - min(35vw, 650px));
  bottom:0;
  width:min(37vw,680px);
  height:auto;
  aspect-ratio:3 / 1;
  opacity:.48;
  transform:scale(3);
  transform-origin:right bottom;
  background-image:url('./assets/home-illustrations/city-skyline.png');
}
body.map-only #national-map .maplibregl-canvas-container { opacity:.68; }
body.map-only .home-title-veil {
  --veil-center-x:50%;
  --veil-radius-x:44%;
  position:fixed;
  z-index:2;
  top:0;
  left:50%;
  width:min(1420px,100vw);
  height:310px;
  transform:translateX(-50%);
  pointer-events:none;
  background:
    radial-gradient(ellipse 15% 20% at 34% 60%,rgba(255,255,255,.52),transparent),
    radial-gradient(ellipse 24% 26% at 71% 63%,rgba(255,255,255,.50),transparent),
    radial-gradient(ellipse 16% 20% at 50% 73%,rgba(255,255,255,.38),transparent),
    radial-gradient(ellipse var(--veil-radius-x) 120% at var(--veil-center-x) -20%,
      #f8fbff 0%,
      #f8fbff 64%,
      rgba(248,251,255,.96) 70%,
      rgba(248,251,255,.78) 80%,
      rgba(248,251,255,.42) 90%,
      transparent 100%);
}
body.map-only .map-only-title {
  top:16px;
  color:#112e56;
  font:700 clamp(31px,2.25vw,46px)/1.25 'Noto Serif CJK SC','Songti SC','SimSun',serif;
  letter-spacing:.015em;
  text-shadow:0 2px 12px #f4f8fce6;
}
body.map-only .home-subtitle {
  position:fixed;
  z-index:2;
  top:74px;
  left:50%;
  transform:translateX(-50%);
  margin:0;
  color:#6e88a4;
  font:600 11px/1.2 Georgia,serif;
  letter-spacing:.22em;
  white-space:nowrap;
  pointer-events:none;
  text-shadow:0 1px 8px #f8fbff;
}
body.map-only .home-subtitle:before,
body.map-only .home-subtitle:after {
  position:absolute;
  top:50%;
  width:110px;
  height:1px;
  background:linear-gradient(90deg,transparent,#b58a48);
  content:'';
}
body.map-only .home-subtitle:before { right:calc(100% + 14px); }
body.map-only .home-subtitle:after { left:calc(100% + 14px);transform:rotate(180deg); }
body.map-only .home-editorial-note,
body.map-only .home-footer-note {
  position:fixed;
  z-index:2;
  margin:0;
  pointer-events:none;
  color:#7892ad;
  font-family:'Noto Serif CJK SC','Songti SC','SimSun',serif;
  text-shadow:0 1px 8px #f5f9fd;
}
body.map-only .home-editorial-note {
  top:42px;
  left:44px;
  padding-left:13px;
  border-left:1px solid #c29a5f;
  font-size:13px;
  line-height:1.7;
  letter-spacing:.24em;
}
body.map-only .home-footer-note {
  bottom:25px;
  left:37px;
  font-size:10px;
  line-height:1.8;
  letter-spacing:.25em;
}
body.map-only .home-footer-note span { font:600 9px Georgia,serif;letter-spacing:.42em; }
body.map-only .home-footer-note:after {
  display:block;
  width:31px;
  height:1px;
  margin-top:9px;
  background:#b98d4a;
  content:'';
}
body.map-only .top-page-nav {
  top:15px;
  right:19px;
  transform:scale(2);
  transform-origin:top right;
}
body.map-only .top-page-nav a {
  min-height:25px;
  padding:0 5px;
  border-color:transparent;
  background:transparent;
  box-shadow:none;
  color:#69849d;
  font-size:11px;
}
body.map-only .top-page-nav a[aria-current="page"] {
  background:transparent;
  border-color:transparent;
  box-shadow:inset 0 -1px #b18a4c;
}
@media(max-width:1250px) {
  body.map-only .home-editorial-note { display:none; }
  body.map-only .home-subtitle { display:none; }
}
@media(min-width:901px) and (max-width:1100px) {
  body.map-only .home-title-veil {
    --veil-center-x:24%;
    --veil-radius-x:55%;
    height:250px;
  }
}
@media(max-width:900px) {
  body.map-only .home-title-veil {
    --veil-radius-x:90%;
    height:220px;
  }
  body.map-only .home-art,
  body.map-only .home-footer-note { display:none; }
  body.map-only .map-only-title { top:16px; }
  body.map-only .top-page-nav { top:70px;right:12px; }
  body.map-only .top-page-nav a {
    min-height:34px;
    padding:0 8px;
    border:1px solid #abc2d588;
    background:#f8fbfedc;
    box-shadow:0 2px 8px #21486c12;
    font-size:12px;
  }
}
@media(max-width:600px) {
  body.map-only .map-only-title {
    top:11px;
    max-width:calc(100vw - 20px);
    font-size:21px;
    line-height:1.2;
  }
  body.map-only .top-page-nav { top:76px;right:9px; }
}
@media(max-width:368px) {
  body.map-only .top-page-nav { transform:scale(1.7); }
}