{
  "id": "site-builder-split-screen-041",
  "css": "",
  "fps": 30,
  "html": "<section id=\"s41-1\" data-jc-clip=\"\" data-jc-name=\"01 · Speaker and empty build area\" data-jc-kind=\"scene\" data-jc-start=\"0\" data-jc-duration=\"2.7\" data-jc-track=\"0\" style=\"left:0;top:0;width:1080px;height:1920px;overflow:hidden;background:#F7F0E4\"><video id=\"s41-v1\" data-jc-clip=\"\" data-jc-name=\"Speaker opening take\" data-jc-kind=\"video\" data-jc-start=\"0\" data-jc-duration=\"2.7\" data-jc-track=\"1\" data-jc-media-start=\"2\" data-jc-media-end=\"4.7\" data-jc-muted=\"true\" playsinline muted src=\"https://jsoncut.com/showcase/examples/site-builder-split-screen/assets/vertical-presenter-speaking-to-camera-neutral-studio-warm-background-video-by-cottonbro-studio.mp4\" style=\"left:0;top:0;width:520px;height:1920px;object-fit:cover;object-position:51% 42%;filter:saturate(.72) contrast(1.03) brightness(.88)\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;scale&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:1.03,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:2.65,&quot;value&quot;:1.08,&quot;easing&quot;:&quot;linear&quot;}]}]}\"></video><div id=\"s41-wash1\" data-jc-clip=\"\" data-jc-name=\"Speaker warm wash\" data-jc-kind=\"shape\" data-jc-start=\"0\" data-jc-duration=\"2.7\" data-jc-track=\"2\" style=\"left:0px;top:0px;width:520px;height:1920px;background:#D56C4D22;border-radius:0px;\"></div><div id=\"s41-right1\" data-jc-clip=\"\" data-jc-name=\"Empty website side\" data-jc-kind=\"shape\" data-jc-start=\"0\" data-jc-duration=\"2.7\" data-jc-track=\"2\" style=\"left:520px;top:0px;width:560px;height:1920px;background:#F7F0E4;border-radius:0px;\"></div><div id=\"s41-div1\" data-jc-clip=\"\" data-jc-name=\"Spatial divider\" data-jc-kind=\"shape\" data-jc-start=\"0\" data-jc-duration=\"2.7\" data-jc-track=\"8\" style=\"left:513px;top:0px;width:14px;height:1920px;background:#2556D8;border-radius:0px;\"></div><div id=\"s41-hook1\" data-jc-clip=\"\" data-jc-name=\"Speaker hook\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"2.55\" data-jc-track=\"9\" style=\"left:42px;top:1290px;width:430px;height:250px;background:#1B2A42;border-radius:0;color:#F7F0E4;font-family:Manrope;font-size:60px;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-align:center;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;position&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:{&quot;x&quot;:-440,&quot;y&quot;:1290},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:0.45,&quot;value&quot;:{&quot;x&quot;:42,&quot;y&quot;:1290},&quot;easing&quot;:&quot;back-out&quot;}]}]}\">WATCH THE RIGHT SIDE.</div><div id=\"s41-empty1\" data-jc-clip=\"\" data-jc-name=\"Empty stage prompt\" data-jc-kind=\"text\" data-jc-start=\"0.25\" data-jc-duration=\"2.15\" data-jc-track=\"7\" style=\"left:575px;top:660px;width:450px;height:360px;background:transparent;border-radius:0;color:#2556D8;font-family:Manrope;font-size:68px;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:0.15,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:1.9,&quot;value&quot;:0.55,&quot;easing&quot;:&quot;linear&quot;}]}]}\">ONE SENTENCE.\nONE SITE.</div></section><section id=\"s41-2\" data-jc-clip=\"\" data-jc-name=\"02 · Prompt handoff\" data-jc-kind=\"scene\" data-jc-start=\"2.7\" data-jc-duration=\"4\" data-jc-track=\"0\" data-jc-transition=\"cross-dissolve\" data-jc-transition-duration=\".38\" data-jc-transition-easing=\"ease-in-out\" data-jc-transition-from=\"s41-1\" data-jc-transition-to=\"s41-2\" style=\"left:0;top:0;width:1080px;height:1920px;overflow:hidden;background:#F7F0E4\"><video id=\"s41-v2\" data-jc-clip=\"\" data-jc-name=\"Speaker prompt take\" data-jc-kind=\"video\" data-jc-start=\"2.7\" data-jc-duration=\"4\" data-jc-track=\"1\" data-jc-media-start=\"4.7\" data-jc-media-end=\"8.7\" data-jc-muted=\"true\" playsinline muted src=\"https://jsoncut.com/showcase/examples/site-builder-split-screen/assets/vertical-presenter-speaking-to-camera-neutral-studio-warm-background-video-by-cottonbro-studio.mp4\" style=\"left:0;top:0;width:520px;height:1920px;object-fit:cover;object-position:51% 42%;filter:saturate(.72) contrast(1.03) brightness(.88)\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;position&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:{&quot;x&quot;:0,&quot;y&quot;:0},&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:3.95,&quot;value&quot;:{&quot;x&quot;:-8,&quot;y&quot;:0},&quot;easing&quot;:&quot;linear&quot;}]}]}\"></video><div id=\"s41-wash2\" data-jc-clip=\"\" data-jc-name=\"Speaker cobalt wash\" data-jc-kind=\"shape\" data-jc-start=\"2.7\" data-jc-duration=\"4\" data-jc-track=\"2\" style=\"left:0px;top:0px;width:520px;height:1920px;background:#2556D822;border-radius:0px;\"></div><div id=\"s41-right2\" data-jc-clip=\"\" data-jc-name=\"Prompt workspace\" data-jc-kind=\"shape\" data-jc-start=\"2.7\" data-jc-duration=\"4\" data-jc-track=\"2\" style=\"left:520px;top:0px;width:560px;height:1920px;background:#1B2A42;border-radius:0px;\"></div><div id=\"s41-div2\" data-jc-clip=\"\" data-jc-name=\"Spatial divider\" data-jc-kind=\"shape\" data-jc-start=\"2.7\" data-jc-duration=\"4\" data-jc-track=\"8\" style=\"left:513px;top:0px;width:14px;height:1920px;background:#D56C4D;border-radius:0px;\"></div><div id=\"s41-label2\" data-jc-clip=\"\" data-jc-name=\"Prompt label\" data-jc-kind=\"text\" data-jc-start=\"2.7\" data-jc-duration=\"3.9\" data-jc-track=\"7\" style=\"left:575px;top:190px;width:450px;height:70px;background:#1B2A42;border-radius:0;color:#F2C565;font-family:Manrope;font-size:24px;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\">PROMPT</div><div id=\"s41-prompt2\" data-jc-clip=\"\" data-jc-name=\"Prompt field\" data-jc-kind=\"shape\" data-jc-start=\"2.85\" data-jc-duration=\"3.7\" data-jc-track=\"5\" style=\"left:565px;top:300px;width:470px;height:850px;background:#F7F0E4;border-radius:30px;box-shadow:0 25px 55px #0004\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;scale&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:0.86,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:0.36,&quot;value&quot;:1,&quot;easing&quot;:&quot;back-out&quot;}]}]}\"></div><div id=\"s41-copy2\" data-jc-clip=\"\" data-jc-name=\"Prompt sentence\" data-jc-kind=\"text\" data-jc-start=\"3.05\" data-jc-duration=\"3.35\" data-jc-track=\"7\" style=\"left:615px;top:380px;width:370px;height:530px;background:transparent;border-radius:0;color:#1B2A42;font-family:Manrope;font-size:48px;font-weight:700;line-height:1.05;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:0.15,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:1.15,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-out&quot;}]}]}\">Build a calm launch page\nfor a neighborhood\nceramic studio.</div><div id=\"s41-go2\" data-jc-clip=\"\" data-jc-name=\"Generate button\" data-jc-kind=\"shape\" data-jc-start=\"3.65\" data-jc-duration=\"2.7\" data-jc-track=\"7\" style=\"left:615px;top:970px;width:370px;height:112px;background:#D56C4D;border-radius:56px;\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;scale&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:0.5,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:0.32,&quot;value&quot;:1,&quot;easing&quot;:&quot;back-out&quot;}]}]}\"></div><div id=\"s41-got2\" data-jc-clip=\"\" data-jc-name=\"Generate button label\" data-jc-kind=\"text\" data-jc-start=\"3.65\" data-jc-duration=\"2.7\" data-jc-track=\"8\" style=\"left:655px;top:990px;width:290px;height:72px;background:#D56C4D;border-radius:0;color:#FFFFFF;font-family:Manrope;font-size:24px;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-align:center;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\">BUILD THE PAGE</div></section><section id=\"s41-3\" data-jc-clip=\"\" data-jc-name=\"03 · Website builds\" data-jc-kind=\"scene\" data-jc-start=\"6.7\" data-jc-duration=\"4.6\" data-jc-track=\"0\" data-jc-transition=\"wipe-left\" data-jc-transition-duration=\".38\" data-jc-transition-easing=\"ease-in-out\" data-jc-transition-from=\"s41-2\" data-jc-transition-to=\"s41-3\" style=\"left:0;top:0;width:1080px;height:1920px;overflow:hidden;background:#F7F0E4\"><video id=\"s41-v3\" data-jc-clip=\"\" data-jc-name=\"Speaker watches build\" data-jc-kind=\"video\" data-jc-start=\"6.7\" data-jc-duration=\"4.6\" data-jc-track=\"1\" data-jc-media-start=\"8.7\" data-jc-media-end=\"13.3\" data-jc-muted=\"true\" playsinline muted src=\"https://jsoncut.com/showcase/examples/site-builder-split-screen/assets/vertical-presenter-speaking-to-camera-neutral-studio-warm-background-video-by-cottonbro-studio.mp4\" style=\"left:0;top:0;width:520px;height:1920px;object-fit:cover;object-position:51% 42%;filter:saturate(.72) contrast(1.03) brightness(.88)\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;scale&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:1.08,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:4.55,&quot;value&quot;:1.03,&quot;easing&quot;:&quot;linear&quot;}]}]}\"></video><div id=\"s41-shade3\" data-jc-clip=\"\" data-jc-name=\"Speaker quiet shade\" data-jc-kind=\"shape\" data-jc-start=\"6.7\" data-jc-duration=\"4.6\" data-jc-track=\"2\" style=\"left:0px;top:0px;width:520px;height:1920px;background:#1B2A4244;border-radius:0px;\"></div><div id=\"s41-div3\" data-jc-clip=\"\" data-jc-name=\"Spatial divider\" data-jc-kind=\"shape\" data-jc-start=\"6.7\" data-jc-duration=\"4.6\" data-jc-track=\"9\" style=\"left:513px;top:0px;width:14px;height:1920px;background:#2556D8;border-radius:0px;\"></div><div id=\"s41-web3-paper\" data-jc-clip=\"\" data-jc-name=\"Website paper surface\" data-jc-kind=\"shape\" data-jc-start=\"6.7\" data-jc-duration=\"4.6\" data-jc-track=\"3\" style=\"left:535px;top:70px;width:525px;height:1780px;background:#F7F0E4;border-radius:18px;box-shadow:0 22px 70px #1B2A4222\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:0.4,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:0.35,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-out&quot;}]}]}\"></div><div id=\"s41-web3-logo\" data-jc-clip=\"\" data-jc-name=\"Website wordmark\" data-jc-kind=\"text\" data-jc-start=\"6.7\" data-jc-duration=\"4.6\" data-jc-track=\"6\" style=\"left:569px;top:100px;width:457px;height:64px;background:transparent;border-radius:0;color:#1B2A42;font-family:Manrope;font-size:24px;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;position&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:{&quot;x&quot;:569,&quot;y&quot;:70},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:0.35,&quot;value&quot;:{&quot;x&quot;:569,&quot;y&quot;:100},&quot;easing&quot;:&quot;ease-out&quot;}]}]}\">MOSS / MORTAR</div><img id=\"s41-web3-photo\" data-jc-clip=\"\" data-jc-name=\"Ceramic sculpture website hero\" data-jc-kind=\"image\" data-jc-start=\"6.85\" data-jc-duration=\"4.45\" data-jc-track=\"4\" src=\"https://jsoncut.com/showcase/examples/site-builder-split-screen/assets/unique-ceramic-sculpture-with-delicate-curves-and-minimalist-design.jpg\" style=\"left:569px;top:210px;width:457px;height:650px;object-fit:cover;object-position:50% 45%;background:#D56C4D;border-radius:18px\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;s41-web3-photo-scale&quot;,&quot;property&quot;:&quot;scale&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;s41-web3-photo-scale-0&quot;,&quot;time&quot;:0,&quot;value&quot;:1.025,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;s41-web3-photo-scale-1&quot;,&quot;time&quot;:4.45,&quot;value&quot;:1.08,&quot;easing&quot;:&quot;linear&quot;}]}]}\"><div id=\"s41-web3-headline\" data-jc-clip=\"\" data-jc-name=\"Website hero headline\" data-jc-kind=\"text\" data-jc-start=\"7.25\" data-jc-duration=\"4.05\" data-jc-track=\"7\" style=\"left:579px;top:890px;width:437px;height:300px;background:transparent;border-radius:0;color:#1B2A42;font-family:Manrope;font-size:34px;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;position&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:{&quot;x&quot;:579,&quot;y&quot;:1070},&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:0.42,&quot;value&quot;:{&quot;x&quot;:579,&quot;y&quot;:890},&quot;easing&quot;:&quot;ease-out&quot;}]}]}\">SHAPED BY\nTHE NEIGHBORHOOD.</div><div id=\"s41-web3-copy\" data-jc-clip=\"\" data-jc-name=\"Website introduction\" data-jc-kind=\"text\" data-jc-start=\"7.45\" data-jc-duration=\"3.8499999999999996\" data-jc-track=\"7\" style=\"left:579px;top:1210px;width:437px;height:150px;background:transparent;border-radius:0;color:#47546A;font-family:Manrope;font-size:24px;font-weight:600;line-height:1.05;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\">Small-run ceramics, classes,\nand open studio Saturdays.</div><div id=\"s41-web3-cta\" data-jc-clip=\"\" data-jc-name=\"Website visit button\" data-jc-kind=\"shape\" data-jc-start=\"7.6000000000000005\" data-jc-duration=\"3.6999999999999997\" data-jc-track=\"6\" style=\"left:579px;top:1410px;width:330px;height:108px;background:#1B2A42;border-radius:54px;\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;scale&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:0.7,&quot;easing&quot;:&quot;back-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:0.34,&quot;value&quot;:1,&quot;easing&quot;:&quot;back-out&quot;}]}]}\"></div><div id=\"s41-web3-ctat\" data-jc-clip=\"\" data-jc-name=\"Website visit button label\" data-jc-kind=\"text\" data-jc-start=\"7.6000000000000005\" data-jc-duration=\"3.6999999999999997\" data-jc-track=\"7\" style=\"left:619px;top:1429px;width:250px;height:70px;background:#1B2A42;border-radius:0;color:#F7F0E4;font-family:Manrope;font-size:22px;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-align:center;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\">BOOK A STUDIO VISIT</div><div id=\"s41-web3-foot\" data-jc-clip=\"\" data-jc-name=\"Website footer\" data-jc-kind=\"text\" data-jc-start=\"7.75\" data-jc-duration=\"3.55\" data-jc-track=\"7\" style=\"left:579px;top:1600px;width:437px;height:76px;background:transparent;border-radius:0;color:#1B2A42;font-family:Manrope;font-size:22px;font-weight:700;line-height:1.05;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\">SAT 10–16  ·  EAST YARD</div></section><section id=\"s41-4\" data-jc-clip=\"\" data-jc-name=\"04 · Explain connected result\" data-jc-kind=\"scene\" data-jc-start=\"11.3\" data-jc-duration=\"4.7\" data-jc-track=\"0\" data-jc-transition=\"soft-blur\" data-jc-transition-duration=\".38\" data-jc-transition-easing=\"ease-in-out\" data-jc-transition-from=\"s41-3\" data-jc-transition-to=\"s41-4\" style=\"left:0;top:0;width:1080px;height:1920px;overflow:hidden;background:#F7F0E4\"><video id=\"s41-v4\" data-jc-clip=\"\" data-jc-name=\"Speaker explanation take\" data-jc-kind=\"video\" data-jc-start=\"11.3\" data-jc-duration=\"4.7\" data-jc-track=\"1\" data-jc-media-start=\"13.3\" data-jc-media-end=\"18\" data-jc-muted=\"true\" playsinline muted src=\"https://jsoncut.com/showcase/examples/site-builder-split-screen/assets/vertical-presenter-speaking-to-camera-neutral-studio-warm-background-video-by-cottonbro-studio.mp4\" style=\"left:0;top:0;width:520px;height:1920px;object-fit:cover;object-position:51% 42%;filter:saturate(.72) contrast(1.03) brightness(.88)\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;position&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:{&quot;x&quot;:0,&quot;y&quot;:0},&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:4.65,&quot;value&quot;:{&quot;x&quot;:8,&quot;y&quot;:0},&quot;easing&quot;:&quot;linear&quot;}]}]}\"></video><div id=\"s41-wash4\" data-jc-clip=\"\" data-jc-name=\"Speaker terracotta wash\" data-jc-kind=\"shape\" data-jc-start=\"11.3\" data-jc-duration=\"4.7\" data-jc-track=\"2\" style=\"left:0px;top:0px;width:520px;height:1920px;background:#D56C4D30;border-radius:0px;\"></div><img src=\"https://jsoncut.com/showcase/examples/site-builder-split-screen/assets/unique-ceramic-sculpture-with-delicate-curves-and-minimalist-design.jpg\" style=\"left:569px;top:220px;width:457px;height:700px\" data-jc-track=\"5\" data-jc-duration=\"4.55\" data-jc-start=\"11.45\" data-jc-name=\"Ceramic sculpture website hero\" data-jc-kind=\"image\" data-jc-clip=\"\" id=\"image-1\"><div id=\"s41-div4\" data-jc-clip=\"\" data-jc-name=\"Spatial divider\" data-jc-kind=\"shape\" data-jc-start=\"11.3\" data-jc-duration=\"4.7\" data-jc-track=\"9\" style=\"left:513px;top:0px;width:14px;height:1920px;background:#D56C4D;border-radius:0px;\"></div><div id=\"s41-web4-paper\" data-jc-clip=\"\" data-jc-name=\"Website paper surface\" data-jc-kind=\"shape\" data-jc-start=\"11.3\" data-jc-duration=\"4.7\" data-jc-track=\"3\" style=\"left:535px;top:70px;width:525px;height:1780px;background:#F7F0E4;border-radius:18px;box-shadow:0 22px 70px #1B2A4222\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:0.35,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-out&quot;}]}]}\"></div><div id=\"s41-web4-logo\" data-jc-clip=\"\" data-jc-name=\"Website wordmark\" data-jc-kind=\"text\" data-jc-start=\"11.3\" data-jc-duration=\"4.7\" data-jc-track=\"6\" style=\"left:569px;top:100px;width:457px;height:64px;background:transparent;border-radius:0;color:#1B2A42;font-family:Manrope;font-size:24px;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\">MOSS / MORTAR</div><div id=\"s41-web4-headline\" data-jc-clip=\"\" data-jc-name=\"Website hero headline\" data-jc-kind=\"text\" data-jc-start=\"11.850000000000001\" data-jc-duration=\"4.15\" data-jc-track=\"7\" style=\"left:579px;top:900px;width:437px;height:315px;background:transparent;border-radius:0;color:#1B2A42;font-family:Manrope;font-size:34px;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\">SHAPED BY\nTHE NEIGHBORHOOD.</div><div id=\"s41-web4-copy\" data-jc-clip=\"\" data-jc-name=\"Website introduction\" data-jc-kind=\"text\" data-jc-start=\"12.05\" data-jc-duration=\"3.95\" data-jc-track=\"7\" style=\"left:579px;top:1255px;width:437px;height:140px;background:transparent;border-radius:0;color:#47546A;font-family:Manrope;font-size:24px;font-weight:600;line-height:1.05;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\">Small-run ceramics, classes,\nand open studio Saturdays.</div><div id=\"s41-web4-cta\" data-jc-clip=\"\" data-jc-name=\"Website visit button\" data-jc-kind=\"shape\" data-jc-start=\"12.200000000000001\" data-jc-duration=\"3.8000000000000003\" data-jc-track=\"6\" style=\"left:579px;top:1450px;width:330px;height:108px;background:#1B2A42;border-radius:54px;\"></div><div id=\"s41-web4-ctat\" data-jc-clip=\"\" data-jc-name=\"Website visit button label\" data-jc-kind=\"text\" data-jc-start=\"12.200000000000001\" data-jc-duration=\"3.8000000000000003\" data-jc-track=\"7\" style=\"left:579px;top:1450px;width:330px;height:108px;background:#1B2A42;border-radius:0;color:#F7F0E4;font-family:Manrope;font-size:22px;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-align:center;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\">BOOK A STUDIO VISIT</div><div id=\"s41-web4-foot\" data-jc-clip=\"\" data-jc-name=\"Website footer\" data-jc-kind=\"text\" data-jc-start=\"12.350000000000001\" data-jc-duration=\"3.6500000000000004\" data-jc-track=\"7\" style=\"left:579px;top:1630px;width:437px;height:76px;background:transparent;border-radius:0;color:#1B2A42;font-family:Manrope;font-size:22px;font-weight:700;line-height:1.05;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\">SAT 10–16  ·  EAST YARD</div></section><section id=\"s41-5\" data-jc-clip=\"\" data-jc-name=\"05 · Website fullscreen result\" data-jc-kind=\"scene\" data-jc-start=\"16\" data-jc-duration=\"4\" data-jc-track=\"0\" data-jc-transition=\"split-vertical\" data-jc-transition-duration=\".38\" data-jc-transition-easing=\"ease-in-out\" data-jc-transition-from=\"s41-4\" data-jc-transition-to=\"s41-5\" style=\"left:0;top:0;width:1080px;height:1920px;overflow:hidden;background:#F7F0E4\"><div id=\"s41-web5-paper\" data-jc-clip=\"\" data-jc-name=\"Website paper surface\" data-jc-kind=\"shape\" data-jc-start=\"16\" data-jc-duration=\"4\" data-jc-track=\"3\" style=\"left:70px;top:70px;width:940px;height:1780px;background:#F7F0E4;border-radius:18px;box-shadow:0 22px 70px #1B2A4222\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:0.35,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-out&quot;}]}]}\"></div><img src=\"https://jsoncut.com/showcase/examples/site-builder-split-screen/assets/handcrafted-ceramic-pots-and-mugs-showcased-on-wooden-shelves-with-natural-lighting.jpg\" style=\"left:104px;top:220px;width:872px;height:700px\" data-jc-track=\"5\" data-jc-duration=\"3.7\" data-jc-start=\"16.3\" data-jc-name=\"Ceramics workshop fullscreen hero\" data-jc-kind=\"image\" data-jc-clip=\"\" id=\"image-2\"><div id=\"s41-web5-logo\" data-jc-clip=\"\" data-jc-name=\"Website wordmark\" data-jc-kind=\"text\" data-jc-start=\"16\" data-jc-duration=\"4\" data-jc-track=\"6\" style=\"left:104px;top:100px;width:872px;height:64px;background:transparent;border-radius:0;color:#1B2A42;font-family:Manrope;font-size:24px;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\">MOSS / MORTAR</div><div id=\"s41-web5-headline\" data-jc-clip=\"\" data-jc-name=\"Website hero headline\" data-jc-kind=\"text\" data-jc-start=\"16.55\" data-jc-duration=\"3.45\" data-jc-track=\"7\" style=\"left:114px;top:950px;width:852px;height:260px;background:transparent;border-radius:0;color:#1B2A42;font-family:Manrope;font-size:48px;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\">SHAPED BY\nTHE NEIGHBORHOOD.</div><div id=\"s41-web5-copy\" data-jc-clip=\"\" data-jc-name=\"Website introduction\" data-jc-kind=\"text\" data-jc-start=\"16.75\" data-jc-duration=\"3.25\" data-jc-track=\"7\" style=\"left:114px;top:1255px;width:852px;height:140px;background:transparent;border-radius:0;color:#47546A;font-family:Manrope;font-size:30px;font-weight:600;line-height:1.05;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\">Small-run ceramics, classes,\nand open studio Saturdays.</div><div id=\"s41-web5-cta\" data-jc-clip=\"\" data-jc-name=\"Website visit button\" data-jc-kind=\"shape\" data-jc-start=\"16.9\" data-jc-duration=\"3.1\" data-jc-track=\"6\" style=\"left:114px;top:1450px;width:330px;height:108px;background:#1B2A42;border-radius:54px;\"></div><div id=\"s41-web5-ctat\" data-jc-clip=\"\" data-jc-name=\"Website visit button label\" data-jc-kind=\"text\" data-jc-start=\"16.9\" data-jc-duration=\"3.1\" data-jc-track=\"7\" style=\"left:114px;top:1450px;width:330px;height:108px;background:#1B2A42;border-radius:0;color:#F7F0E4;font-family:Manrope;font-size:22px;font-weight:800;line-height:1.05;letter-spacing:-.02em;text-align:center;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\">BOOK A STUDIO VISIT</div><div id=\"s41-web5-foot\" data-jc-clip=\"\" data-jc-name=\"Website footer\" data-jc-kind=\"text\" data-jc-start=\"17.05\" data-jc-duration=\"2.95\" data-jc-track=\"7\" style=\"left:114px;top:1630px;width:852px;height:76px;background:transparent;border-radius:0;color:#1B2A42;font-family:Manrope;font-size:22px;font-weight:700;line-height:1.05;letter-spacing:-.02em;text-align:left;white-space:pre-wrap;display:grid;align-content:center;overflow:hidden\">SAT 10–16  ·  EAST YARD</div><div id=\"s41-frame5\" data-jc-clip=\"\" data-jc-name=\"Fullscreen cobalt frame\" data-jc-kind=\"shape\" data-jc-start=\"16\" data-jc-duration=\"4\" data-jc-track=\"10\" style=\"left:38px;top:38px;width:1004px;height:1844px;background:transparent;border-radius:20px;border:10px solid #2556D8;box-sizing:border-box;border-width:3px;border-style:solid;border-color:#182B49\" data-jc-animation=\"{&quot;tracks&quot;:[{&quot;id&quot;:&quot;a&quot;,&quot;property&quot;:&quot;opacity&quot;,&quot;keyframes&quot;:[{&quot;id&quot;:&quot;a-0&quot;,&quot;time&quot;:0,&quot;value&quot;:0.35,&quot;easing&quot;:&quot;ease-out&quot;},{&quot;id&quot;:&quot;a-1&quot;,&quot;time&quot;:0.6,&quot;value&quot;:1,&quot;easing&quot;:&quot;ease-out&quot;}]}]}\"></div></section>",
  "name": "Northline Site Builder — Split Screen",
  "width": 1080,
  "format": "jsoncut-html",
  "height": 1920,
  "values": {},
  "version": 1,
  "duration": 20,
  "safeArea": {
    "top": 0,
    "left": 0,
    "right": 0,
    "bottom": 0
  },
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "compositionKind": "video",
  "canvasBackground": "#000000",
  "editabilityTarget": "layered"
}