/* Decorative document-space art, clipped to the viewport and away from content. */
.scroll-art {
  position: fixed;
  z-index: -1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  user-select: none;
  color: var(--accent);
}
.scroll-art[hidden] { display: none; }
.scroll-art path { fill: none; vector-effect: non-scaling-stroke; }
.service-map-contour {
  stroke: currentColor;
  stroke-width: .8;
  stroke-opacity: .16;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  transition: stroke-dashoffset 1600ms cubic-bezier(.22,.75,.2,1);
  transition-delay: var(--contour-delay, 0ms);
}
.service-map-island.is-revealed .service-map-contour { stroke-dashoffset: 0; }
body.dialog-open .scroll-art { visibility: hidden; }
html[data-effects="off"] .scroll-art { display: none; }
@media (max-width: 700px) {
  .service-map-contour { stroke-width: .75; stroke-opacity: .17; }
}
@media (prefers-reduced-motion: reduce) {
  .service-map-contour { stroke-dashoffset: 0; stroke-opacity: .09; transition: none; }
}
@media print { .scroll-art { display: none; } }