/* A single stage, at the visitor's pace. The forms live in the scenario dialog. */
.focused-demo .demo-page-heading{padding-top:35px;padding-bottom:25px}
.focused-demo .industry-demo-title{margin-top:22px;align-items:center;gap:25px}
.focused-demo .industry-demo-title h1{font-size:clamp(30px,3.6vw,49px);line-height:1.14;max-width:820px;overflow-wrap:anywhere}
.focused-demo .industry-demo-title>p,.focused-demo .actor-guide,.focused-demo .industry-demo-toolbar,.focused-demo .stage-toolbar,.focused-demo .stage-progress,.focused-demo .flow-heading,.focused-demo .demo-disclaimer,.focused-demo .industry-demo-note{display:none}
.focused-demo .demo-unified-nav{margin-top:20px;padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.focused-demo .demo-unified-nav select{max-width:430px;width:100%;font-size:14px}
.focused-demo :is(.industry-demo-section,.demo-section){padding-top:0}
.focused-demo :is(.industry-lab,.sector-lab,.studio){display:block;overflow:visible;min-height:0;background:none;border:0;box-shadow:none}
.focused-demo :is(.industry-process,.sector-workspace,.wf-stage){display:block;width:100%;min-width:0;padding:0;border:0;background:none}
.focused-demo .demo-panel{padding:0;border:0;background:none}
.demo-player{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 20px;color:#263321}
.player-actions,.player-secondary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.demo-player button{border:1px solid #b7c1ac;cursor:pointer;min-height:46px;padding:12px 17px;font:500 14px/1.3 var(--body, sans-serif);color:inherit;background:transparent;border-radius:5px;transition:background .2s,transform .2s}
.demo-player button:hover{background:#e0e6d9;transform:translateY(-2px)}
.demo-player .player-next{background:#fa5428;color:#171b14;border-color:#fa5428;min-width:185px;font-weight:650}
.demo-player .player-next:disabled{opacity:.7;cursor:default;transform:none}
.demo-player .player-auto[aria-pressed=true]{background:#253420;color:#e6ecdf}
.demo-player .player-info{border:0;text-decoration:underline;text-underline-offset:5px}
.demo-player :is(#industry-reset,#sector-reset,#reset-demo){padding:10px;border:0;font-size:14px}
.player-status{font-size:14px;color:#62725a}
.demo-player button:focus-visible,.scenario-dialog :is(button,summary,input,select,textarea):focus-visible{outline:3px solid #fa5428;outline-offset:4px}
.focused-demo .cinematic-scene{border-radius:10px;border:1px solid #46543a;scroll-margin-top:20px;max-width:100%;overflow:hidden}
.workflow-chapters{list-style:none;margin:0;padding:0 30px;display:flex;border-bottom:1px solid #46543a;gap:32px;background:#11191170}
.workflow-chapters li{display:flex;gap:10px;align-items:center;font-size:14px;color:#9baa91;padding:19px 0;position:relative;line-height:1.5;min-width:0;overflow-wrap:anywhere}
.workflow-chapters li span{font:13px var(--mono);color:#9faa8e}
.workflow-chapters li.current{color:#fff0e0}
.workflow-chapters li.current::after{content:'';position:absolute;bottom:-1px;height:3px;left:0;right:0;background:#fa7948}
.workflow-chapters li.current span{color:#ff9b6d}.workflow-chapters li.passed{color:#b9d89d}
.focused-demo .scene-topline{padding:22px 32px 0}
.focused-demo .story-copy{padding:14px 32px 0}
.focused-demo .story-step-title{font-size:clamp(25px,3vw,35px);line-height:1.18}
.focused-demo .story-step-body{font-size:16px;line-height:1.6;max-width:760px;margin-top:12px;margin-bottom:4px}
.focused-demo .scene-counter{font-size:13px;white-space:nowrap}
.focused-demo .active-actor{font-size:14px}
.focused-demo .cinema-stage{padding:0 40px}
.focused-demo .cinema-route{margin-top:12px;font-size:14px}
.focused-demo .cinema-floor{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:70px;row-gap:0;min-height:380px;padding:36px 25px 38px;max-width:1100px;margin-inline:auto}
.focused-demo .paper-stack{grid-column:1;grid-row:1/3;width:100%;max-width:470px;justify-self:center;align-self:center;margin:14px 0;transform:rotate(-6deg)}
.focused-demo .cinema-paper{padding:24px 27px;min-height:275px}
.focused-demo .cinema-paper-label{font-size:clamp(24px,2.4vw,31px);margin:19px 0 15px;line-height:1.2}
.focused-demo .cinema-paper>header{font-size:12px}
.focused-demo .cinema-fields>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;padding:8px 0;align-items:baseline}
.focused-demo .cinema-fields dt{font-size:14px;line-height:1.4}
.focused-demo .cinema-fields dd{font-size:clamp(17px,1.8vw,23px);line-height:1.3;text-align:right;margin:0}
.focused-demo .cinema-action{font-size:16px;line-height:1.5;color:#3d5030;margin-top:18px}
.cinema-message{margin:0 0 18px;padding:0 0 0 12px;border-left:2px solid #aebb9e;font-size:16px;line-height:1.5;color:#35422a;font-style:normal;overflow-wrap:anywhere}
.cinema-message[hidden],.cinema-action[hidden]{display:none}
.focused-demo .cinema-owner{grid-column:2;grid-row:1/3;align-self:stretch;width:100%;min-width:0}
.focused-demo .cinema-system{max-width:320px;margin-inline:auto;padding:20px 0}
.focused-demo .cinema-system strong{font-size:clamp(25px,2.7vw,36px);line-height:1.15}
.focused-demo .cinema-system small{font-size:12px;letter-spacing:.7px}
.focused-demo .cinema-system>span:last-child{font-size:14px}
.focused-demo .cinema-human .cinema-owner{grid-row:1;align-self:end}
.focused-demo .cinema-person{min-height:250px;height:250px;overflow:visible}
.focused-demo .cinema-person .role-portrait{width:200px;height:285px;bottom:8px;left:36%;mask-image:linear-gradient(#000 73%,transparent)}
.focused-demo .cinema-person-caption{left:20%;right:0;bottom:12px;transform:rotate(4deg);padding:13px 18px;background:#d8e5c8;border:0;color:#1b2d14;box-shadow:0 10px 30px #1118}
.focused-demo .cinema-person-caption small{font-size:12px;color:#405435}
.focused-demo .cinema-person-caption strong{font-size:24px;color:#22351a;line-height:1.2;margin:6px 0}
.focused-demo .cinema-person-caption>span{display:none}
.focused-demo .scene-decision-slot{grid-column:2;grid-row:2;align-self:start;min-width:0}
.focused-demo .scene-decision-slot:has(.decision-card){padding:8px 0 0}
.focused-demo .scene-decision-slot .decision-card{padding:18px 0 0!important;background:transparent;border:0;box-shadow:none}
.focused-demo .scene-decision-slot :is(.decision-role,.decision-card>.eyebrow,.decision-card>h3,.decision-bottom>span){display:none}
.focused-demo .scene-decision-slot .decision-card p{margin:0;font-size:16px;line-height:1.6;color:#e4eadb}
.focused-demo .decision-actions{gap:10px;display:flex;flex-wrap:wrap}
.focused-demo .decision-actions button{min-height:46px;white-space:normal;overflow-wrap:anywhere;flex:1;font-size:14px;line-height:1.4;padding:12px}
.focused-demo .decision-bottom{margin-top:0;display:block}
.focused-demo .review-trade-label{font-size:14px;line-height:1.5;display:block;margin-top:13px}
.focused-demo .review-trade-label select{margin-top:7px;font-size:16px;width:100%;min-width:0}
.focused-demo .ai-lens{left:calc(53% - 46px);top:30px}
.focused-demo .cinema-extract span{font-size:14px;line-height:1.4}
.focused-demo .cinema-ai .cinema-scan{animation:readDocument 2.5s ease-in-out infinite}
.focused-demo .cinema-route-line i{animation-play-state:paused}
.focused-demo.demo-auto-playing .cinema-route-line i{animation-play-state:running}
.focused-demo .scene-evidence{display:none}
.focused-demo .scene-bottomline{padding:16px 32px;font-size:13px;line-height:1.5;border-top:1px solid #3d4a33}
.focused-demo .scene-progress{max-width:160px}
.focused-demo .cinema-batch .cinema-floor{display:none}
.focused-demo .cinema-batch.cinema-human .cinema-floor{display:block;min-height:0;padding:20px 0 0;margin:0;max-width:100%}
.focused-demo .cinema-batch .cinema-person{height:130px;min-height:130px;background:none;border:0;overflow:hidden}
.focused-demo .cinema-batch .cinema-person .role-portrait{left:100px;width:145px;height:235px;bottom:-98px}
.focused-demo .cinema-batch .cinema-person-caption{left:190px;right:auto;bottom:20px;top:auto;max-width:calc(100% - 190px);background:none;box-shadow:none;transform:none}
.focused-demo .cinema-batch .cinema-person-caption small{color:#bfd0ac}
.focused-demo .cinema-batch .cinema-person-caption strong{color:#e4ecd9}
.focused-demo .batch-scene>.scene-decision-slot{padding:0 32px 25px}
.focused-demo .batch-scene>.scene-decision-slot .decision-card{display:flex;align-items:center;gap:30px;justify-content:space-between}
.focused-demo .batch-scene .decision-actions{margin:0;min-width:300px}
.focused-demo .batch-scene .story-layout{padding:18px 32px 25px}
.focused-demo .batch-scene .person-token{font-size:12px}
.demo-result-drawer{margin:17px 0 0;border-top:1px solid #b4bea9;color:#2e4025;background:transparent}
.demo-result-drawer[hidden]{display:none}
.demo-result-drawer>summary{cursor:pointer;padding:19px 3px;font-size:15px;line-height:1.5}
.demo-result-drawer :is(.industry-result,.sector-output){margin:0;padding:25px;background:#edf0e7;border:1px solid #c1ccb5;border-radius:5px;color:#27351e}
.demo-result-drawer .execution-proof{display:grid;grid-template-columns:1fr 1fr;border:1px solid #506045}
.demo-result-drawer .trace-details{margin:15px 0 0;padding:0 22px;background:#25311f;color:#dfe8d6;border-radius:5px}
.demo-result-drawer .trace-details>summary{font-size:14px;padding-block:16px}
.focused-demo .request-cta{padding-block:50px}
.scenario-dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:35px;border:1px solid #c2c9b9;border-radius:12px;background:#f4f5ef;color:#26351d;box-shadow:0 35px 100px #0005;overscroll-behavior:contain}
.scenario-dialog::backdrop{background:#0d190dbb;backdrop-filter:blur(8px)}
.scenario-dialog[open]{animation:scenarioArrival .28s ease-out}
.scenario-close{position:absolute;right:17px;top:14px;width:40px;height:40px;background:transparent;border:0;font-size:31px;line-height:1;color:#32452a;cursor:pointer}
.scenario-dialog>.eyebrow{color:#647c54;font-size:12px;padding-right:25px}
.scenario-dialog h2{font:500 clamp(27px,3.2vw,36px)/1.12 var(--display);letter-spacing:-.8px;max-width:460px;margin:17px 0;overflow-wrap:anywhere}
.scenario-story{font-size:17px;line-height:1.6;margin:0 0 20px;color:#4a5b3e}
.scenario-choice{border-left:3px solid #fa5428;padding-left:15px;margin-block:20px}
.scenario-choice p{font-size:16px;line-height:1.6;margin:8px 0 0}
.scenario-choice .eyebrow,.scenario-outcome .eyebrow{font-size:12px;color:#647758}
.scenario-outcome{display:flex;flex-direction:column;gap:6px;margin-bottom:22px}
.scenario-outcome strong{font-size:16px;line-height:1.5;font-weight:550}
.scenario-settings{border-top:1px solid #bdc9b0;border-bottom:1px solid #bdc9b0}
.scenario-settings>summary{padding:15px 0;font-size:15px;cursor:pointer}
.scenario-dialog :is(.industry-input,.wf-sidebar){border:0;padding:8px 0 0;margin:0;display:block;background:none;color:#314126}
.scenario-dialog :is(.industry-input,.wf-sidebar)>h2,.scenario-dialog :is(.industry-input,.wf-sidebar)>p,.scenario-dialog .sidebar-kicker,.scenario-dialog #input-description,.scenario-dialog #input-title,.scenario-dialog .local-note{display:none}
.scenario-dialog :is(#industry-fields,#sector-fields,#demo-fields){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px}
.scenario-dialog :is(.invoice-fields,.month-fields){display:contents}
.scenario-dialog :is(.checkbox-field,.message-field,.source-data){grid-column:1/-1}
.scenario-dialog .field{min-width:0;margin-bottom:14px}
.scenario-dialog .field label{font-size:14px;line-height:1.4;color:#445a36;margin-bottom:7px}
.scenario-dialog :is(input,select,textarea){font-size:16px;line-height:1.5;border:1px solid #9ba98d;background:#fff;color:#263820;border-radius:3px;max-width:100%;width:100%;min-width:0;box-sizing:border-box;padding:10px}
.scenario-dialog .checkbox-field{font-size:15px;line-height:1.5;color:#3c4e32}
.scenario-dialog input[type=checkbox]{width:18px;flex:0 0 18px}
.scenario-dialog :is(.form-hint,.demo-rules){font-size:14px;line-height:1.6;color:#657557}
.scenario-dialog .demo-rules{padding:15px 0}
.scenario-dialog .demo-rules summary{font-size:14px;color:#4b603d}
.scenario-dialog .preset-list{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px}
.scenario-dialog .preset-list button{flex:1;min-width:120px;padding:11px;font-size:14px;line-height:1.4;background:#e6ebde;color:#35482a;border:1px solid #adbda0;border-radius:3px;overflow-wrap:anywhere}
.scenario-dialog .preset-list button[aria-pressed=true]{background:#304827;color:#f0f4ea;border-color:#304827}
.scenario-dialog .preset-list small{display:none}
.scenario-dialog .preset-list button[aria-pressed=true] small{display:block;color:inherit;opacity:.85;font-size:12px;line-height:1.4;margin-top:5px}
.scenario-dialog .field-help{display:none;font-size:13px;line-height:1.5;color:#697b5b;margin-top:8px}
.scenario-dialog .field:focus-within .field-help,.scenario-dialog .checkbox-field:focus-within+.field-help{display:block}
.scenario-how{font-size:14px;line-height:1.6;margin:18px 0;color:#617451}
.scenario-footer{display:flex;margin-top:15px}
.scenario-footer .run-button{width:100%;margin:0;background:#fa5428;border:0;color:#192b12;font-size:16px;min-height:49px;padding:14px;cursor:pointer;border-radius:4px}
.scenario-dialog [role=alert]{font-size:14px;line-height:1.5;color:#a32917}
@keyframes scenarioArrival{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:800px){
 .player-status{display:none}.demo-player{gap:8px}.player-secondary{gap:0}.demo-player button{padding-inline:13px}.demo-player .player-next{min-width:165px}
 .focused-demo .cinema-stage{padding:0 24px}.focused-demo .cinema-floor{column-gap:30px;padding:35px 12px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
 .focused-demo .cinema-paper{padding:21px 18px}.focused-demo .cinema-fields>div{grid-template-columns:minmax(0,1fr)}.focused-demo .cinema-fields dd{text-align:left;margin-top:1px}
 .focused-demo .cinema-person-caption{left:0;right:0;padding:11px 13px}.focused-demo .cinema-person-caption strong{font-size:22px}.focused-demo .cinema-person .role-portrait{width:180px;left:50%}
 .focused-demo .batch-scene>.scene-decision-slot .decision-card{display:block}.focused-demo .batch-scene .decision-actions{margin-top:17px;min-width:0}
 .focused-demo .scene-bottomline{padding-inline:24px}.workflow-chapters{padding-inline:24px;gap:22px}
}
@media(max-width:580px){
 .focused-demo .demo-page-heading{padding-top:23px}.focused-demo .demo-unified-nav{display:block}.focused-demo .demo-unified-nav label{display:none}.focused-demo .demo-unified-nav select{max-width:100%}
 .demo-player{padding-bottom:15px;gap:7px}.player-actions,.player-secondary{width:100%;justify-content:space-between}.player-secondary .player-info{padding-left:0}.demo-player .player-next{flex:1}.player-secondary button{min-height:34px}
 .workflow-chapters{padding-inline:15px;gap:0;justify-content:space-between}.workflow-chapters li{font-size:12px;gap:4px;padding:15px 0}.workflow-chapters li span{display:none}
 .focused-demo .scene-topline{padding:18px 20px 0}.focused-demo .story-copy{padding:13px 20px 0}.focused-demo .scene-counter{font-size:12px}.focused-demo .active-actor{font-size:13px}
 .focused-demo .cinema-stage{padding:0 20px}.focused-demo .cinema-route{font-size:12px;gap:8px}.focused-demo .cinema-target{max-width:52%}
 .focused-demo .cinema-floor{display:flex;flex-direction:column;padding:27px 14px 20px;gap:20px;min-height:0}
 .focused-demo .paper-stack{width:calc(100% - 12px);max-width:400px;margin:14px 6px 17px}.focused-demo .cinema-paper{padding:21px 20px;min-height:0}
 .focused-demo .cinema-paper-label{font-size:25px}.focused-demo .cinema-fields>div{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.focused-demo .cinema-fields dd{font-size:18px;text-align:right}
 .focused-demo .cinema-action,.cinema-message{font-size:15px;line-height:1.5}
 .focused-demo .cinema-system{display:grid;grid-template-columns:38px minmax(0,1fr);gap:5px 14px;max-width:none;padding:0 0 10px}
 .focused-demo .cinema-system .system-symbol{grid-column:1;grid-row:1/4;font-size:34px;margin:0;align-self:center}
 .focused-demo .cinema-system :is(small,strong),.focused-demo .cinema-system>span:last-child{grid-column:2}
 .focused-demo .cinema-system strong{font-size:23px}.focused-demo .cinema-system small{font-size:12px}.focused-demo .cinema-system>span:last-child{display:none}
 .focused-demo .cinema-human .cinema-owner{width:100%}.focused-demo .cinema-person{height:140px;min-height:140px;overflow:hidden}
 .focused-demo .cinema-person .role-portrait{width:125px;height:225px;left:60px;bottom:-77px}
 .focused-demo .cinema-person-caption{left:117px;right:0;bottom:15px;padding:10px}.focused-demo .cinema-person-caption small{font-size:12px}.focused-demo .cinema-person-caption strong{font-size:21px}
 .focused-demo .scene-decision-slot{width:100%}.focused-demo .scene-decision-slot:has(.decision-card){padding-top:0}.focused-demo .scene-decision-slot .decision-card{padding-top:0!important}
 .focused-demo .scene-bottomline{padding:15px 20px;font-size:12px;gap:14px}.focused-demo .scene-progress{max-width:75px}
 .focused-demo .ai-lens{left:auto;right:0;top:13px;width:64px;height:64px}.focused-demo .ai-lens strong{font-size:22px}
 .focused-demo .batch-scene .story-layout{padding-inline:20px}.focused-demo .cinema-batch .cinema-person .role-portrait{left:65px;width:130px}
 .focused-demo .cinema-batch .cinema-person-caption{left:133px;max-width:calc(100% - 133px);bottom:22px;padding:0}
 .focused-demo .batch-scene>.scene-decision-slot{padding:0 20px 25px}
 .demo-result-drawer .execution-proof{display:block}.demo-result-drawer :is(.industry-result,.sector-output){padding:17px}
 .scenario-dialog{padding:25px 22px;width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.scenario-dialog h2{font-size:29px;padding-right:15px}
 .scenario-dialog :is(#industry-fields,#sector-fields,#demo-fields){grid-template-columns:minmax(0,1fr)}
 .scenario-dialog .preset-list button{min-width:100%;text-align:left}.scenario-story{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.scenario-dialog[open]{animation:none}.demo-player button{transition:none}}
@media print{.demo-player,.scenario-dialog{display:none!important}.demo-result-drawer{display:block!important}.demo-result-drawer>summary{display:none}}
.catalog-chapters .catalog-aside{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:15px}
.catalog-select{display:flex;align-items:center;gap:17px}.catalog-select label{font-size:14px;color:#526546}.catalog-select select{min-width:235px;max-width:100%;background:transparent;color:#273c1e;border:1px solid #b0bda2;border-radius:4px;font-size:16px;padding:12px 35px 12px 14px}
.catalog-chapters .catalog-aside>.text-link{font-size:14px;margin-bottom:13px}.catalog-hero{padding-bottom:45px}.catalog-chapters .special-demo-cards{display:block}
.featured-demos .demo-chapter{padding-block:35px;column-gap:55px;min-height:460px}
.featured-demos .demo-chapter h2{font-size:clamp(31px,3.5vw,47px);line-height:1.1;letter-spacing:-1.6px;margin-block:20px}
.featured-demos .demo-chapter p{font-size:17px;line-height:1.6;max-width:420px}
.featured-demos .demo-chapter .chapter-preview{--panel-angle:-5deg;--sheet-angle:-10deg;min-height:380px}
.featured-demos .demo-chapter.practice-card .chapter-preview{--panel-angle:5deg;--sheet-angle:9deg}
.more-demos{margin-top:40px;border-top:1px solid #aaba9b;border-bottom:1px solid #aaba9b}
.more-demos>summary{list-style:none;display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:center;padding:27px 0;cursor:pointer}.more-demos>summary::-webkit-details-marker{display:none}
.more-demos>summary>span:first-child{font:500 clamp(25px,3vw,35px)/1.2 var(--display);letter-spacing:-.7px}.more-demos>summary>span:nth-child(2){grid-column:1;grid-row:2;font-size:14px;color:#667e55;line-height:1.6}
.more-demos>summary>b{grid-column:2;grid-row:1/3;font:40px var(--display);color:#fa5428;transition:transform .3s}.more-demos[open]>summary>b{transform:rotate(45deg)}
.other-demo-chapters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 55px;padding-block:20px 55px}
.other-demo-chapters .demo-chapter,.other-demo-chapters .demo-chapter.practice-card{display:flex;flex-direction:column-reverse;gap:0;min-height:0;padding:20px 0}
.other-demo-chapters .demo-chapter:nth-child(even){translate:0 45px}
.other-demo-chapters .demo-chapter .demo-chapter-copy{padding:12px 0 0}
.other-demo-chapters .demo-chapter .chapter-preview{min-height:285px;margin:22px 14px}
.other-demo-chapters .demo-chapter h2{font-size:29px;line-height:1.15;letter-spacing:-1px;margin-block:16px}
.other-demo-chapters .demo-chapter p{font-size:16px;line-height:1.6}
.other-demo-chapters .demo-chapter .preview-paper{top:38px;min-height:175px;padding:18px;width:58%}
.other-demo-chapters .demo-chapter .preview-paper strong{font-size:27px;line-height:1.2;margin-block:17px;letter-spacing:-.7px}
.other-demo-chapters .demo-chapter .preview-paper-back{height:175px;top:27px}
.other-demo-chapters .demo-chapter .preview-person{height:280px;width:190px;right:-3%;bottom:-30px}
.other-demo-chapters .demo-chapter .preview-caption{font-size:13px;bottom:20px}
.other-demo-chapters .chapter-open{margin-top:12px}
@media(max-width:800px){.featured-demos .demo-chapter{column-gap:25px}.other-demo-chapters{gap:20px 25px}.other-demo-chapters .demo-chapter .chapter-preview{min-height:260px}.other-demo-chapters .demo-chapter .preview-paper strong{font-size:23px}.other-demo-chapters .demo-chapter .preview-person{width:170px}}
@media(max-width:700px){.catalog-chapters .catalog-aside{display:block}.catalog-select{display:block}.catalog-select label{display:block;margin-bottom:8px}.catalog-select select{width:100%}.catalog-chapters .catalog-aside>.text-link{display:inline-block;margin-top:16px}.featured-demos .demo-chapter{min-height:0;padding-block:22px}.featured-demos .demo-chapter h2{font-size:35px;letter-spacing:-1px}.featured-demos .demo-chapter .chapter-preview{min-height:340px}.other-demo-chapters{grid-template-columns:minmax(0,1fr);gap:15px;padding-bottom:20px}.other-demo-chapters .demo-chapter:nth-child(even){translate:none}.other-demo-chapters .demo-chapter .chapter-preview{min-height:300px}.other-demo-chapters .demo-chapter .preview-person{width:205px;height:300px}.other-demo-chapters .demo-chapter .preview-paper strong{font-size:27px}.more-demos{margin-top:20px}}

.demo-player{position:sticky;top:0;z-index:20;background:#f5f5f3;padding-top:12px}
.focused-demo .cinematic-scene{scroll-margin-top:90px}
.scenario-dialog .panel-heading{display:none}
.cinema-message{max-height:9em;overflow:auto}
@media(max-width:580px){.focused-demo .cinematic-scene{scroll-margin-top:140px}}