html[data-process-layout-tuning] {
  --tune-title-size: 53px;
  --tune-description-size: 27px;
  --tune-copy-width: 1090px;
  --tune-copy-x: 0px;
  --tune-copy-y: 165px;
  --tune-map-scale: 1.51;
  --tune-map-x: 0px;
  --tune-map-y: -40px;
  --tune-particle-scale: 1.09;
  --tune-particle-x: 0px;
  --tune-particle-y: 20px;
}

html[data-process-layout-tuning] .journey-stage.has-expanded-map .process-copy h1,
html[data-process-layout-tuning] .journey-stage.has-expanded-map .process-copy h2 {
  font-size: var(--tune-title-size);
  white-space: nowrap;
}

html[data-process-layout-tuning] .journey-stage.has-expanded-map .process-description {
  width: 100%;
  max-width: none;
  font-size: var(--tune-description-size);
}

html[data-process-layout-tuning] .journey-stage.has-expanded-map .process-description br {
  display: none;
}

html[data-process-layout-tuning] .journey-stage.has-expanded-map .journey-copy {
  left: calc(50% + var(--tune-copy-x));
  width: var(--tune-copy-width);
  margin-top: var(--tune-copy-y);
}

html[data-process-layout-tuning] .journey-stage.has-expanded-map .journey-canvas {
  scale: var(--tune-particle-scale);
  translate: var(--tune-particle-x) var(--tune-particle-y);
}

html[data-process-layout-tuning] .process-map.is-always-open {
  right: calc(50% - var(--tune-map-x));
  margin-bottom: calc(-1 * var(--tune-map-y));
  transform: translateX(50%) scale(var(--tune-map-scale));
  transform-origin: 50% 100%;
}