{
  "id": "example-video-031-pocket-turn",
  "css": "",
  "fps": 30,
  "html": "<section id=\"p31-s1\" data-jc-clip=\"\" data-jc-name=\"01 · Archive Leader\" data-jc-kind=\"scene\" data-jc-start=\"0\" data-jc-duration=\"2.6\" data-jc-track=\"0\" style=\"left:0;top:0;width:1080px;height:1920px;overflow:hidden;background:#11110F\"><div id=\"p31-bg1\" data-jc-clip=\"\" data-jc-name=\"Archive black\" data-jc-kind=\"shape\" data-jc-start=\"0\" data-jc-duration=\"2.6\" data-jc-track=\"1\" style=\"left:0px;top:0px;width:1080px;height:1920px;background:#11110F;border-radius:0px;\"></div><div id=\"p31-tc1\" data-jc-clip=\"\" data-jc-name=\"Archive timecode\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"2.5\" data-jc-track=\"3\" style=\"left:66px;top:70px;width:480px;height:58px;color:#E45B3D;font-family:JetBrains Mono,sans-serif;font-size:26px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">00:00:07:01</div><div id=\"p31-y1\" data-jc-clip=\"\" data-jc-name=\"Historical year\" data-jc-kind=\"text\" data-jc-start=\"0\" data-jc-duration=\"2.5\" data-jc-track=\"3\" style=\"left:55px;top:410px;width:970px;height:520px;color:#D9D0BB;font-family:Roboto Condensed,sans-serif;font-size:260px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">2007</div><div id=\"p31-c1\" data-jc-clip=\"\" data-jc-name=\"Archive cue\" data-jc-kind=\"text\" data-jc-start=\"0.25\" data-jc-duration=\"2.1\" data-jc-track=\"3\" style=\"left:62px;top:1000px;width:820px;height:110px;color:#D9D0BB;font-family:Roboto Condensed,sans-serif;font-size:52px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">THE POCKET TURN</div><div id=\"p31-l1\" data-jc-clip=\"\" data-jc-name=\"Leader scan\" data-jc-kind=\"shape\" data-jc-start=\"0.1\" data-jc-duration=\"2.4\" data-jc-track=\"3\" style=\"left:62px;top:1180px;width:956px;height:7px;background:#E45B3D;border-radius:0px;\" data-jc-animation='{\"tracks\":[{\"property\":\"position\",\"keyframes\":[{\"time\":0,\"value\":{\"x\":-900,\"y\":1180},\"id\":\"k0-0\",\"easing\":\"ease-in-out\"},{\"time\":0.7,\"value\":{\"x\":62,\"y\":1180},\"id\":\"k0-1\",\"easing\":\"ease-in-out\"}],\"id\":\"t0\"}]}'></div><div id=\"p31-sr1\" data-jc-clip=\"\" data-jc-name=\"Archive source line\" data-jc-kind=\"text\" data-jc-start=\"0.55\" data-jc-duration=\"1.9\" data-jc-track=\"3\" style=\"left:62px;top:1680px;width:900px;height:56px;color:#8E897D;font-family:JetBrains Mono,sans-serif;font-size:23px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">DEVICE CULTURE / OBSERVATION 01</div></section><section id=\"p31-s2\" data-jc-clip=\"\" data-jc-name=\"02 · The Tool\" data-jc-kind=\"scene\" data-jc-start=\"2.6\" data-jc-duration=\"3.8\" data-jc-track=\"0\" style=\"left:0;top:0;width:1080px;height:1920px;overflow:hidden;background:#11110F\" data-jc-transition=\"flash-white\" data-jc-transition-duration=\".22\" data-jc-transition-easing=\"ease-in-out\" data-jc-transition-from=\"p31-s1\" data-jc-transition-to=\"p31-s2\"><video muted data-jc-muted=\"true\" id=\"p31-v2\" data-jc-clip=\"\" data-jc-name=\"Old mobile phone archive\" data-jc-kind=\"video\" data-jc-start=\"2.6\" data-jc-duration=\"3.8\" data-jc-track=\"1\" style=\"left:-1160px;top:0px;width:3400px;height:1920px;object-fit:cover;filter:grayscale(1) sepia(.28) contrast(1.25) brightness(.68);object-position:52% 50%\" src=\"https://jsoncut.com/showcase/examples/smartphone-revolution-documentary/assets/close-up-view-of-an-old-nokia-mobile-phone.mp4\" data-jc-animation='{\"tracks\":[{\"property\":\"position\",\"keyframes\":[{\"time\":0,\"value\":{\"x\":-1260,\"y\":0},\"id\":\"k0-0\",\"easing\":\"ease-in-out\"},{\"time\":3.8,\"value\":{\"x\":-1050,\"y\":0},\"id\":\"k0-1\",\"easing\":\"ease-in-out\"}],\"id\":\"t0\"}]}'></video><div id=\"p31-g2\" data-jc-clip=\"\" data-jc-name=\"Archive matte\" data-jc-kind=\"shape\" data-jc-start=\"2.6\" data-jc-duration=\"3.8\" data-jc-track=\"2\" style=\"left:0px;top:0px;width:1080px;height:1920px;background:linear-gradient(180deg,#11110F55,#11110F00 42%,#11110FEA);border-radius:0px;\"></div><div id=\"p31-fr2\" data-jc-clip=\"\" data-jc-name=\"Film gate\" data-jc-kind=\"shape\" data-jc-start=\"2.6\" data-jc-duration=\"3.8\" data-jc-track=\"3\" style=\"left:42px;top:42px;width:996px;height:1836px;background:transparent;border-radius:0px;border:3px solid #D9D0BB88\"></div><div id=\"p31-tc2\" data-jc-clip=\"\" data-jc-name=\"Archive timecode\" data-jc-kind=\"text\" data-jc-start=\"2.6\" data-jc-duration=\"3.7\" data-jc-track=\"4\" style=\"left:66px;top:70px;width:480px;height:58px;color:#E45B3D;font-family:JetBrains Mono,sans-serif;font-size:26px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">00:02:12:18</div><div id=\"p31-t2\" data-jc-clip=\"\" data-jc-name=\"Old phone statement\" data-jc-kind=\"text\" data-jc-start=\"2.65\" data-jc-duration=\"3.55\" data-jc-track=\"4\" style=\"left:64px;top:1370px;width:920px;height:250px;color:#F2ECDE;font-family:Roboto Condensed,sans-serif;font-size:96px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">A PHONE\nWAS A TOOL.</div><div id=\"p31-c2\" data-jc-clip=\"\" data-jc-name=\"Old phone actions\" data-jc-kind=\"text\" data-jc-start=\"3.2\" data-jc-duration=\"2.8\" data-jc-track=\"4\" style=\"left:66px;top:1660px;width:800px;height:55px;color:#E45B3D;font-family:JetBrains Mono,sans-serif;font-size:28px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">CALL / TEXT / WAIT</div></section><section id=\"p31-s3\" data-jc-clip=\"\" data-jc-name=\"03 · The Place\" data-jc-kind=\"scene\" data-jc-start=\"6.4\" data-jc-duration=\"3.6\" data-jc-track=\"0\" style=\"left:0;top:0;width:1080px;height:1920px;overflow:hidden;background:#11110F\" data-jc-transition=\"exposure\" data-jc-transition-duration=\".22\" data-jc-transition-easing=\"ease-in-out\" data-jc-transition-from=\"p31-s2\" data-jc-transition-to=\"p31-s3\"><video muted data-jc-muted=\"true\" id=\"p31-v3\" data-jc-clip=\"\" data-jc-name=\"Modern phone gesture\" data-jc-kind=\"video\" data-jc-start=\"6.4\" data-jc-duration=\"3.6\" data-jc-track=\"1\" style=\"left:0px;top:0px;width:1080px;height:1920px;object-fit:cover;filter:saturate(.75) contrast(1.12) brightness(.76)\" src=\"https://jsoncut.com/showcase/examples/smartphone-revolution-documentary/assets/close-up-view-of-a-person-using-a-smartphone.mp4\" data-jc-animation='{\"tracks\":[{\"property\":\"scale\",\"keyframes\":[{\"time\":0,\"value\":1.12,\"id\":\"k0-0\",\"easing\":\"ease-in-out\"},{\"time\":3.6,\"value\":1.02,\"id\":\"k0-1\",\"easing\":\"ease-in-out\"}],\"id\":\"t0\"}]}'></video><div id=\"p31-g3\" data-jc-clip=\"\" data-jc-name=\"Modern deep grade\" data-jc-kind=\"shape\" data-jc-start=\"6.4\" data-jc-duration=\"3.6\" data-jc-track=\"2\" style=\"left:0px;top:0px;width:1080px;height:1920px;background:linear-gradient(180deg,#13202833,#13202800 50%,#132028DD);border-radius:0px;\"></div><div id=\"p31-y3\" data-jc-clip=\"\" data-jc-name=\"Modern year\" data-jc-kind=\"text\" data-jc-start=\"6.4\" data-jc-duration=\"3.45\" data-jc-track=\"4\" style=\"left:64px;top:72px;width:500px;height:100px;color:#79C9D8;font-family:Roboto Condensed,sans-serif;font-size:76px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">NOW</div><div id=\"p31-t3\" data-jc-clip=\"\" data-jc-name=\"Modern statement\" data-jc-kind=\"text\" data-jc-start=\"6.45\" data-jc-duration=\"3.4\" data-jc-track=\"4\" style=\"left:64px;top:1120px;width:920px;height:390px;color:#F2ECDE;font-family:Roboto Condensed,sans-serif;font-size:100px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">THE SCREEN\nBECAME\nTHE PLACE.</div><div id=\"p31-c3\" data-jc-clip=\"\" data-jc-name=\"Modern actions\" data-jc-kind=\"text\" data-jc-start=\"7\" data-jc-duration=\"2.75\" data-jc-track=\"4\" style=\"left:66px;top:1610px;width:930px;height:90px;color:#79C9D8;font-family:JetBrains Mono,sans-serif;font-size:27px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">WORK / NAVIGATE / REMEMBER / MEET</div></section><section id=\"p31-s4\" data-jc-clip=\"\" data-jc-name=\"04 · New Gestures\" data-jc-kind=\"scene\" data-jc-start=\"10\" data-jc-duration=\"4.2\" data-jc-track=\"0\" style=\"left:0;top:0;width:1080px;height:1920px;overflow:hidden;background:#11110F\" data-jc-transition=\"mask-bars-horizontal\" data-jc-transition-duration=\".22\" data-jc-transition-easing=\"ease-in-out\" data-jc-transition-from=\"p31-s3\" data-jc-transition-to=\"p31-s4\"><div id=\"p31-bg4\" data-jc-clip=\"\" data-jc-name=\"Contact sheet black\" data-jc-kind=\"shape\" data-jc-start=\"10\" data-jc-duration=\"4.2\" data-jc-track=\"1\" style=\"left:0px;top:0px;width:1080px;height:1920px;background:#11110F;border-radius:0px;\"></div><video muted data-jc-muted=\"true\" id=\"p31-a4\" data-jc-clip=\"\" data-jc-name=\"City phone crop one\" data-jc-kind=\"video\" data-jc-start=\"10\" data-jc-duration=\"4.2\" data-jc-track=\"2\" style=\"left:-560px;top:150px;width:1700px;height:550px;object-fit:cover;filter:grayscale(.78) contrast(1.2);object-position:50% 50%\" src=\"https://jsoncut.com/showcase/examples/smartphone-revolution-documentary/assets/woman-using-smartphone-with-cityscape-view.mp4\" data-jc-animation='{\"tracks\":[{\"property\":\"position\",\"keyframes\":[{\"time\":0,\"value\":{\"x\":-620,\"y\":150},\"id\":\"k0-0\",\"easing\":\"ease-in-out\"},{\"time\":4.2,\"value\":{\"x\":-500,\"y\":150},\"id\":\"k0-1\",\"easing\":\"ease-in-out\"}],\"id\":\"t0\"}]}'></video><video muted data-jc-muted=\"true\" id=\"p31-b4\" data-jc-clip=\"\" data-jc-name=\"Gesture crop two\" data-jc-kind=\"video\" data-jc-start=\"10\" data-jc-duration=\"4.2\" data-jc-track=\"2\" style=\"left:55px;top:740px;width:470px;height:720px;object-fit:cover;filter:saturate(.45) contrast(1.15);object-position:50% 45%\" src=\"https://jsoncut.com/showcase/examples/smartphone-revolution-documentary/assets/close-up-view-of-a-person-using-a-smartphone.mp4\" data-jc-animation='{\"tracks\":[{\"property\":\"scale\",\"keyframes\":[{\"time\":0,\"value\":1.06,\"id\":\"k0-0\",\"easing\":\"ease-in-out\"},{\"time\":4.2,\"value\":1.14,\"id\":\"k0-1\",\"easing\":\"ease-in-out\"}],\"id\":\"t0\"}]}'></video><video muted data-jc-muted=\"true\" id=\"p31-c4\" data-jc-clip=\"\" data-jc-name=\"Gesture crop three\" data-jc-kind=\"video\" data-jc-start=\"10\" data-jc-duration=\"4.2\" data-jc-track=\"2\" style=\"left:555px;top:740px;width:470px;height:720px;object-fit:cover;filter:grayscale(.7) contrast(1.15);object-position:50% 70%\" src=\"https://jsoncut.com/showcase/examples/smartphone-revolution-documentary/assets/close-up-view-of-a-person-using-a-smartphone.mp4\" data-jc-animation='{\"tracks\":[{\"property\":\"scale\",\"keyframes\":[{\"time\":0,\"value\":1.15,\"id\":\"k0-0\",\"easing\":\"ease-in-out\"},{\"time\":4.2,\"value\":1.04,\"id\":\"k0-1\",\"easing\":\"ease-in-out\"}],\"id\":\"t0\"}]}'></video><div id=\"p31-h4\" data-jc-clip=\"\" data-jc-name=\"Contact sheet heading\" data-jc-kind=\"text\" data-jc-start=\"10\" data-jc-duration=\"4.1\" data-jc-track=\"4\" style=\"left:55px;top:58px;width:760px;height:70px;color:#D9D0BB;font-family:Roboto Condensed,sans-serif;font-size:42px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">NEW GESTURES</div><div id=\"p31-n14\" data-jc-clip=\"\" data-jc-name=\"Gesture number one\" data-jc-kind=\"text\" data-jc-start=\"10.2\" data-jc-duration=\"3.7\" data-jc-track=\"4\" style=\"left:72px;top:650px;width:340px;height:45px;color:#E45B3D;font-family:JetBrains Mono,sans-serif;font-size:22px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">01 / SWIPE</div><div id=\"p31-n24\" data-jc-clip=\"\" data-jc-name=\"Gesture number two\" data-jc-kind=\"text\" data-jc-start=\"10.4\" data-jc-duration=\"3.4\" data-jc-track=\"4\" style=\"left:70px;top:1490px;width:380px;height:50px;color:#E45B3D;font-family:JetBrains Mono,sans-serif;font-size:22px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">02 / PINCH</div><div id=\"p31-n34\" data-jc-clip=\"\" data-jc-name=\"Gesture number three\" data-jc-kind=\"text\" data-jc-start=\"10.6\" data-jc-duration=\"3.2\" data-jc-track=\"4\" style=\"left:572px;top:1490px;width:400px;height:50px;color:#79C9D8;font-family:JetBrains Mono,sans-serif;font-size:22px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">03 / SCROLL</div><div id=\"p31-cap4\" data-jc-clip=\"\" data-jc-name=\"Contact sheet statement\" data-jc-kind=\"text\" data-jc-start=\"10.9\" data-jc-duration=\"3\" data-jc-track=\"4\" style=\"left:60px;top:1610px;width:960px;height:110px;color:#F2ECDE;font-family:Roboto Condensed,sans-serif;font-size:42px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">THE BODY LEARNED THE INTERFACE.</div></section><section id=\"p31-s5\" data-jc-clip=\"\" data-jc-name=\"05 · Reflection\" data-jc-kind=\"scene\" data-jc-start=\"14.2\" data-jc-duration=\"3.8\" data-jc-track=\"0\" style=\"left:0;top:0;width:1080px;height:1920px;overflow:hidden;background:#11110F\" data-jc-transition=\"dip-to-black\" data-jc-transition-duration=\".22\" data-jc-transition-easing=\"ease-in-out\" data-jc-transition-from=\"p31-s4\" data-jc-transition-to=\"p31-s5\"><video muted data-jc-muted=\"true\" id=\"p31-v5\" data-jc-clip=\"\" data-jc-name=\"Smartphone city reflection\" data-jc-kind=\"video\" data-jc-start=\"14.2\" data-jc-duration=\"3.8\" data-jc-track=\"1\" style=\"left:-1200px;top:0px;width:3500px;height:1920px;object-fit:cover;filter:grayscale(1) contrast(1.3) brightness(.36);object-position:50% 50%\" src=\"https://jsoncut.com/showcase/examples/smartphone-revolution-documentary/assets/woman-using-smartphone-with-cityscape-view.mp4\" data-jc-animation='{\"tracks\":[{\"property\":\"scale\",\"keyframes\":[{\"time\":0,\"value\":1.03,\"id\":\"k0-0\",\"easing\":\"ease-in-out\"},{\"time\":3.8,\"value\":1.1,\"id\":\"k0-1\",\"easing\":\"ease-in-out\"}],\"id\":\"t0\"}]}'></video><div id=\"p31-g5\" data-jc-clip=\"\" data-jc-name=\"Final archive veil\" data-jc-kind=\"shape\" data-jc-start=\"14.2\" data-jc-duration=\"3.8\" data-jc-track=\"2\" style=\"left:0px;top:0px;width:1080px;height:1920px;background:#11110F88;border-radius:0px;\"></div><div id=\"p31-t5\" data-jc-clip=\"\" data-jc-name=\"Final reflection\" data-jc-kind=\"text\" data-jc-start=\"14.2\" data-jc-duration=\"3.7\" data-jc-track=\"4\" style=\"left:62px;top:290px;width:950px;height:360px;color:#F2ECDE;font-family:Roboto Condensed,sans-serif;font-size:100px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">WE DIDN'T\nJUST CHANGE\nDEVICES.</div><div id=\"p31-tb5\" data-jc-clip=\"\" data-jc-name=\"Final reflection accent\" data-jc-kind=\"text\" data-jc-start=\"14.7\" data-jc-duration=\"3.2\" data-jc-track=\"4\" style=\"left:62px;top:800px;width:950px;height:270px;color:#79C9D8;font-family:Roboto Condensed,sans-serif;font-size:106px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">WE CHANGED\nGESTURES.</div><div id=\"p31-r5\" data-jc-clip=\"\" data-jc-name=\"Final orange rail\" data-jc-kind=\"shape\" data-jc-start=\"14.85\" data-jc-duration=\"2.9\" data-jc-track=\"4\" style=\"left:62px;top:1185px;width:780px;height:9px;background:#E45B3D;border-radius:0px;\"></div><div id=\"p31-br5\" data-jc-clip=\"\" data-jc-name=\"Documentary mark\" data-jc-kind=\"text\" data-jc-start=\"15.2\" data-jc-duration=\"2.6\" data-jc-track=\"4\" style=\"left:62px;top:1660px;width:940px;height:60px;color:#D9D0BB;font-family:JetBrains Mono,sans-serif;font-size:23px;font-weight:700;line-height:.94;letter-spacing:-.025em;text-align:left;white-space:pre-wrap;background:transparent;display:grid;align-content:center;overflow:hidden;\">POCKET TURN / AN INDEPENDENT SHORT</div></section>",
  "name": "Pocket Turn — We Changed Gestures",
  "width": 1080,
  "format": "jsoncut-html",
  "height": 1920,
  "values": {},
  "version": 1,
  "duration": 18,
  "safeArea": {
    "top": 42,
    "left": 42,
    "right": 42,
    "bottom": 76
  },
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "compositionKind": "video",
  "canvasBackground": "#11110F",
  "editabilityTarget": "layered"
}