{
  "id": "alpine-sleeper-route-book",
  "css": "#jsoncut-canvas{background:#101B2B}#sleeper-route{overflow:visible}",
  "fps": 1,
  "html": "<div id=\"sleeper-bg\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Night route canvas\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"0\" style=\"left:0;top:0;width:1920px;height:1080px;background:#101B2B\" data-jc-hidden=\"false\"></div>\n<img id=\"sleeper-photo\" data-jc-clip=\"\" data-jc-kind=\"image\" data-jc-role=\"hero\" data-jc-name=\"Exclusive Alpine sleeper window panorama\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"1\" src=\"https://jsoncut.com/showcase/examples/alpine-sleeper-route-book/assets/hero-8248bdf8.png\" style=\"left:0;top:0;width:1920px;height:1080px;object-fit:cover;object-position:50% 50%\" data-jc-hidden=\"false\">\n<div id=\"sleeper-top\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Title exposure field\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:0;top:0;width:1920px;height:380px;background:linear-gradient(180deg,rgba(16,27,43,.95),rgba(16,27,43,0))\" data-jc-hidden=\"false\"></div>\n<div id=\"sleeper-bottom\" data-jc-clip=\"\" data-jc-kind=\"shape\" data-jc-name=\"Route book panel\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"2\" style=\"left:0;top:716px;width:1920px;height:364px;background:rgba(16,27,43,.96)\" data-jc-hidden=\"false\"></div>\n<svg id=\"sleeper-route\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Chronological route line base\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"3\" style=\"left:0;top:0;width:1920px;height:1080px\" viewBox=\"0 0 1920 1080\"><path d=\"M110 874C400 790 610 928 940 842S1422 786 1810 872\" fill=\"none\" stroke=\"#6F94B7\" stroke-width=\"8\" stroke-linecap=\"round\"/></svg>\n<svg id=\"sleeper-route-dashes\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Route line dotted highlight\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:0;top:0;width:1920px;height:1080px\" viewBox=\"0 0 1920 1080\"><path d=\"M110 874C400 790 610 928 940 842S1422 786 1810 872\" fill=\"none\" stroke=\"#F0E7D3\" stroke-width=\"2\" stroke-dasharray=\"3 16\"/></svg>\n<svg id=\"sleeper-node-zurich\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Zürich route node\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:0;top:0;width:1920px;height:1080px\" viewBox=\"0 0 1920 1080\"><circle cx=\"110\" cy=\"874\" r=\"18\" fill=\"#D69A58\" stroke=\"#F0E7D3\" stroke-width=\"4\"/></svg>\n<svg id=\"sleeper-node-innsbruck\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Innsbruck route node\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:0;top:0;width:1920px;height:1080px\" viewBox=\"0 0 1920 1080\"><circle cx=\"940\" cy=\"842\" r=\"18\" fill=\"#D69A58\" stroke=\"#F0E7D3\" stroke-width=\"4\"/></svg>\n<svg id=\"sleeper-node-ljubljana\" data-jc-clip data-jc-kind=\"shape\" data-jc-name=\"Ljubljana route node\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"5\" style=\"left:0;top:0;width:1920px;height:1080px\" viewBox=\"0 0 1920 1080\"><circle cx=\"1810\" cy=\"872\" r=\"18\" fill=\"#D69A58\" stroke=\"#F0E7D3\" stroke-width=\"4\"/></svg>\n<div id=\"sleeper-eyebrow\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Cabin and route index\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:60px;top:62px;width:900px;height:24px;color:#D69A58;font-family:JetBrains Mono;font-size:20px;font-weight:700;line-height:1;letter-spacing:3px;text-align:left;background:transparent\">NIGHT ROUTE / CABIN 08</div>\n<div id=\"sleeper-title\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Alpine Sleeper title\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:56px;top:104px;width:1100px;height:105px;color:#F0E7D3;font-family:Newsreader;font-size:98px;font-weight:600;line-height:1;text-align:left;background:transparent\">The Alpine Sleeper</div>\n<div id=\"sleeper-subtitle\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Route summary\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"4\" style=\"left:60px;top:227px;width:1100px;height:28px;color:#A8B2BE;font-family:JetBrains Mono;font-size:22px;font-weight:600;line-height:1;text-align:left;background:transparent\">ZÜRICH → LJUBLJANA · ONE NIGHT / THREE STOPS</div>\n<div id=\"sleeper-zurich\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Zürich station label\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"6\" style=\"left:84px;top:781px;width:340px;height:32px;color:#F0E7D3;font-family:JetBrains Mono;font-size:26px;font-weight:700;line-height:1;text-align:left;background:transparent\">ZÜRICH HB</div>\n<div id=\"sleeper-zurich-time\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Zürich departure time\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"6\" style=\"left:84px;top:819px;width:350px;height:26px;color:#D69A58;font-family:JetBrains Mono;font-size:21px;font-weight:700;line-height:1;text-align:left;background:transparent\">21:40 / DEPART</div>\n<div id=\"sleeper-innsbruck\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Innsbruck station label\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"6\" style=\"left:824px;top:915px;width:420px;height:32px;color:#F0E7D3;font-family:JetBrains Mono;font-size:26px;font-weight:700;line-height:1;text-align:left;background:transparent\">INNSBRUCK HBF</div>\n<div id=\"sleeper-innsbruck-time\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Innsbruck night stop time\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"6\" style=\"left:824px;top:953px;width:430px;height:26px;color:#D69A58;font-family:JetBrains Mono;font-size:21px;font-weight:700;line-height:1;text-align:left;background:transparent\">02:12 / NIGHT STOP</div>\n<div id=\"sleeper-ljubljana\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Ljubljana station label\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"6\" style=\"left:1450px;top:781px;width:362px;height:32px;color:#F0E7D3;font-family:JetBrains Mono;font-size:26px;font-weight:700;line-height:1;text-align:right;background:transparent\">LJUBLJANA</div>\n<div id=\"sleeper-ljubljana-time\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Ljubljana arrival time\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"6\" style=\"left:1450px;top:819px;width:362px;height:26px;color:#D69A58;font-family:JetBrains Mono;font-size:21px;font-weight:700;line-height:1;text-align:right;background:transparent\">07:35 / ARRIVE</div>\n<div id=\"sleeper-footer-copy\" data-jc-clip data-jc-kind=\"text\" data-jc-name=\"Route-book service details\" data-jc-start=\"0\" data-jc-duration=\"1\" data-jc-track=\"7\" style=\"left:60px;top:1015px;width:1000px;height:24px;color:#A8B2BE;font-family:JetBrains Mono;font-size:18px;font-weight:600;line-height:1;text-align:left;background:transparent\">ROUTE BOOK 26–09 · SLEEPER CABINS · BREAKFAST INCLUDED AFTER 06:30</div>",
  "name": "Alpine Sleeper route book",
  "width": 1920,
  "format": "jsoncut-html",
  "height": 1080,
  "values": {},
  "version": 1,
  "duration": 1,
  "safeArea": {
    "top": 56,
    "left": 56,
    "right": 56,
    "bottom": 40
  },
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "compositionKind": "image",
  "canvasBackground": "#101B2B",
  "editabilityTarget": "layered"
}