.drama-page{--sans:'DM Sans',sans-serif;--drama-blue:#3079f4;--drama-muted:#637083;--drama-gap:160px;--creative-section-gap:160px;--creative-heading-size:56px;background:#fff;color:#18263a}
.drama-main{width:min(1100px,calc(100% - 64px));max-width:1100px;margin:0 auto;padding:0 0 128px}
.drama-main h1,.drama-main h2,.drama-main h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#18263a}
.drama-main p{color:var(--drama-muted);line-height:1.6}.drama-main :is(button,a):focus-visible{outline:2px solid var(--drama-blue);outline-offset:5px}.drama-main [hidden]{display:none!important}
.drama-hero{padding-top:130px;text-align:center}.drama-hero h1{margin:0 auto;max-width:1000px;font-size:72px;line-height:1.08;letter-spacing:-.052em}.drama-page .drama-main .drama-hero h1 span{display:inline-block;white-space:nowrap;color:#18263a}.drama-lede{max-width:700px;margin:18px auto 24px;font-size:18px}.drama-composer{display:block;max-width:760px;margin:0 auto;text-align:left;scroll-margin-top:105px;min-height:170px}.drama-composer>textarea{width:100%;min-height:100px;padding:18px;border:1px solid #dce3eb;border-radius:18px;font:inherit}.drama-composer>label{display:block;margin:0 0 8px}.drama-composer>a{display:inline-flex;padding:10px 20px;min-height:44px;color:#fff;background:var(--drama-blue);border-radius:24px;text-decoration:none}.drama-status{margin:0;font-size:16px;color:#2562af!important}.drama-status:not(:empty){padding-top:10px}
.story-posters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto auto;gap:0 32px;margin:36px auto 0;max-width:940px;text-align:center}.story-poster{min-width:0;display:grid;grid-template-rows:subgrid;grid-row:span 4;scroll-margin-top:112px}.story-poster>p{font-size:17px;line-height:1.55;margin:12px 0 0}.story-poster h3{font-size:26px;line-height:1.2;letter-spacing:-.025em;margin:18px 0 0}.poster-media{position:relative;display:block;width:100%;aspect-ratio:9/16;overflow:hidden;border-radius:18px;background:#10131b;text-decoration:none}.poster-media img{height:100%;width:100%;display:block;object-fit:contain}.watch-poster:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#08101c9c);pointer-events:none}.watch-action{position:absolute;z-index:1;bottom:12px;left:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#fffffff0;color:#18263a;box-shadow:0 4px 18px #0002;cursor:pointer}.watch-action svg,.text-action svg{width:22px;height:22px}.watch-poster:hover .watch-action{background:#fff}.poster-explore{width:100%;border:0;background:transparent;font-family:var(--sans);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;margin-top:12px;font-size:16px;color:#2567bf;padding:6px 0}.poster-dots{display:none}
.drama-section{margin-top:var(--drama-gap);scroll-margin-top:110px}.drama-heading{text-align:center}.drama-heading h2,.drama-closing h2{font-size:56px;line-height:1.08;letter-spacing:-.045em;margin:0 auto}.drama-heading>p{max-width:670px;margin:22px auto 0;font-size:18px}
.drama-main .drama-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--drama-blue);color:#fff;text-decoration:none;border:0;border-radius:100px;padding:18px 40px;min-height:64px;max-width:100%;font:600 20px/1.4 var(--sans);cursor:pointer}.drama-main .drama-primary:hover{background:#1c65db}.drama-primary[disabled]{opacity:.6;cursor:wait}
.drama-section-action{margin-top:40px;text-align:center}
@media(max-width:699px){.drama-main .drama-primary{min-height:56px;padding:15px 32px;font-size:18px}.drama-section-action{margin-top:32px}}
.preview-help{max-width:680px;text-align:left;border:1px solid #e3d7bd;border-radius:16px;padding:18px;margin:18px auto 0;background:#fffbf3;font-size:16px}.preview-help p{margin:0 0 12px}.preview-help button,.preview-help a{min-height:44px;display:inline-flex;align-items:center;padding:8px 14px;margin-right:8px;border:1px solid #dacdb4;border-radius:22px;background:#fff;font:inherit;color:#51432c;cursor:pointer;text-decoration:none}
/* Each capability is a single, full-width demonstration below its heading. */
.storyboard-demo,.library-demo{margin:48px auto 0;max-width:1100px}
.shot-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;list-style:none;padding:0;margin:0}.shot-sequence li{min-width:0}
.shot-art{position:relative;overflow:clip;width:100%;aspect-ratio:740/464;border-radius:10px}.shot-art img{position:absolute;display:block;width:207.57%;height:220.7%;max-width:none}
.shot-nw img{left:-2.162157%;top:-6.89197%}.shot-ne img{left:-105.676768%;top:-6.89197%}.shot-sw img{left:-2.162157%;top:-111.43024%}.shot-se img{left:-105.676768%;top:-111.43024%}
.shot-description{padding:16px 0 0}.shot-description h4{display:flex;gap:10px;margin:0;font:500 18px/1.45 var(--sans);color:#253950}.shot-description h4 span{font-weight:400;color:#8b99ad;font-variant-numeric:tabular-nums}.shot-description p{margin:6px 0 0 31px;font-size:17px;line-height:1.45}
.library-demo{max-width:960px}.element-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:0 30px}.element-item{margin:0;min-width:0}.element-art{position:relative;overflow:clip;width:100%;aspect-ratio:1/2;border-radius:12px}.element-art img{position:absolute;display:block;top:0;width:305.36%;height:100%;max-width:none}.element-character img{left:0}.element-location img{left:-102.68%}.element-prop img{left:-205.36%}.element-item figcaption{text-align:center;margin-top:18px}.element-item h4{font:500 21px/1.35 var(--sans);margin:0;color:#263b54}.element-item figcaption p{font-size:17px;line-height:1.45;margin:6px 0 0}.element-dots{display:none}
.take-demo{margin:36px auto 0;text-align:center}.take-switch{display:inline-flex;gap:4px;background:#eff3f8;border-radius:30px;padding:5px;margin-bottom:26px}.take-switch button{border:0;border-radius:24px;min-width:128px;min-height:46px;padding:10px 20px;font:500 17px/1.3 var(--sans);color:#5d6d84;background:transparent;cursor:pointer}.take-switch button[aria-pressed=true]{color:#fff;background:#2d71d1}.take-switch button:hover:not([aria-pressed=true]){background:#e4ebf5}
.take-screen{position:relative;display:block;width:min(100%,320px);aspect-ratio:9/16;overflow:hidden;margin:0 auto;background:#15181d;border-radius:16px}.take-screen img{display:block;width:100%;height:100%;object-fit:contain}.take-direction{font:400 23px/1.4 Georgia,serif!important;color:#344b68!important;margin:0 auto 26px;max-width:700px}
.use-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px;margin-top:48px}.use-list article{min-width:0;padding:0;display:grid;grid-template-rows:subgrid;grid-row:span 2}.drama-main .use-list :is(h3,h4){font:400 32px/1.2 Georgia,serif;margin:0 0 18px}.use-list p{font-size:18px;margin:0}
.drama-page .drama-main .drama-faq{display:block;max-width:860px;margin-left:auto;margin-right:auto}.drama-faq>h2{font-size:56px;line-height:1.08;letter-spacing:-.045em;margin:0 auto 44px;text-align:center}.drama-page .drama-main .drama-faq summary h3{font:400 20px/1.45 var(--sans);margin:0;color:inherit}.drama-faq summary{padding:24px 0;min-height:64px;gap:24px}.drama-faq details p{font-size:17px;line-height:1.7}.drama-faq a{color:#2568cd}.drama-closing{text-align:center}.drama-closing p{font-size:18px;margin:24px 0 28px}.drama-main .editing-related{margin-top:var(--drama-gap)}
@media(max-width:1024px){.drama-page{--drama-gap:112px;--creative-section-gap:112px}.drama-hero{padding-top:120px}.drama-hero h1{font-size:60px}.drama-heading h2,.drama-closing h2,.drama-faq>h2{font-size:48px}.story-posters{gap:0 24px}.story-poster h3{font-size:25px}.shot-sequence{gap:16px}.shot-description h4{display:block;font-size:18px}.shot-description h4 span{margin-right:8px}.shot-description p{margin-left:0}.element-collection{padding:0 20px;gap:24px}.use-list{column-gap:28px}.drama-main .use-list :is(h3,h4){font-size:29px}}
@media(max-width:699px){.drama-page{--drama-gap:80px;--creative-section-gap:80px}.drama-main{width:calc(100% - 36px);padding-bottom:80px}.drama-hero{padding-top:100px}.drama-hero h1{font-size:44px;line-height:1.07;max-width:350px}.drama-lede{font-size:16px;line-height:1.5;margin:16px auto 20px;max-width:365px}.drama-composer{min-height:170px}.drama-heading h2,.drama-closing h2,.drama-faq>h2{font-size:36px;line-height:1.1}.drama-heading>p{font-size:17px;margin-top:20px}.drama-heading h2 br{display:none}.drama-heading h2{max-width:380px}.story-posters{display:flex;justify-content:flex-start;overflow-x:auto;gap:20px;max-width:none;margin:32px -18px 0;padding:0 calc((100vw - 260px)/2);scroll-snap-type:x mandatory;scroll-padding:0 calc((100vw - 260px)/2);scrollbar-width:none}.story-posters::-webkit-scrollbar{display:none}.story-poster{flex:0 0 260px;max-width:260px;scroll-snap-align:center;display:block}.story-poster h3{font-size:25px;margin:16px 0 0;text-align:center}.poster-media{width:260px;aspect-ratio:9/16;border-radius:16px}.poster-dots,.element-dots{display:flex;justify-content:center;margin:0 auto}.poster-dots button,.element-dots button{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;background:transparent;cursor:pointer}.poster-dots button span,.element-dots button span{display:block;width:7px;height:7px;border-radius:10px;background:#d0d8e4}.poster-dots button[aria-pressed=true] span,.element-dots button[aria-pressed=true] span{width:22px;background:#3079f4}.storyboard-demo,.library-demo{margin-top:32px}.shot-sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.shot-art{border-radius:6px}.shot-description{padding-top:12px}.shot-description h4{font-size:17px}.shot-description h4 span{display:none}.shot-description p{font-size:16px;margin-top:5px}.element-collection{display:flex;overflow:auto;gap:20px;margin:0 -18px;padding:0 calc((100vw - 220px)/2);scroll-padding:0 calc((100vw - 220px)/2);scroll-snap-type:x mandatory;scrollbar-width:none}.element-collection::-webkit-scrollbar{display:none}.element-item{flex:0 0 220px;scroll-snap-align:center}.element-item h4{font-size:20px}.element-item figcaption{margin-top:16px}.element-item figcaption p{font-size:16px}.element-dots{margin-top:8px}.take-demo{margin-top:28px}.take-screen{width:270px}.take-switch{margin-bottom:24px}.take-switch button{min-width:120px;font-size:16px}.take-direction{font-size:21px!important}.use-list{grid-template-columns:1fr;gap:30px;margin-top:32px}.use-list article{display:block;grid-row:auto;text-align:center}.drama-main .use-list :is(h3,h4){font-size:29px;margin-bottom:12px}.use-list p{font-size:17px}.drama-faq>h2{margin-bottom:28px}.drama-page .drama-main .drama-faq summary h3{font-size:18px}.drama-closing p{font-size:17px;margin:20px 0 24px}}

@media(max-width:359px){.drama-main{width:calc(100% - 32px)}.drama-hero h1{font-size:36px}.drama-hero{padding-top:94px}.story-posters,.element-collection{margin-left:-16px;margin-right:-16px}.drama-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.drama-main *,.drama-main *::before,.drama-main *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Playback replaces the poster in its existing frame; no modal or layout shift. */
.media-frame{position:relative}.media-frame>.watch-poster{position:relative;display:block;width:100%;height:100%}.media-frame>.watch-poster[hidden]{display:none!important}
.inline-player{position:absolute;inset:0;width:100%;height:100%;background:#11151d;color:#fff;overflow:hidden;isolation:isolate}
.inline-player video{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}.inline-player video::cue{font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.4;background:#000b;color:#fff}
.inline-controls{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:24px 10px 8px;background:linear-gradient(transparent,rgba(3,8,16,.8) 35%,rgba(3,8,16,.9));font-family:var(--sans)}
.inline-progress{display:flex;align-items:center;gap:8px}.inline-progress input{display:block;min-width:0;flex:1;height:32px;margin:0;accent-color:#a9c9ff;cursor:pointer}.inline-progress>span{font:400 13px/1 var(--sans);white-space:nowrap;font-variant-numeric:tabular-nums;color:#fff}
.inline-buttons{display:flex;align-items:center;gap:6px}.drama-main .inline-buttons button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;border:0;border-radius:22px;background:transparent;color:#fff;cursor:pointer;font:500 16px/1 var(--sans)}.drama-main .inline-buttons button:hover{background:#ffffff24}.inline-buttons svg{width:22px;height:22px}.inline-buttons [data-player-fullscreen]{margin-left:auto}.inline-buttons [data-player-captions][aria-pressed=true]{background:#ffffff24!important}.inline-buttons [data-player-captions][aria-pressed=false]{opacity:.65}
.inline-player :is(button,input):focus-visible{outline:2px solid #a9c9ff;outline-offset:1px}.inline-player .inline-message{position:absolute;top:16px;left:12px;right:12px;margin:0;padding:12px;background:#0b1324e6;color:#fff;font-size:16px;line-height:1.4;border-radius:10px;text-align:center}
.inline-player:fullscreen{position:fixed;width:100%;height:100%;border-radius:0}.inline-player:fullscreen video{object-fit:contain}.inline-player:fullscreen .inline-controls{padding:40px max(20px,calc((100vw - 900px)/2)) 16px}.inline-player:fullscreen video::cue{font-size:24px}
.inline-progress input{appearance:none;-webkit-appearance:none;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0}
.inline-progress input::-webkit-slider-runnable-track{height:3px;background:#ffffff80;border-radius:3px}.inline-progress input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;margin-top:-5px;border:0;border-radius:50%;background:#a9c9ff}
.inline-progress input::-moz-range-track{height:3px;background:#ffffff80;border:0;border-radius:3px}.inline-progress input::-moz-range-progress{height:3px;background:#a9c9ff}.inline-progress input::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#a9c9ff}

.drama-heading .feature-title span{display:block;white-space:nowrap}
@media(max-width:699px){.drama-heading h2.feature-title{max-width:none;font-size:clamp(22px,6.2vw,36px)}}

/* Reuse the Video Editor workflow and its UI fragments in the three requested sections. */
.drama-main .illustrated-list>article{grid-row:span 3}
.drama-ui-art{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:400/340;align-self:stretch;min-height:min-content;margin:0 0 24px;padding:24px 18px;overflow:hidden;border-radius:16px;background:#edf2f7;color:#29323e;text-align:left;font:14px/1.5 var(--sans)}
.drama-ui-art>div{width:100%;min-width:0}
.drama-main .drama-ui-art p{font:14px/1.55 var(--sans);color:inherit;margin:18px 0 0}
.drama-ui-art .editing-request-detail{padding:16px;box-shadow:0 10px 22px #25354b1c}
.drama-ui-art .editing-request-chip{font-size:13px;padding:6px 8px;gap:6px}
.drama-ui-art .editing-request-chip>span{font-size:17px;margin-left:2px}
.drama-ui-art .editing-request-chip svg{width:16px;height:16px}
.drama-ui-art--dialogue{background:#edf2f7}
.drama-ui-art--adaptation{background:#faf0e4}
.drama-ui-art--adaptation>div{display:grid;gap:16px}
.drama-ui-document{display:grid;gap:8px;width:78%;margin:0 auto;padding:14px 16px;background:#fff;border-radius:8px;box-shadow:0 4px 16px #25354b12}
.drama-ui-document>span{font-size:13px;margin-bottom:3px}
.drama-ui-document i{display:block;height:3px;background:#dce3eb;border-radius:2px}
.drama-ui-document i:last-child{width:64%}
.drama-workflow .editing-steps{margin-top:48px}
.drama-workflow .editing-steps h3{font-size:27px;line-height:1.25;letter-spacing:-.025em;margin:0}
.drama-workflow .editing-steps>li>p{font-size:18px;line-height:1.65;margin:14px 0 0}
.drama-workflow .editing-steps>li:before{color:#3079f4}
.drama-ui-art--workflow{aspect-ratio:auto;max-width:650px;margin:28px 0 0;padding:0;border-radius:0;background:transparent;overflow:visible}
@media(max-width:1024px) and (min-width:700px){.drama-ui-art:not(.drama-ui-art--workflow){aspect-ratio:auto;padding:14px 10px}.drama-ui-art:not(.drama-ui-art--workflow) .editing-request-detail{padding:12px}.drama-ui-art:not(.drama-ui-art--workflow) .editing-request-chip{font-size:12px}}
@media(max-width:699px){.drama-main .illustrated-list>article{grid-row:auto}.drama-ui-art{width:100%;max-width:400px;margin:0 auto 20px}.drama-workflow .editing-steps{margin-top:32px}.drama-workflow .editing-steps h3{font-size:25px}.drama-workflow .editing-steps>li>p{font-size:17px}.drama-ui-art--workflow{max-width:none;width:calc(100% + 40px);margin:24px 0 0 -40px}}

/* Compact visual and one action, using the existing short drama outputs. */
.drama-closing-art{width:min(100%,480px);aspect-ratio:2/1;display:flex;align-items:center;justify-content:center;margin:0 auto 28px;isolation:isolate}
.drama-closing-art img{display:block;flex:0 0 auto;width:24%;max-width:112px;height:auto;aspect-ratio:9/16;object-fit:contain;border-radius:12px;box-shadow:0 14px 26px #25354b24;transform:translateY(var(--closing-y,0px)) rotate(var(--closing-turn,0deg));animation:drama-closing-float 6s ease-in-out infinite}
.drama-closing-art img:first-child{--closing-y:12px;--closing-turn:-10deg;margin-right:-18px;animation-delay:-2s}
.drama-closing-art img:nth-child(2){z-index:1;animation-delay:-4s}
.drama-closing-art img:last-child{--closing-y:12px;--closing-turn:10deg;margin-left:-18px}
.drama-closing>p{max-width:520px;margin:20px auto 28px}
@keyframes drama-closing-float{0%,100%{transform:translateY(var(--closing-y,0px)) rotate(var(--closing-turn,0deg))}50%{transform:translateY(calc(var(--closing-y,0px) - 9px)) rotate(var(--closing-turn,0deg))}}
@media(max-width:699px){.drama-closing-art{max-width:400px;margin-bottom:24px}.drama-closing-art img{border-radius:9px;box-shadow:0 10px 20px #25354b24}.drama-closing-art img:first-child{margin-right:-12px}.drama-closing-art img:last-child{margin-left:-12px}.drama-closing>p{max-width:310px;margin:18px auto 24px}}

/* Group the retained production demonstrations, with separate sections for creation tasks. */
.drama-capability{margin-top:88px;scroll-margin-top:110px}
.drama-capabilities>.drama-capability:first-of-type{margin-top:64px}
.drama-heading h3.feature-title{font-size:44px;line-height:1.12;letter-spacing:-.035em;margin:0 auto}
.two-column{grid-template-columns:repeat(2,minmax(0,1fr));max-width:860px;margin-left:auto;margin-right:auto}
.drama-ui-art--trailer{background:#f2f2e8}
.drama-ui-art--trailer .editing-prompt-detail{padding:22px}
.vertical-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);align-items:center;gap:56px}
.vertical-copy h2{font-size:40px;line-height:1.12;letter-spacing:-.035em;margin:0}
.vertical-copy h2 span{display:block;white-space:nowrap}
.vertical-copy>p{font-size:18px;margin:20px 0 0}
.vertical-copy h3{font-size:25px;line-height:1.25;margin:28px 0 0;letter-spacing:-.02em}
.vertical-copy h3+p{margin-top:10px}
.vertical-showcase{min-width:0}
.vertical-videos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:544px;margin:0 auto}
.vertical-videos .poster-media{max-width:260px}
.cinematic-sample{max-width:544px;margin:24px auto 0}
.cinematic-sample .poster-media{width:100%;aspect-ratio:16/9;max-width:none}
@media(max-width:1024px){.drama-heading h3.feature-title{font-size:40px}.vertical-layout{gap:36px}.vertical-copy h2{font-size:34px}.vertical-copy>p{font-size:17px}.vertical-copy h3{font-size:23px}}
@media(max-width:899px){.vertical-layout{display:block}.vertical-copy{max-width:650px;margin:0 auto;text-align:center}.vertical-copy h2{font-size:48px}.vertical-copy h3{font-size:25px}.vertical-videos{margin-top:36px}}
@media(max-width:699px){.drama-capability{margin-top:56px}.drama-capabilities>.drama-capability:first-of-type{margin-top:40px}.drama-heading h3.feature-title{font-size:clamp(22px,6.2vw,36px)}.two-column{grid-template-columns:1fr;gap:36px}.drama-capabilities>.drama-heading h2.feature-title,#series-title{font-size:clamp(26px,7.2vw,36px)}#novel-title{font-size:clamp(30px,8.4vw,36px)}.vertical-copy h2{font-size:clamp(26px,7.7vw,36px)}.vertical-copy h3{font-size:25px}.vertical-videos{display:flex;overflow-x:auto;gap:20px;max-width:none;margin:32px -18px 0;padding:0 calc((100vw - 260px)/2);scroll-padding:0 calc((100vw - 260px)/2);scroll-snap-type:x mandatory;scrollbar-width:none}.vertical-videos::-webkit-scrollbar{display:none}.vertical-videos>.poster-media{width:260px;flex:0 0 260px;scroll-snap-align:center}.story-poster>p{font-size:16px}.vertical-dots{margin-top:8px}}
@media(max-width:359px){.vertical-videos{margin-left:-16px;margin-right:-16px}}

.storyboard-description,.character-description{max-width:670px;margin:28px auto 0;text-align:center;font-size:18px}
@media(max-width:699px){.storyboard-description,.character-description{font-size:17px;margin-top:24px}}

/* A full first section with the selected original Gallery previews. */
.drama-hero{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding-bottom:48px}
.drama-hero-copy{width:100%}
.hero-examples{display:flex;flex:0 0 auto;gap:20px;width:100vw;margin:48px 0 0 calc(50% - 50vw);padding:0 24px;overflow-x:auto;scroll-padding-inline:24px;scroll-snap-type:x proximity;scrollbar-width:none}
.hero-examples::-webkit-scrollbar{display:none}
.hero-example{position:relative;display:block;flex:0 0 auto;height:clamp(144px,12vw,190px);aspect-ratio:var(--preview-ratio);border-radius:16px;overflow:hidden;background:#10131b;scroll-snap-align:start}
.hero-example>a{display:block;width:100%;height:100%}
.hero-examples video{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:1024px){.drama-hero{padding-bottom:40px}.hero-examples{margin-top:40px}}
@media(max-width:699px){.drama-hero{padding-bottom:32px}.hero-examples{gap:16px;margin-top:32px;padding-inline:18px;scroll-padding-inline:18px}.hero-example{position:relative;height:144px;border-radius:12px}}
@media(max-width:359px){.hero-examples{padding-inline:16px;scroll-padding-inline:16px}}

/* Keep series uses compact; the numbered workflow follows one scene. */
.series-uses{max-width:670px;margin:36px auto 0}
.series-uses p{font-size:18px;margin:0}
.series-uses p+p{margin-top:18px}
.series-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:940px;margin:36px auto 0}
.series-proof>figure{min-width:0;margin:0}
.series-reference-media,.series-proof .poster-media{width:100%;aspect-ratio:9/16;overflow:hidden;border-radius:18px}
.series-reference-media>img{display:block;width:100%;height:100%;object-fit:contain}
.series-proof figcaption{margin-top:14px;font:400 15px/1.5 var(--sans);color:#637083;text-align:center}
@media(max-width:699px){.series-proof{display:flex;max-width:none;overflow-x:auto;gap:20px;margin:28px -18px 0;padding:0 calc((100vw - 220px)/2);scroll-padding:0 calc((100vw - 220px)/2);scroll-snap-type:x mandatory;scrollbar-width:none}.series-proof::-webkit-scrollbar{display:none}.series-proof>figure{flex:0 0 220px;scroll-snap-align:center}}
@media(max-width:359px){.series-proof{margin-inline:-16px}}
@media(max-width:699px){.series-uses{margin-top:28px}.series-uses p{font-size:17px}}

.workflow-beats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.workflow-beats li{min-width:0;padding:0;counter-increment:none}
.workflow-beats li::before{content:none}
.workflow-beats img{display:block;width:100%;height:auto;border-radius:8px}
.workflow-beats span{display:block;margin-top:10px;font:13px/1.5 var(--sans);color:#637083}
.workflow-result{padding:0;background:transparent;border:0}
.workflow-result-frame{position:relative;aspect-ratio:1280/716;border-radius:12px;overflow:hidden;background:#10131b}
.workflow-result-frame>.watch-poster{display:block;width:100%;height:100%}
.workflow-result-frame img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:699px){.workflow-beats{grid-template-columns:1fr;gap:20px}.workflow-beats span{font-size:14px}}

.two-column .drama-ui-art--dialogue,.two-column .drama-ui-art--character{aspect-ratio:400/340}
.two-column .drama-ui-art--character{padding:0;background:#d4d5d7}
.drama-ui-art--character>div{height:100%}
.drama-ui-art--character img{display:block;width:100%;height:100%;object-fit:contain}