/* Real media and workflow elements form the foreground of the cinematic scene. */
.content-journey{height:660svh;background:#687384}.content-journey .cinema-stage{min-height:600px;color:white}.content-journey .cinema-shade{background:linear-gradient(90deg,#0b162957 0%,#10192812 50%,transparent 70%),linear-gradient(180deg,#0c162850 0%,transparent 40%,#0c162866 100%)}.cinema-idle{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s}.content-journey .cinema-motion{transition:opacity .2s}.content-journey.idle-ready.is-idle .cinema-idle{opacity:1}.content-journey.is-idle .cinema-motion{opacity:0}.flow-copy{position:absolute;top:19%;left:6%;width:34%;max-width:490px;z-index:5;pointer-events:none}.flow-copy h1{font-size:clamp(56px,5.8vw,96px);line-height:.98;letter-spacing:-.065em;font-weight:400;margin:0 0 24px}.flow-copy>p:not(.cinema-label){font-size:17px;line-height:1.6;max-width:330px;margin:0 0 24px;color:#f2f5fa}.flow-film-link{pointer-events:auto;display:inline-flex;align-items:center;gap:40px;font-size:14px;border-bottom:1px solid #ffffff99;padding-bottom:10px}.flow-agent{display:flex;align-items:center;gap:12px;margin-top:30px}.flow-agent>img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:1px solid #fff9}.flow-agent b{display:block;font-size:16px;font-weight:500}.flow-agent span{display:block;font-size:13px;margin-top:5px;line-height:1.4;color:#e1e6ee;max-width:230px}.flow-world{position:absolute;inset:0;perspective:1600px;z-index:3;pointer-events:none}.source-float,.edit-timeline,.output-card,.learning-card,.next-recording{position:absolute;left:70%;top:55%;transform:translate(-50%,-50%);will-change:transform,opacity}.source-float{width:min(45vw,720px)}.source-card{position:relative;padding:7px;border:1px solid #ffffff8a;border-radius:12px;background:linear-gradient(140deg,#e4edfc55,#6f7b8e33);box-shadow:0 35px 70px #07132166,1px 1px 1px #fff7 inset;transform-style:preserve-3d}.source-card:after{content:'';position:absolute;inset:100% 12% auto;height:60px;background:radial-gradient(ellipse,#152c4955,transparent 66%);transform:translateY(22px) rotateX(60deg);filter:blur(9px)}.source-card video{display:block;width:100%;aspect-ratio:120/59;object-fit:cover;border-radius:6px}.source-label{position:absolute;inset:16px 20px auto;z-index:2;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;text-shadow:0 2px 9px #000}.source-edge{position:absolute;bottom:7px;left:20%;right:20%;height:1px;background:#ff713955;box-shadow:0 7px 18px 3px #ff541b66}.is-idle:not(.motion-paused) .source-card{animation:source-float 6s ease-in-out infinite}.edit-timeline{width:min(46vw,660px);top:66%;opacity:0;background:#172536dd;border:1px solid #e0efff66;border-radius:10px;padding:15px;box-shadow:0 25px 50px #152a3e55}.timeline-caption{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;margin-bottom:12px;color:#e7ecf5}.timeline-frames{position:relative;height:65px;overflow:hidden;border-radius:4px}.timeline-frames>img{width:100%;height:100%;object-fit:cover;opacity:.5}.selection{position:absolute;top:0;bottom:0;border:2px solid #ff682e;background:#ff682e15}.selection-a{left:0;width:23%}.selection-b{left:40%;width:18%}.selection-c{right:0;width:24%}.timeline-playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:white;box-shadow:0 0 10px white;animation:playhead 7.8s linear infinite}.timeline-wave{width:100%;height:25px;margin-top:7px;opacity:.6}.output-card{width:clamp(165px,16.5vw,252px);top:60%;opacity:0;color:white;border-radius:9px;padding:6px;background:linear-gradient(140deg,#e5ecf766,#07132188);border:1px solid #f2f6ff9c;box-shadow:0 30px 55px #081a3159;overflow:hidden}.output-kind{font-size:10px;letter-spacing:.12em;padding:8px 7px 12px;white-space:nowrap}.output-media{position:relative;aspect-ratio:9/16;background:#172334;border-radius:4px;overflow:hidden}.output-media video{width:100%;height:100%;object-fit:cover;display:block}.output-media:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#050e22a6);pointer-events:none}.output-hook{position:absolute;z-index:2;bottom:18%;left:7%;right:7%;font-size:clamp(16px,1.7vw,26px);font-weight:500;line-height:1.16;letter-spacing:-.04em;text-shadow:0 2px 20px #000a}.output-hook strong{font-weight:500;color:#ffda8b}.format-mark{position:absolute;z-index:2;bottom:12px;right:10px;font-size:10px;letter-spacing:.1em}.output-foot{display:flex;justify-content:space-between;padding:13px 6px 6px;font-size:10px;line-height:1.2;letter-spacing:.01em}.story-progress{position:absolute;top:7px;left:7px;right:7px;display:flex;gap:3px;z-index:2}.story-progress i{flex:1;height:2px;background:white}.story-progress i+ i{opacity:.4}.story-hook{position:absolute;z-index:2;bottom:16%;left:8%;right:8%;font-size:clamp(16px,1.6vw,25px);line-height:1.08;letter-spacing:-.04em;font-weight:400}.carousel-body{position:relative;aspect-ratio:3/4;background:#f0f1ed;border-radius:4px;overflow:hidden;padding:16px 14px;color:#152232}.carousel-body>.zc-logo{font-size:17px!important;letter-spacing:-.8px!important;display:block;position:relative;z-index:2}.carousel-photo{position:absolute;top:0;right:0;width:57%;height:100%;opacity:.18}.carousel-photo img{width:100%;height:100%;object-fit:cover}.carousel-body>p{position:relative;font-size:clamp(20px,2.3vw,34px);font-weight:500;letter-spacing:-.055em;line-height:1.02;margin:28% 0 0}.carousel-body>p em{font-family:Georgia,serif;font-weight:400}.carousel-page{position:absolute;left:14px;right:14px;bottom:14px;font-size:10px;letter-spacing:.08em;display:flex;justify-content:space-between}.carousel-page>span{font-size:17px}.format-details{position:absolute;left:45%;right:7%;bottom:13%;display:flex;justify-content:center;gap:23px;opacity:0;font-size:12px;text-shadow:0 1px 8px #0008}.distribution-paths{position:absolute;inset:0;width:100%;height:100%;opacity:0;overflow:visible}.distribution-paths path{fill:none;stroke:#dce8fc66;stroke-width:1;vector-effect:non-scaling-stroke}.distribution-paths path.flow-pulse{stroke:#ff7b42;stroke-width:1.5;stroke-dasharray:10 150;animation:path-travel 5s linear infinite}.platform-destinations{position:absolute;inset:0;opacity:0}.platform-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:10px;min-width:70px;font-size:12px;color:#fff;text-shadow:0 1px 8px #0b172277}.platform-node>span:first-child{display:grid;place-items:center;width:60px;height:60px;border:1px solid #d6e1f499;border-radius:16px;background:linear-gradient(140deg,#eef5ff55,#3b4b6544);box-shadow:0 12px 30px #172a4455;backdrop-filter:blur(8px)}.platform-node svg{width:25px;height:25px;fill:currentColor}.publish-note{position:absolute;bottom:14%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;opacity:0;font-size:14px;white-space:nowrap}.publish-note b{font-weight:500;display:block}.publish-note div>span{font-size:12px;color:#e4e9f1;display:block;margin-top:6px}.calendar-glyph{font-size:40px;font-weight:300;line-height:1}.learning-card{width:min(33vw,460px);left:72%;top:57%;opacity:0;border:1px solid #f1f5ff88;border-radius:12px;background:linear-gradient(140deg,#182838ed,#142130da);padding:26px;color:#f5f7fb;box-shadow:0 28px 70px #13243c66}.learning-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:.08em;color:#b7c8dc}.learning-card h3{font-size:clamp(22px,2.2vw,34px);font-weight:400;letter-spacing:-.05em;line-height:1.14;margin:24px 0}.activity-chart{display:flex;align-items:end;gap:10px;height:105px;border-bottom:1px solid #ffffff44}.activity-chart>span{height:var(--bar);flex:1;background:linear-gradient(#ff915d,#d9572799);border-radius:3px 3px 0 0;transform-origin:bottom;transform:scaleY(var(--learn-growth,0))}.learning-metrics{display:flex;justify-content:space-between;font-size:11px;color:#b5c5d5;margin:16px 0 25px}.learning-insight{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:1px solid #fff2;font-size:13px;line-height:1.5}.learning-insight img{width:42px;height:42px;object-fit:cover;border-radius:50%}.learning-insight span:last-child{font-size:28px;margin-left:auto;color:#ff9a65}.learning-card small{display:block;font-size:11px;color:#99adc3;margin-top:20px}.next-recording{width:min(24vw,340px);left:46%;top:59%;border:1px solid #e1e8ff99;border-radius:7px;overflow:hidden;background:#33455b;box-shadow:0 20px 60px #06112466;opacity:0}.next-recording>img{display:block;width:100%}.next-recording>span{display:flex;justify-content:space-between;padding:15px;font-size:11px;letter-spacing:.1em}.next-recording b{font-size:20px;line-height:12px}.flow-chapter-nav{position:absolute;z-index:6;bottom:88px;left:6%;display:flex;gap:22px}.flow-chapter-nav button{display:flex;gap:7px;align-items:center;border:0;background:transparent;color:#e1e8f4aa;padding:9px 0;font:400 12px Inter,sans-serif;cursor:pointer;border-bottom:1px solid transparent}.flow-chapter-nav button[aria-current]{color:white;border-color:#ff8055}.flow-chapter-nav button>span{font-size:13px}.content-journey .cinema-foot{z-index:6}.workflow-example{opacity:.7}.motion-paused .source-card,.motion-paused .timeline-playhead,.motion-paused .flow-pulse{animation-play-state:paused!important}.flow-world.is-editing .timeline-playhead{display:block}.flow-world:not(.is-editing) .timeline-playhead{display:none}.content-journey.is-static{height:100svh;min-height:650px}.content-journey.is-static .flow-chapter-nav{display:none}.content-journey.is-static .flow-world{display:block}.content-journey.is-static .source-card{animation:none}
@keyframes source-float{0%,100%{transform:translateY(0) rotateZ(-.5deg)}50%{transform:translateY(-9px) rotateZ(.5deg)}}@keyframes playhead{to{left:100%}}@keyframes path-travel{to{stroke-dashoffset:-320}}
@media(max-width:1100px) and (min-width:701px){.flow-copy{width:36%;top:18%}.flow-copy h1{font-size:clamp(52px,6.3vw,72px)}.flow-copy>p:not(.cinema-label){font-size:16px}.flow-agent span{font-size:12px;max-width:180px}.output-card{width:17vw}.format-details{gap:10px;font-size:11px}.learning-card{width:36vw;padding:20px}.platform-node{min-width:55px;font-size:10px}.platform-node>span:first-child{width:48px;height:48px}.platform-node svg{width:21px;height:21px}.flow-chapter-nav{gap:15px}.publish-note{bottom:16%}}
@media(max-width:700px){.content-journey{height:580svh}.content-journey .cinema-stage{min-height:660px}.content-journey .cinema-shade{background:linear-gradient(180deg,#0c182d88,transparent 50%,#07142d77)}.flow-copy{top:14%;left:6%;width:88%;max-width:none}.flow-copy h1{font-size:clamp(42px,10.4vw,64px);line-height:1;letter-spacing:-.055em;margin-bottom:16px}.flow-copy .cinema-label{font-size:10px;max-width:none;margin-bottom:14px}.flow-copy>p:not(.cinema-label){font-size:14px;line-height:1.5;max-width:295px;margin-bottom:15px}.flow-film-link{font-size:13px;gap:30px}.flow-agent{margin-top:18px;gap:10px}.flow-agent>img{width:34px;height:34px}.flow-agent b{font-size:14px}.flow-agent span{font-size:12px;margin-top:3px;max-width:270px}.source-float{width:85vw}.source-card{padding:5px;border-radius:9px}.source-label{font-size:8px;inset:12px 12px auto}.edit-timeline{width:90vw;padding:10px}.timeline-caption{font-size:9px;margin-bottom:8px}.timeline-frames{height:40px}.timeline-wave{height:20px;margin-top:4px}.output-card{width:27vw;border-radius:6px;padding:4px}.output-kind{font-size:7px;letter-spacing:.06em;padding:5px 3px 7px}.output-foot{font-size:7px;padding:8px 3px 5px}.output-hook{font-size:12px;bottom:15%}.story-hook{font-size:12px}.format-mark{font-size:7px;right:6px;bottom:7px}.carousel-body{padding:10px 7px}.carousel-body>.zc-logo{font-size:10px!important;letter-spacing:-.6px!important}.carousel-body>p{font-size:19px}.carousel-page{left:7px;right:7px;bottom:7px;font-size:7px}.format-details{left:5%;right:5%;bottom:20%;font-size:10px;gap:14px}.platform-node{min-width:60px;font-size:10px;gap:6px}.platform-node>span:first-child{width:38px;height:38px;border-radius:11px}.platform-node svg{width:19px;height:19px}.publish-note{display:none}.learning-card{width:68vw;padding:16px;border-radius:9px}.learning-top{font-size:8px;letter-spacing:.04em}.learning-card h3{font-size:23px;margin:18px 0}.activity-chart{height:70px;gap:7px}.learning-metrics{font-size:9px;margin:12px 0 16px}.learning-insight{font-size:11px;padding-top:15px;gap:8px}.learning-insight img{width:31px;height:31px}.learning-insight span:last-child{font-size:24px}.learning-card small{font-size:9px;margin-top:15px}.next-recording{width:43vw}.next-recording>span{font-size:8px;padding:10px}.flow-chapter-nav{left:6%;right:6%;justify-content:space-between;gap:4px;bottom:74px}.flow-chapter-nav button{display:block;font-size:9px;padding:9px 0;min-width:42px;text-align:left}.flow-chapter-nav button>span{display:block;font-size:12px;margin-top:5px}.content-journey .cinema-foot{font-size:10px;bottom:20px}.content-journey .cinema-foot button{font-size:10px}.workflow-example{font-size:9px}.content-journey .cinema-scroll{gap:7px}.content-journey .cinema-scroll>span{font-size:18px}}
@media(max-width:700px) and (max-height:740px){.flow-copy{top:13%}.flow-copy h1{font-size:40px}.flow-copy>p:not(.cinema-label){font-size:13px}.flow-agent{margin-top:14px}.flow-agent>img{width:30px;height:30px}.flow-film-link{font-size:12px}.source-float{width:80vw}.flow-chapter-nav{bottom:68px}}
@media(prefers-reduced-motion:reduce){.content-journey{height:100svh;min-height:660px}.content-journey .cinema-stage{position:relative}.cinema-idle{display:none}.source-card,.timeline-playhead,.flow-pulse{animation:none!important}.flow-chapter-nav{display:none}}

/* Content examples stay readable at full size, independently of the scroll scene. */
.flow-sample-link{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;width:fit-content;border:0;border-bottom:1px solid #ffffff77;background:transparent;color:white;padding:10px 0;font:400 14px Inter,sans-serif;cursor:pointer;margin-top:12px}.flow-sample-link:hover{border-color:#ff996c}.flow-sample-link:focus-visible,.flow-chapter-nav button:focus-visible{outline:2px solid white;outline-offset:6px}.source-card video{object-position:58% 48%;aspect-ratio:16/9}.output-media video{object-position:58% center}.story-art>img{width:100%;height:100%;object-fit:cover;object-position:58% center;opacity:.35}.story-art{background:#533528}.story-art:after{inset:0;background:linear-gradient(#17202e44,#25181133)}.story-kicker{position:absolute;top:12%;left:9%;right:8%;z-index:2;font-size:9px;letter-spacing:.1em;line-height:1.5}.story-art .story-hook{top:29%;bottom:auto;font-size:clamp(18px,1.9vw,28px);line-height:1.12}.story-hook em{font-family:Georgia,serif;font-weight:400;color:#ffcba3}.story-sticker{position:absolute;bottom:12%;left:8%;right:8%;z-index:2;text-align:center;background:#f2eee7;color:#32281f;border-radius:7px;overflow:hidden}.story-sticker span{display:block;font-size:7px;letter-spacing:.06em;padding:9px 3px;background:#ddc9b8}.story-sticker b{display:block;font-size:10px;font-weight:500;padding:12px 4px}.carousel-body{aspect-ratio:9/16;background:#f2eee5}.carousel-kicker{display:block;font-size:8px;letter-spacing:.08em;line-height:1.5;margin-top:20px;position:relative}.carousel-body>p{margin-top:15%;font-size:clamp(25px,2.65vw,40px);line-height:1.05}.carousel-mini-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18%;font-size:10px}.output-kind{font-size:9px;letter-spacing:.035em}.output-foot{font-size:10px;letter-spacing:-.02em}.format-details{gap:18px}.example-open{overflow:hidden}.example-dialog{width:min(1060px,calc(100vw - 48px));max-height:92svh;border:1px solid #a9b6c044;background:#151d27;color:#f6f4ef;padding:30px 34px;border-radius:14px;box-shadow:0 30px 100px #0009}.example-dialog::backdrop{background:#071019bf;backdrop-filter:blur(14px)}.example-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.example-kicker{font-size:11px;letter-spacing:.09em;color:#c8cbd1}.example-top h2{font-size:clamp(25px,3vw,38px);letter-spacing:-.045em;font-weight:400;margin:12px 0 22px;line-height:1.1}.example-close{color:white;border:1px solid #fff4;background:transparent;width:44px;height:44px;flex-shrink:0;border-radius:50%;font-size:28px;cursor:pointer}.example-tabs{display:flex;gap:22px;margin-bottom:26px;border-bottom:1px solid #fff2}.example-tabs button{border:0;border-bottom:2px solid transparent;color:#a9b3c1;padding:10px 0;background:transparent;font-size:14px;cursor:pointer}.example-tabs button[aria-pressed=true]{border-color:#ff8152;color:white}.example-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.8fr);gap:40px;align-items:center}.example-stage{display:flex;justify-content:center;min-width:0}.example-stage video{display:block;width:100%;max-height:60svh;border-radius:7px;background:#090c12;object-fit:contain}.example-stage[data-kind=reel] video{width:auto;max-width:100%;aspect-ratio:9/16;max-height:58svh}.example-context>p{font-size:16px;line-height:1.7;margin:0 0 20px;color:#f0eeeb}.example-context .example-origin{font-size:12px;line-height:1.6;color:#aab6c8}.example-paging{display:flex;align-items:center;gap:24px;margin-top:28px;font-size:14px}.example-paging button{border:1px solid #fff5;background:transparent;color:white;font-size:22px;width:44px;height:44px;border-radius:50%;cursor:pointer}.example-paging button:disabled{opacity:.25;cursor:default}.example-art{position:relative;width:330px;max-width:100%;aspect-ratio:9/16;max-height:60svh;border-radius:8px;overflow:hidden;padding:26px;background:#f3eee5;color:#1b2b36;display:flex;flex-direction:column}.example-art-carousel{aspect-ratio:4/5;width:420px;padding:32px}.example-art-carousel>.zc-logo{font-size:24px!important}.example-step{position:absolute;top:24px;right:28px;font-size:32px;font-weight:300;color:#b25128}.example-art-kicker{font-size:11px;letter-spacing:.09em;line-height:1.5;margin:40px 0 20px;z-index:1}.example-art h3{font-size:40px;font-weight:400;letter-spacing:-.055em;line-height:1.05;margin:0 0 22px;z-index:1}.example-art-body{font-size:16px;line-height:1.55;margin:0;z-index:1}.example-art-page{margin-top:auto;padding-top:25px;font-size:11px;letter-spacing:.09em;z-index:1}.example-art-story{color:#fff;background:#3b2922}.example-art-story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;opacity:.2}.example-story-progress{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:4px}.example-story-progress i{height:3px;background:#fff4;flex:1}.example-story-progress i.active{background:#fff}.example-art-story h3{font-size:35px}.example-art-story .example-art-kicker{margin-top:25px}.example-sticker{background:#efe2d6;color:#37291f;border-radius:9px;padding:15px 12px;font-size:14px;font-weight:500;text-align:center;z-index:1;margin-top:auto}.example-art-story .example-art-page{margin-top:0;padding-top:18px}.content-journey.motion-ready.motion-paused:not(.is-idle) .cinema-motion{opacity:1}.content-journey[data-chapter="2"] .flow-agent{margin-top:20px}
@media(max-width:700px){.flow-sample-link{font-size:13px;padding:7px 0;margin-top:7px}.source-label{font-size:10px}.output-kind{font-size:7px}.story-kicker{font-size:6px;top:11%}.story-art .story-hook{font-size:12px}.story-sticker span{font-size:5px;padding:5px 2px}.story-sticker b{font-size:7px;padding:8px 3px}.carousel-kicker{font-size:5px;margin-top:12px}.carousel-body>p{font-size:19px}.carousel-mini-steps{font-size:6px;gap:5px;margin-top:16%}.format-details{font-size:9px;gap:12px;bottom:18%}.example-dialog{width:calc(100vw - 20px);padding:20px;max-height:94svh}.example-kicker{font-size:9px}.example-top h2{font-size:26px;margin-bottom:16px}.example-close{width:38px;height:38px}.example-tabs{gap:0;justify-content:space-between;margin-bottom:20px}.example-tabs button{font-size:14px;min-height:44px}.example-layout{grid-template-columns:1fr;gap:22px}.example-context>p{font-size:14px;line-height:1.6;margin-bottom:12px}.example-context .example-origin{font-size:12px}.example-stage video{max-height:53svh}.example-stage[data-kind=reel] video{max-height:49svh}.example-art{max-height:none;width:270px;min-height:430px;padding:22px}.example-art-carousel{width:100%;min-height:350px;aspect-ratio:4/5;padding:26px}.example-art h3{font-size:35px}.example-art-story h3{font-size:30px}.example-art-body{font-size:15px}.example-art-kicker{font-size:10px;margin-top:30px}.example-paging{margin-top:16px;justify-content:space-between}.content-journey[data-chapter="2"] .flow-agent{margin-top:12px}}
@media(max-width:360px){.flow-copy h1{font-size:36px}.flow-copy>p:not(.cinema-label){font-size:13px}.flow-sample-link{font-size:12px}.flow-agent span{font-size:11px}.example-dialog{padding:16px}.example-top h2{font-size:23px}.example-art h3{font-size:30px}.example-art-body{font-size:14px}.example-kicker{max-width:185px;display:block;line-height:1.5}}
.content-journey .cinema-shade{background:linear-gradient(90deg,#0b162999 0%,#10192844 50%,transparent 80%),linear-gradient(180deg,#0c162840 0%,transparent 40%,#0c162866 100%)}
@media(max-width:700px){.content-journey .cinema-shade{background:linear-gradient(180deg,#0c182daa 0%,#07142d80 55%,#07142d55 100%)}}

.learning-card{z-index:2}.next-recording{z-index:1}
@media(max-width:700px) and (max-height:740px){.content-journey .cinema-stage{min-height:0}.flow-copy{top:84px}.flow-copy h1{font-size:32px;margin-bottom:12px}.flow-copy .cinema-label{font-size:9px;margin-bottom:10px}.flow-copy>p:not(.cinema-label){display:none}.flow-film-link,.flow-sample-link{font-size:12px;padding-bottom:7px}.flow-agent{margin-top:12px}.flow-agent span{display:none}.flow-agent>img{width:28px;height:28px}.flow-agent b{font-size:12px}.flow-chapter-nav{bottom:60px}.content-journey .cinema-foot{bottom:12px}.workflow-example{display:none}.learning-card{padding:13px}.learning-card h3{font-size:20px;margin:12px 0}.learning-insight{padding-top:10px;font-size:10px}.activity-chart{height:50px}.learning-card small{margin-top:10px}.learning-metrics{margin:9px 0 10px}.next-recording{width:35vw}.format-details{bottom:19%;font-size:8px;gap:7px}.edit-timeline{padding:8px}.timeline-frames{height:30px}.timeline-wave{height:15px}}
@media(max-width:700px){.next-recording{width:34vw}}
.example-dialog>.example-paging{justify-content:flex-end;margin:-10px 0 18px;gap:20px}.output-kind{font-size:10px;letter-spacing:.1em}@media(max-width:700px){.output-kind{font-size:8px}.example-dialog{max-width:calc(100vw - 20px)}.example-dialog>.example-paging{margin:-6px 0 18px;justify-content:space-between}.example-art-story{width:245px;min-height:420px}.example-art-story h3{font-size:28px}}