{
  "id": "showcase-055-ocean-depth-quiz",
  "css": "",
  "fps": 30,
  "html": "<section id=\"s55-1\" data-jc-clip=\"\" data-jc-name=\"01 · Dive into the question\" data-jc-kind=\"scene\" data-jc-start=\"0\" data-jc-duration=\"4\" data-jc-track=\"1\" style=\"left:0;top:0;width:1080px;height:1920px;overflow:hidden;background:#031C2C\"><video id=\"s55-v1\" data-jc-clip=\"\" data-jc-name=\"Vertical ocean descent\" data-jc-kind=\"video\" data-jc-start=\"0\" data-jc-duration=\"4\" data-jc-track=\"2\" style=\"left:0;top:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.58)\" src=\"https://jsoncut.com/showcase/examples/ocean-depth-quiz/assets/deep-ocean-underwater-blue-descent-video-by-jun-ho-lee.mp4\" data-jc-media-start=\"0\" data-jc-media-end=\"4\" data-jc-muted=\"true\" playsinline muted></video><div id=\"s55-veil1\" data-jc-clip=\"\" data-jc-name=\"Ocean question veil\" data-jc-kind=\"shape\" data-jc-start=\"0\" data-jc-duration=\"4\" data-jc-track=\"3\" style=\"left:0px;top:0px;width:1080px;height:1920px;background:linear-gradient(180deg,rgba(0,22,40,.08),rgba(0,20,36,.82));\" ></div><div id=\"s55-chip1\" data-jc-clip=\"\" data-jc-name=\"Quiz label\" data-jc-kind=\"text\" data-jc-start=\"0.1\" data-jc-duration=\"3.9\" data-jc-track=\"4\" style=\"left:64px;top:65px;width:300px;height:58px;color:#75E7F4;font-family:Inter,sans-serif;font-size:24px;font-weight:800;line-height:1.02;letter-spacing:-.025em;text-align:left;white-space:normal;display:grid;align-content:center;\" >QUICK DIVE / 01</div><div id=\"s55-q1\" data-jc-clip=\"\" data-jc-name=\"Ocean question\" data-jc-kind=\"text\" data-jc-start=\"0.25\" data-jc-duration=\"3.75\" data-jc-track=\"5\" style=\"left:64px;top:1090px;width:944px;height:430px;color:#FFFFFF;font-family:Inter,sans-serif;font-size:78px;font-weight:820;line-height:1.02;letter-spacing:-.025em;text-align:left;white-space:normal;display:grid;align-content:center;\" >HOW DEEP BEFORE<br>SUNLIGHT IS<br>FUNCTIONALLY GONE?</div></section><section id=\"s55-2\" data-jc-clip=\"\" data-jc-name=\"02 · Choose an answer\" data-jc-kind=\"scene\" data-jc-start=\"4\" data-jc-duration=\"5\" data-jc-track=\"1\" data-jc-transition=\"push-up\" data-jc-transition-duration=\"0.42\" data-jc-transition-easing=\"ease-in-out\" style=\"left:0;top:0;width:1080px;height:1920px;overflow:hidden;background:#031C2C\"><video id=\"s55-v2\" data-jc-clip=\"\" data-jc-name=\"Ocean background\" data-jc-kind=\"video\" data-jc-start=\"4\" data-jc-duration=\"5\" data-jc-track=\"6\" style=\"left:0;top:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.34) blur(1px)\" src=\"https://jsoncut.com/showcase/examples/ocean-depth-quiz/assets/deep-ocean-underwater-blue-descent-video-by-jun-ho-lee.mp4\" data-jc-media-start=\"4\" data-jc-media-end=\"9\" data-jc-muted=\"true\" playsinline muted></video><div id=\"s55-q2\" data-jc-clip=\"\" data-jc-name=\"Question repeat\" data-jc-kind=\"text\" data-jc-start=\"4.1\" data-jc-duration=\"4.9\" data-jc-track=\"7\" style=\"left:60px;top:120px;width:940px;height:170px;color:#FFFFFF;font-family:Inter,sans-serif;font-size:58px;font-weight:820;line-height:1.02;letter-spacing:-.025em;text-align:left;white-space:normal;display:grid;align-content:center;\" >CHOOSE YOUR DEPTH.</div><div id=\"s55-a\" data-jc-clip=\"\" data-jc-name=\"Answer A\" data-jc-kind=\"shape\" data-jc-start=\"4.3\" data-jc-duration=\"4.7\" data-jc-track=\"8\" style=\"left:62px;top:440px;width:956px;height:210px;background:rgba(255,255,255,.92);border-radius:26px;border:3px solid #8CCEE2\" ></div><div id=\"s55-at\" data-jc-clip=\"\" data-jc-name=\"Answer A label\" data-jc-kind=\"text\" data-jc-start=\"4.3\" data-jc-duration=\"4.7\" data-jc-track=\"9\" style=\"left:102px;top:440px;width:876px;height:210px;color:#06243A;font-family:Inter,sans-serif;font-size:50px;font-weight:800;line-height:1.02;letter-spacing:-.025em;text-align:left;white-space:normal;display:grid;align-content:center;\" >A   200 METRES</div><div id=\"s55-b\" data-jc-clip=\"\" data-jc-name=\"Answer B\" data-jc-kind=\"shape\" data-jc-start=\"4.5\" data-jc-duration=\"4.5\" data-jc-track=\"10\" style=\"left:62px;top:700px;width:956px;height:210px;background:rgba(255,255,255,.92);border-radius:26px;border:3px solid #8CCEE2\" ></div><div id=\"s55-bt\" data-jc-clip=\"\" data-jc-name=\"Answer B label\" data-jc-kind=\"text\" data-jc-start=\"4.5\" data-jc-duration=\"4.5\" data-jc-track=\"11\" style=\"left:102px;top:700px;width:876px;height:210px;color:#06243A;font-family:Inter,sans-serif;font-size:50px;font-weight:800;line-height:1.02;letter-spacing:-.025em;text-align:left;white-space:normal;display:grid;align-content:center;\" >B   1,000 METRES</div><div id=\"s55-c\" data-jc-clip=\"\" data-jc-name=\"Answer C\" data-jc-kind=\"shape\" data-jc-start=\"4.7\" data-jc-duration=\"4.3\" data-jc-track=\"12\" style=\"left:62px;top:960px;width:956px;height:210px;background:rgba(255,255,255,.92);border-radius:26px;border:3px solid #8CCEE2\" ></div><div id=\"s55-ct\" data-jc-clip=\"\" data-jc-name=\"Answer C label\" data-jc-kind=\"text\" data-jc-start=\"4.7\" data-jc-duration=\"4.3\" data-jc-track=\"13\" style=\"left:102px;top:960px;width:876px;height:210px;color:#06243A;font-family:Inter,sans-serif;font-size:50px;font-weight:800;line-height:1.02;letter-spacing:-.025em;text-align:left;white-space:normal;display:grid;align-content:center;\" >C   4,000 METRES</div><div id=\"s55-hold2\" data-jc-clip=\"\" data-jc-name=\"Think timer label\" data-jc-kind=\"text\" data-jc-start=\"5\" data-jc-duration=\"4\" data-jc-track=\"14\" style=\"left:60px;top:1430px;width:960px;height:110px;color:#7DE4F1;font-family:Inter,sans-serif;font-size:30px;font-weight:700;line-height:1.02;letter-spacing:-.025em;text-align:left;white-space:normal;display:grid;align-content:center;\" >YOU HAVE THREE SECONDS.</div></section><section id=\"s55-3\" data-jc-clip=\"\" data-jc-name=\"03 · Countdown\" data-jc-kind=\"scene\" data-jc-start=\"9\" data-jc-duration=\"3\" data-jc-track=\"1\" data-jc-transition=\"circle-reveal\" data-jc-transition-duration=\"0.42\" data-jc-transition-easing=\"ease-in-out\" style=\"left:0;top:0;width:1080px;height:1920px;overflow:hidden;background:#031C2C\"><video id=\"s55-v3\" data-jc-clip=\"\" data-jc-name=\"Deep water countdown\" data-jc-kind=\"video\" data-jc-start=\"9\" data-jc-duration=\"3\" data-jc-track=\"15\" style=\"left:0;top:0;width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.25)\" src=\"https://jsoncut.com/showcase/examples/ocean-depth-quiz/assets/deep-ocean-underwater-blue-descent-video-by-jun-ho-lee.mp4\" data-jc-media-start=\"9\" data-jc-media-end=\"12\" data-jc-muted=\"true\" playsinline muted></video><div id=\"s55-three\" data-jc-clip=\"\" data-jc-name=\"Countdown 3\" data-jc-kind=\"text\" data-jc-start=\"9\" data-jc-duration=\"1\" data-jc-track=\"16\" style=\"left:60px;top:520px;width:960px;height:430px;color:#FFFFFF;font-family:Inter,sans-serif;font-size:260px;font-weight:850;line-height:1.02;letter-spacing:-.025em;text-align:center;white-space:normal;display:grid;align-content:center;\" >3</div><div id=\"s55-two\" data-jc-clip=\"\" data-jc-name=\"Countdown 2\" data-jc-kind=\"text\" data-jc-start=\"10\" data-jc-duration=\"1\" data-jc-track=\"17\" style=\"left:60px;top:520px;width:960px;height:430px;color:#75E7F4;font-family:Inter,sans-serif;font-size:260px;font-weight:850;line-height:1.02;letter-spacing:-.025em;text-align:center;white-space:normal;display:grid;align-content:center;\" >2</div><div id=\"s55-one\" data-jc-clip=\"\" data-jc-name=\"Countdown 1\" data-jc-kind=\"text\" data-jc-start=\"11\" data-jc-duration=\"1\" data-jc-track=\"18\" style=\"left:60px;top:520px;width:960px;height:430px;color:#FFE164;font-family:Inter,sans-serif;font-size:260px;font-weight:850;line-height:1.02;letter-spacing:-.025em;text-align:center;white-space:normal;display:grid;align-content:center;\" >1</div><div id=\"s55-progress\" data-jc-clip=\"\" data-jc-name=\"Countdown progress\" data-jc-kind=\"shape\" data-jc-start=\"9\" data-jc-duration=\"3\" data-jc-track=\"19\" style=\"left:100px;top:1220px;width:880px;height:28px;background:#75E7F4;transform-origin:left;\" ></div><div id=\"s55-lock\" data-jc-clip=\"\" data-jc-name=\"Lock answer\" data-jc-kind=\"text\" data-jc-start=\"9\" data-jc-duration=\"3\" data-jc-track=\"20\" style=\"left:60px;top:1330px;width:960px;height:100px;color:#FFFFFF;font-family:Inter,sans-serif;font-size:32px;font-weight:800;line-height:1.02;letter-spacing:-.025em;text-align:center;white-space:normal;display:grid;align-content:center;\" >LOCK IT IN.</div></section><section id=\"s55-4\" data-jc-clip=\"\" data-jc-name=\"04 · Reveal\" data-jc-kind=\"scene\" data-jc-start=\"12\" data-jc-duration=\"6\" data-jc-track=\"1\" data-jc-transition=\"luma-fade\" data-jc-transition-duration=\"0.42\" data-jc-transition-easing=\"ease-in-out\" style=\"left:0;top:0;width:1080px;height:1920px;overflow:hidden;background:#031C2C\"><video id=\"s55-v4\" data-jc-clip=\"\" data-jc-name=\"Jellyfish deep sea reveal\" data-jc-kind=\"video\" data-jc-start=\"12\" data-jc-duration=\"6\" data-jc-track=\"21\" style=\"left:0;top:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.05) brightness(.58)\" src=\"https://jsoncut.com/showcase/examples/ocean-depth-quiz/assets/deep-sea-jellyfish-dark-water-video-by-maryna-shalashova.mp4\" data-jc-media-start=\"2\" data-jc-media-end=\"8\" data-jc-muted=\"true\" playsinline muted></video><div id=\"s55-veil4\" data-jc-clip=\"\" data-jc-name=\"Reveal gradient\" data-jc-kind=\"shape\" data-jc-start=\"12\" data-jc-duration=\"6\" data-jc-track=\"22\" style=\"left:0px;top:0px;width:1080px;height:1920px;background:linear-gradient(180deg,rgba(0,20,36,.03),rgba(0,20,36,.86));\" ></div><div id=\"s55-correct4\" data-jc-clip=\"\" data-jc-name=\"Correct answer\" data-jc-kind=\"text\" data-jc-start=\"12.15\" data-jc-duration=\"5.85\" data-jc-track=\"23\" style=\"left:64px;top:85px;width:894px;height:74px;color:#FFE164;font-family:Inter,sans-serif;font-size:26px;font-weight:850;line-height:1.02;letter-spacing:-.025em;text-align:left;white-space:normal;display:grid;align-content:center;\" >CORRECT · B</div><div id=\"s55-answer4\" data-jc-clip=\"\" data-jc-name=\"Depth reveal\" data-jc-kind=\"text\" data-jc-start=\"12.3\" data-jc-duration=\"5.7\" data-jc-track=\"24\" style=\"left:64px;top:1170px;width:934px;height:230px;color:#FFFFFF;font-family:Inter,sans-serif;font-size:118px;font-weight:850;line-height:1.02;letter-spacing:-.025em;text-align:left;white-space:normal;display:grid;align-content:center;\" >~1,000 m</div><div id=\"s55-fact4\" data-jc-clip=\"\" data-jc-name=\"Fact\" data-jc-kind=\"text\" data-jc-start=\"12.6\" data-jc-duration=\"5.4\" data-jc-track=\"25\" style=\"left:62px;top:1415px;width:900px;height:220px;color:#D7EDF3;font-family:Inter,sans-serif;font-size:36px;font-weight:700;line-height:1.02;letter-spacing:-.025em;text-align:left;white-space:normal;display:grid;align-content:center;\" >THE APHOTIC ZONE BEGINS.<br>PHOTOSYNTHESIS STOPS.<br>LIFE MAKES ITS OWN LIGHT.</div><div id=\"s55-save4\" data-jc-clip=\"\" data-jc-name=\"Share prompt\" data-jc-kind=\"text\" data-jc-start=\"13\" data-jc-duration=\"5\" data-jc-track=\"26\" style=\"left:62px;top:1745px;width:900px;height:60px;color:#75E7F4;font-family:Inter,sans-serif;font-size:24px;font-weight:800;line-height:1.02;letter-spacing:-.025em;text-align:left;white-space:normal;display:grid;align-content:center;\" >SAVE THIS FOR THE NEXT DIVE.</div></section>",
  "name": "055 — Ocean Depth Quiz",
  "width": 1080,
  "format": "jsoncut-html",
  "height": 1920,
  "values": {},
  "version": 1,
  "duration": 18,
  "safeArea": {
    "top": 60,
    "left": 60,
    "right": 60,
    "bottom": 60
  },
  "variables": [],
  "customBlocks": [],
  "aspectVariants": [],
  "compositionKind": "video",
  "canvasBackground": "#031C2C",
  "editabilityTarget": "layered"
}