/* V3 chapter composition + V4's explicit, state-driven records. */
/* Each visible window ends before the adjacent person's pixels begin. */
.role-trade{--portrait-image:url('/assets/industry-roles-a.png');--portrait-size:284.445%;--portrait-x:0%}
.role-medical{--portrait-image:url('/assets/industry-roles-a.png');--portrait-size:320%;--portrait-x:51.894%}
.role-logistics{--portrait-image:url('/assets/industry-roles-a.png');--portrait-size:305.976%;--portrait-x:100%}
.role-property{--portrait-image:url('/assets/industry-roles-b.png');--portrait-size:305.976%;--portrait-x:0%}
.role-education{--portrait-image:url('/assets/industry-roles-b.png');--portrait-size:274.286%;--portrait-x:53.689%}
.role-commerce{--portrait-image:url('/assets/industry-roles-b.png');--portrait-size:358.879%;--portrait-x:100%}
.role-office{--portrait-image:url('/assets/demo-roles.png');--portrait-size:329.643%;--portrait-x:0%}
.role-executive{--portrait-image:url('/assets/demo-roles.png');--portrait-size:295.36%;--portrait-x:50.696%}
.role-agency{--portrait-image:url('/assets/demo-roles.png');--portrait-size:338.716%;--portrait-x:100%}
:is(.role-portrait,.preview-person,.catalog-portrait){background-image:var(--portrait-image)!important;background-size:var(--portrait-size) auto!important;background-position:var(--portrait-x) top!important;background-repeat:no-repeat!important}
.catalog-chapters{display:block;padding-bottom:80px}.catalog-chapters .catalog-aside{position:static;margin-bottom:35px}.catalog-chapters .catalog-filters{flex-direction:row;flex-wrap:wrap;border:0;gap:8px}.catalog-chapters .catalog-filters button{border:1px solid #b7c1ac;padding:11px 15px;gap:15px}.catalog-chapters .catalog-help{border:0;padding:0;margin:22px 0 0;display:flex;align-items:baseline;gap:15px}.catalog-chapters .catalog-help p{margin:0}.catalog-chapters .catalog-help a{font-size:14px}.catalog-chapters .catalog-toolbar{padding-block:16px}.catalog-chapters .special-demo-cards{margin-top:0}.demo-chapter{min-height:415px;padding-block:10px}.demo-chapter .demo-chapter-copy{padding-top:40px}.demo-chapter h2{max-width:540px}.demo-chapter .chapter-preview{min-height:380px}.chapter-watermark{position:absolute;left:12px;bottom:-35px;font:500 290px/1 var(--display);color:#c4cfb7;letter-spacing:-25px;pointer-events:none}.practice-card .chapter-watermark{color:#34432b}.demo-chapter .preview-paper{width:240px;top:54px;left:7%;padding:24px;min-height:194px}.demo-chapter .preview-paper strong{font-size:35px;line-height:1.13;margin:25px 0;letter-spacing:-1px}.demo-chapter .preview-person{width:230px;height:350px;right:0;bottom:-30px;mask-image:linear-gradient(#000 85%,transparent)}.demo-chapter .preview-caption{max-width:75%;font-size:14px;line-height:1.45}.chapter-open{display:inline-flex;align-items:center;gap:28px;margin-top:26px;font-size:15px;color:#334b22}.chapter-open b{font:38px var(--display);transition:transform .3s}.demo-chapter:hover .chapter-open b{transform:translate(5px,-5px);color:var(--orange)}.demo-chapter:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.demo-chapter .catalog-tags{font-size:13px}.demo-chapter .catalog-tags span{padding-left:0}.demo-chapter .catalog-tags span::before{display:none}.chapter-report .preview-paper{transform:rotate(5deg)}.chapter-education .preview-paper{background:#fae0c0}.chapter-commerce .preview-paper{background:#ffe7d5}.chapter-logistics .preview-paper{transform:rotate(6deg)}
.demo-briefing{display:grid;grid-template-columns:1.05fr 1fr;gap:35px;padding:0 0 28px;margin-bottom:25px;border-bottom:1px solid #48543f;color:#dce7d3}.demo-briefing .eyebrow{font-size:12px;letter-spacing:1px;color:#b5c4a6}.demo-briefing p{font-size:16px;line-height:1.8;margin:12px 0 0;max-width:700px}.brief-decision{border-left:2px solid var(--orange);padding-left:25px}.brief-decision p{color:#fff0df}.brief-instruction{display:block;font-size:14px;line-height:1.65;color:#a9baa0;margin-top:13px}.field-help{display:block;color:#afc0a0;font-size:13px;line-height:1.65;margin:8px 0 16px;font-weight:400;letter-spacing:0}.checkbox-field+.field-help{margin-top:-3px}.field .field-help{margin-bottom:3px}.preset-list button{white-space:normal;text-align:left}.preset-list button small{display:block;font-size:12px;font-weight:400;line-height:1.55;opacity:.82;margin-top:5px}.demo-page-heading .industry-demo-title>p{display:none}.demo-page-heading .industry-demo-title{display:block}.demo-page-heading h1{max-width:none}.actor-guide{padding-bottom:20px}.actor-guide p{font-size:13px}
.cinematic-scene{scroll-margin-top:20px;overflow:hidden;background:radial-gradient(ellipse at 65% 40%,#3c432933,transparent 65%),#1b211b}.cinematic-scene .story-copy{padding-bottom:8px}.cinematic-scene .story-step-title{font-size:clamp(25px,2.8vw,37px);max-width:790px}.cinematic-scene .story-step-body[hidden]{display:none}.cinema-stage{padding:0 26px;position:relative}.cinema-route{display:flex;align-items:center;gap:13px;color:#c2cdb8;font-size:13px;line-height:1.5;margin:12px 0 4px}.cinema-source{max-width:35%}.cinema-target{max-width:50%;text-align:right;margin-left:auto;color:#e7b78e}.cinema-route-line{position:relative;height:1px;min-width:25px;flex:1;background:#51633e;overflow:visible}.cinema-route-line i{display:block;position:absolute;top:-2px;width:18px;height:5px;background:var(--orange);border-radius:3px;animation:routeTransit 1.5s ease-in-out infinite}.cinema-floor{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(155px,.85fr);gap:28px;min-height:395px;align-items:center;padding:25px 0 30px;isolation:isolate}.paper-stack{position:relative;min-width:0;transform:rotate(-2deg);z-index:2;margin:10px 0 4px 8px}.paper-under{position:absolute;inset:7px -7px -7px 7px;transform:rotate(4deg);background:#c2cbb3;border:1px solid #8e9a7e;z-index:-1}.cinema-paper{position:relative;overflow:hidden;background:#f4f4ec;color:#24311e;box-shadow:0 24px 45px #060d0766;min-height:295px;padding:23px 25px;border-top:3px solid #a8b49a}.cinema-paper>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #c7d0bd;padding-bottom:12px;gap:12px;font:12px var(--mono);color:#6c7b5e}.cinema-revision{font-weight:400}.cinema-paper-label{display:block;font:500 clamp(24px,2.4vw,32px)/1.15 var(--display);letter-spacing:-.8px;margin:23px 0 17px}.cinema-fields{margin:0}.cinema-fields>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #d8dece}.cinema-fields dt{font-size:13px;color:#657558;max-width:52%;line-height:1.5}.cinema-fields dd{font:500 19px/1.3 var(--display);letter-spacing:-.3px;text-align:right;margin:0;overflow-wrap:anywhere}.cinema-action{font-size:14px;line-height:1.7;margin:17px 0 0;color:#425435}.cinema-owner{position:relative;align-self:stretch;z-index:3;min-width:0}.cinema-system{height:100%;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px 0 20px 10px}.system-symbol{font:55px/1 var(--display);color:var(--orange);margin-bottom:10px}.cinema-system small{font-size:11px;line-height:1.7;letter-spacing:.8px;color:#a9bb95}.cinema-system strong{font:500 25px/1.2 var(--display);letter-spacing:-.6px;color:#e2eed7;overflow-wrap:anywhere}.cinema-system>span:last-child{font-size:13px;line-height:1.6;color:#a7bc95}.cinema-person{height:100%;min-height:355px;position:relative;animation:personEnter .6s cubic-bezier(.16,1,.3,1) both}.cinema-person .role-portrait{position:absolute;width:210px;height:360px;bottom:32px;left:50%;transform:translateX(-50%);mask-image:linear-gradient(#000 78%,transparent)}.cinema-person-caption{position:absolute;left:-14px;right:-6px;bottom:0;background:#33432bf5;border:1px solid #94a981;box-shadow:0 14px 30px #0005;padding:17px 18px;transform:rotate(3deg)}.cinema-person-caption small{font:11px/1.5 var(--mono);color:#c0d1b0;letter-spacing:.4px}.cinema-person-caption strong{display:block;font:500 24px/1.2 var(--display);letter-spacing:-.6px;margin:8px 0;color:#f4f4eb}.cinema-person-caption>span{font-size:13px;line-height:1.5;color:#bdcfae}.cinema-human .cinema-paper{border-top-color:var(--orange)}.cinema-human .cinema-route-line i{animation:none;right:0}.cinema-complete .cinema-paper{border-top-color:#719258}.cinema-stamp{position:absolute;right:17px;top:14px;color:#4c7337;font-size:31px;transform:rotate(-9deg)}.cinema-complete .cinema-revision,.cinema-returned .cinema-revision{visibility:hidden}.cinema-returned .cinema-stamp{color:#b54f2c}.cinema-complete .cinema-route-line i,.cinema-returned .cinema-route-line i{animation:none;right:0}.actor-ready .cinema-route-line i{animation:none;left:0;opacity:.3}.scene-decision-slot:has(.decision-card){padding:0 26px 24px}.scene-decision-slot .decision-card{margin:0!important;border-top:2px solid var(--orange);background:#2f3928;padding:23px 26px!important}.scene-decision-slot .decision-card h3{font-size:26px!important;margin:10px 0}.scene-decision-slot .decision-card p{font-size:15px;line-height:1.7}.scene-decision-slot .decision-actions{margin-top:18px}.scene-evidence{margin:0 26px;border-top:1px solid #46553a}.scene-evidence>summary{font-size:14px;line-height:1.6;color:#c0d0b2;padding:18px 0;cursor:pointer}.scene-evidence>.story-layout{padding:5px 0 15px}.scene-evidence[open]{padding-bottom:10px}.cinematic-scene .scene-bottomline{padding-top:15px}.cinematic-scene .active-actor{font-size:13px}.cinematic-scene .story-layout{display:block}.cinematic-scene .story-work{width:100%}.cinematic-scene .story-person-slot{display:none}
/* AI reads this document: a scanning lens, extracted fields and a routed result. */
.ai-lens{display:none;position:absolute;width:92px;height:92px;left:calc(61% - 46px);top:15px;z-index:4;background:#222b22e8;border-radius:50%;box-shadow:0 0 40px #f7794033;place-items:center}.ai-lens strong{font:500 25px var(--display);color:#ffe6ce}.ai-lens i{position:absolute;inset:0;border:1px solid #fa9a64;border-left-color:transparent;border-radius:50%;animation:aiOrbit 4s linear infinite}.ai-lens i+i{inset:8px;border:1px dashed #ecc392;animation-direction:reverse;animation-duration:7s}.cinema-ai .ai-lens{display:grid;animation:lensArrival .6s ease-out}.cinema-ai .cinema-paper{border-top-color:#ed8b58;box-shadow:0 20px 60px #fa54281a,0 25px 35px #0004}.cinema-scan{display:none;position:absolute;left:0;right:0;top:40px;height:60px;background:linear-gradient(transparent,#f7884626);border-bottom:1px solid #d46b3b;pointer-events:none}.cinema-ai .cinema-scan{display:block;animation:readDocument 1.4s ease-in-out infinite}.cinema-extract{display:flex;gap:6px;flex-wrap:wrap;margin-top:16px}.cinema-extract[hidden]{display:none}.cinema-extract span{background:#f5d5b9;border:1px solid #d6a07d;color:#65371c;font-size:12px;padding:6px 8px;animation:extractLift .45s calc(var(--chip)*180ms) both}.cinema-ai .system-symbol{animation:aiOrbit 12s linear infinite}.cinema-batch .paper-stack{display:none}.cinema-batch .ai-lens{display:none}.cinema-batch .cinema-floor{display:none}.cinema-batch.cinema-human .cinema-floor{display:block;min-height:0;padding:18px 0}.cinema-batch .cinema-person{min-height:160px;height:160px;border:1px solid #637652;overflow:hidden;background:linear-gradient(110deg,#35432c,#202c1b)}.cinema-batch .cinema-person .role-portrait{left:110px;width:165px;height:300px;bottom:-132px}.cinema-batch .cinema-person-caption{left:210px;right:20px;top:25px;bottom:auto;transform:none;border:0;background:none;box-shadow:none;padding:0}.cinema-batch .cinema-person-caption strong{font-size:26px}.batch-scene>.story-layout{padding-top:20px;padding-bottom:20px}.batch-scene .story-step-body{font-size:15px}.batch-scene .distribution-board{box-shadow:0 20px 40px #080f0744}.batch-scene .person-token{width:34px;height:34px;font-size:12px}.batch-scene .token-bin{gap:8px}.batch-scene .batch-destination>header>strong{font-size:43px}
@keyframes routeTransit{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 18px);opacity:0}}@keyframes aiOrbit{to{transform:rotate(360deg)}}@keyframes lensArrival{from{opacity:0;transform:scale(.7) rotate(-60deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes readDocument{0%{transform:translateY(0);opacity:0}15%{opacity:1}90%{opacity:1}100%{transform:translateY(270px);opacity:0}}@keyframes extractLift{from{opacity:0;transform:translate(15px,-12px) scale(.85)}to{opacity:1;transform:none}}
@media(min-width:1001px){.industry-lab{grid-template-columns:280px minmax(0,1fr)}.industry-process{grid-column:2;grid-row:1}.industry-input{grid-column:1;grid-row:1}.industry-result{grid-column:2;grid-row:2}.sector-lab{grid-template-columns:280px minmax(0,1fr)}.studio{grid-template-columns:280px minmax(0,1fr)}.wf-sidebar{display:block;border-right:1px solid #46543c}.wf-sidebar #demo-fields{display:block}.wf-sidebar #demo-form{display:block}.wf-sidebar .demo-rules{display:block}.wf-stage{grid-column:2;grid-row:1}}
@media(max-width:1100px){.demo-chapter .preview-paper{width:205px;padding:21px;left:5%;top:55px}.demo-chapter .preview-paper strong{font-size:29px}.demo-chapter .preview-person{width:210px;right:-12px}.practice-card .demo-chapter-copy{padding-left:40px}.cinema-floor{grid-template-columns:minmax(0,1.35fr) minmax(145px,.8fr);gap:20px}.cinema-paper{padding:20px}.cinema-person .role-portrait{width:185px}.cinema-person-caption{padding:13px}.cinema-person-caption strong{font-size:21px}.cinema-system strong{font-size:22px}.cinema-fields>div{gap:12px}.cinema-fields dd{font-size:17px}}
@media(max-width:1000px){.industry-lab,.sector-lab,.studio{display:block}.industry-process,.industry-result,.sector-workspace,.wf-stage{width:100%}.industry-input,.wf-sidebar{display:block;border-right:0;border-bottom:1px solid #536547}.industry-input #industry-fields,.industry-input #sector-fields,.wf-sidebar #demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.industry-input .invoice-fields{display:contents}.industry-input .checkbox-field,.industry-input .checkbox-field+.field-help,.industry-input .message-field,.wf-sidebar .checkbox-field,.wf-sidebar .checkbox-field+.field-help,.wf-sidebar .source-data{grid-column:1/-1}.wf-sidebar .month-fields{display:contents}.cinema-floor{grid-template-columns:1.4fr 1fr;gap:40px;min-height:375px}.cinema-paper{padding:26px}.cinema-person .role-portrait{width:235px;height:375px}.cinema-person-caption{padding:18px}.cinema-person-caption strong{font-size:26px}.cinema-system strong{font-size:30px}.cinema-fields dd{font-size:22px}.industry-result{padding:25px}.demo-briefing{gap:25px}}
@media(max-width:700px){.catalog-chapters .catalog-filters{gap:6px}.catalog-chapters .catalog-filters button{font-size:13px;padding:9px 11px;gap:9px}.catalog-chapters .catalog-help{display:block}.catalog-chapters .catalog-help p{margin-bottom:9px}.demo-chapter,.special-demo-card.practice-card{display:flex;flex-direction:column;padding:20px 0 25px;min-height:0}.demo-chapter .demo-chapter-copy,.demo-chapter.practice-card .demo-chapter-copy{padding:10px 0 20px}.demo-chapter h2{font-size:36px;margin:20px 0 15px;max-width:550px}.demo-chapter p{font-size:16px;max-width:550px}.demo-chapter .chapter-preview,.demo-chapter.practice-card .chapter-preview{width:100%;min-height:320px;margin:5px 0 0}.demo-chapter .preview-person{width:215px;right:3%;height:320px;bottom:-24px}.demo-chapter .preview-paper{width:230px;left:7%;top:42px}.chapter-open{margin-top:17px}.chapter-watermark{font-size:250px;letter-spacing:-18px}.demo-briefing{grid-template-columns:1fr;padding-bottom:22px;gap:20px}.brief-decision{padding-left:18px}.demo-briefing p{font-size:15px;line-height:1.75}.demo-page-heading .industry-demo-title{margin-top:22px}.demo-page-heading h1{font-size:36px}.demo-page-heading .demo-unified-nav{margin-top:22px}.cinema-stage{padding-inline:20px}.cinema-floor{grid-template-columns:minmax(0,1.45fr) minmax(120px,.8fr);gap:18px;min-height:380px}.cinema-paper{padding:19px 17px}.cinema-paper-label{font-size:26px}.cinema-fields>div{display:block}.cinema-fields dt{max-width:none;font-size:12px}.cinema-fields dd{font-size:20px;text-align:left;margin-top:3px}.cinema-action{font-size:13px;line-height:1.6}.cinema-person .role-portrait{width:170px;height:310px;bottom:85px}.cinema-person-caption{left:-7px;right:-5px;padding:13px 12px;bottom:18px}.cinema-person-caption strong{font-size:20px}.cinema-person-caption small{font-size:10px}.cinema-person-caption>span{font-size:12px}.cinema-system{padding-left:0}.cinema-system strong{font-size:22px}.cinema-system small{font-size:10px}.cinema-system>span:last-child{font-size:12px}.cinema-route{font-size:12px;gap:10px}.scene-decision-slot:has(.decision-card){padding:0 20px 20px}.scene-decision-slot .decision-card{padding:21px 18px!important}.scene-evidence{margin-inline:20px}.scene-evidence>summary{font-size:13px}.scene-evidence>.story-layout{padding-inline:0}.ai-lens{width:68px;height:68px;left:calc(63% - 34px);top:36px}.ai-lens strong{font-size:21px}.cinema-batch .cinema-person-caption{left:155px;right:15px;top:25px}.cinema-batch .cinema-person .role-portrait{left:75px;width:145px;bottom:-114px;height:275px}.cinema-batch .cinema-person-caption strong{font-size:22px}.batch-scene .person-token{width:29px;height:29px;font-size:11px}.batch-scene .token-bin{gap:6px}.scene-decision-slot .decision-actions{flex-wrap:wrap}.scene-decision-slot .decision-actions button{min-height:44px;font-size:14px;flex:1}.industry-input,.wf-sidebar{padding:24px 20px}.field-help{font-size:12px;line-height:1.65}}
@media(max-width:420px){.demo-chapter .preview-paper{width:190px;left:5%;top:37px}.demo-chapter .preview-paper strong{font-size:26px}.demo-chapter .preview-person{width:190px;right:-10px}.demo-chapter .preview-caption{right:10px;max-width:80%;font-size:12px}.cinema-stage{padding-inline:15px}.cinema-floor{gap:15px;grid-template-columns:minmax(0,1.4fr) minmax(103px,.8fr)}.paper-stack{margin-left:0}.cinema-paper{padding:17px 13px}.cinema-paper-label{font-size:23px;letter-spacing:-.6px}.cinema-fields dd{font-size:18px}.cinema-paper>header{font-size:10px}.cinema-person .role-portrait{width:145px;bottom:95px}.cinema-person-caption{padding:12px 9px;bottom:30px}.cinema-person-caption strong{font-size:18px}.cinema-system strong{font-size:19px}.cinema-system small{letter-spacing:0}.cinema-action{font-size:12px}.cinema-extract span{font-size:11px}.industry-input #industry-fields,.industry-input #sector-fields,.wf-sidebar #demo-fields{display:block}.cinema-batch .cinema-person-caption{left:133px}.cinema-batch .cinema-person .role-portrait{left:65px;width:130px}.cinema-batch .cinema-person-caption strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.cinematic-scene *, .demo-chapter *{animation:none!important;transition:none!important}.cinema-route-line i{left:50%}.cinema-scan{display:none!important}}

/* Diagonal document scenes: explicit angles, layered sheets and safe text flow. */
.demo-chapter{overflow:visible;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:28px;padding-block:38px;min-height:465px}
.demo-chapter>*{min-width:0}.demo-chapter .demo-chapter-copy{position:relative;z-index:5}
.demo-chapter .chapter-preview{--panel-angle:-4deg;--sheet-angle:-11deg;transform:rotate(var(--panel-angle));width:calc(100% - 28px);margin:28px 14px;min-height:390px;overflow:hidden;box-shadow:0 25px 48px #1e301719;isolation:isolate;transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s}
.demo-chapter.practice-card .chapter-preview{--panel-angle:4deg;--sheet-angle:10deg;margin:12px 14px 44px;transform:rotate(var(--panel-angle))}
.demo-chapter .preview-paper{top:66px;left:8%;width:clamp(180px,58%,260px);max-width:calc(100% - 45px);padding:23px 21px 36px;min-height:205px;height:auto;transform:rotate(var(--sheet-angle));transform-origin:50% 65%;box-shadow:0 20px 38px #09170938;animation:chapterPaperDrift 6s ease-in-out infinite;animation-play-state:paused;z-index:3}
.demo-chapter .preview-paper strong{font-size:clamp(26px,2.6vw,35px);line-height:1.17;letter-spacing:-.8px;white-space:normal;overflow-wrap:anywhere;hyphens:auto;max-width:100%;margin:22px 0}
.demo-chapter.chapter-practice .preview-paper strong{font-size:clamp(21px,2.2vw,28px);line-height:1.22;letter-spacing:-.5px}
.demo-chapter .preview-paper-back{position:absolute;top:41px;left:17%;width:57%;height:228px;padding:20px;background:#c7d4bd;transform:rotate(9deg);box-shadow:0 12px 25px #17251522;z-index:1;transition:transform .7s}
.demo-chapter.practice-card .preview-paper-back{transform:rotate(-12deg);background:#bbcbae}
.preview-paper-back small{display:block;font:12px var(--mono);color:#56654a;overflow-wrap:anywhere}
.preview-paper-back i{display:block;height:4px;background:#9eaf91;margin-top:19px;width:70%}.preview-paper-back i:last-child{width:48%}
.demo-chapter .preview-person{right:-2%;bottom:-32px;z-index:2;animation:chapterPersonDrift 7s ease-in-out infinite;animation-play-state:paused}
.demo-chapter .preview-caption{right:15px;bottom:27px;transform:rotate(5deg);max-width:72%;overflow-wrap:anywhere;hyphens:auto;z-index:4;animation:chapterCaptionDrift 5s ease-in-out infinite;animation-play-state:paused}
.demo-chapter.practice-card .preview-caption{transform:rotate(-6deg)}
.demo-chapter.is-inview :is(.preview-paper,.preview-person,.preview-caption){animation-play-state:running}
.demo-chapter.motion-ready{transition:opacity .65s,translate .75s cubic-bezier(.2,.8,.2,1)}
.demo-chapter.motion-ready:not(.has-entered){opacity:0;translate:0 35px}
@media(hover:hover){.demo-chapter:hover .chapter-preview{transform:translateY(-10px) rotate(calc(var(--panel-angle)*.65));box-shadow:0 35px 55px #1e30172b}.demo-chapter:hover .preview-paper-back{transform:translate(8px,-9px) rotate(15deg)}.demo-chapter.practice-card:hover .preview-paper-back{transform:translate(-8px,-9px) rotate(-17deg)}}
@keyframes chapterPaperDrift{0%,100%{transform:translateY(0) rotate(var(--sheet-angle))}50%{transform:translateY(-10px) rotate(calc(var(--sheet-angle) + 3deg))}}
@keyframes chapterPersonDrift{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes chapterCaptionDrift{0%,100%{translate:0 0}50%{translate:-7px -6px}}
/* Long German words and English labels must fit the real document width. */
:is(.demo-chapter h2,.preview-paper strong,.preview-caption,.cinema-paper-label,.cinema-action,.cinema-person-caption strong,.story-step-title,.message-content,.target-record strong,.queue-new strong,.practice-ticket h2,.decision-card h3){overflow-wrap:anywhere;hyphens:auto;min-width:0}
.cinema-fields>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.cinema-fields :is(dt,dd){min-width:0;max-width:100%;overflow-wrap:anywhere;hyphens:auto;white-space:normal}
.cinema-floor{padding:42px 8px 45px;gap:36px}.paper-stack{transform:rotate(-7deg);margin:15px 0 12px 10px}.paper-under{inset:8px -5px -8px 7px;transform:rotate(12deg);transition:transform .65s,background .65s}
.cinema-human .paper-under{transform:rotate(17deg);background:#d5c5aa}.cinema-complete .paper-under{transform:rotate(4deg);background:#b5cba5}.cinema-paper{overflow:hidden;overflow-wrap:anywhere}
.cinema-scan{max-width:100%;clip-path:inset(0);height:32px}.cinema-person-caption{transform:rotate(6deg);left:-8px;right:0}.cinema-system{animation:ownerArrives .55s cubic-bezier(.2,.8,.2,1) both}.cinema-stamp:not(:empty){animation:stampArrives .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes ownerArrives{from{opacity:0;translate:22px 10px}to{opacity:1;translate:0 0}}
@keyframes stampArrives{0%{opacity:0;scale:1.8}70%{opacity:1;scale:.9}100%{opacity:1;scale:1}}
@media(max-width:1100px){.demo-chapter{column-gap:15px}.demo-chapter .chapter-preview{min-height:365px}.demo-chapter .preview-paper{left:7%;padding:20px 18px 32px}.cinema-floor{gap:25px;padding-inline:4px}}
@media(max-width:700px){.demo-chapter,.special-demo-card.practice-card{padding:28px 0 38px;gap:7px}.demo-chapter .chapter-preview,.demo-chapter.practice-card .chapter-preview{width:calc(100% - 34px);margin:24px 17px;min-height:350px;transform:rotate(var(--panel-angle))}.demo-chapter .preview-paper{width:58%;min-height:200px;top:55px;left:8%;max-width:calc(100% - 40px)}.demo-chapter .preview-paper strong{font-size:28px}.demo-chapter.chapter-practice .preview-paper strong{font-size:23px}.demo-chapter .preview-paper-back{top:37px;height:223px}.demo-chapter .preview-person{width:205px;height:320px;right:-3%}.demo-chapter .preview-caption{max-width:70%;font-size:13px}.cinema-fields>div{grid-template-columns:minmax(0,1fr)}.cinema-fields dd{text-align:left}.cinema-floor{padding:38px 6px 38px;gap:22px}.paper-stack{margin-left:8px}.cinema-paper{padding:19px 15px}.cinema-person-caption{left:0;right:0;transform:rotate(4deg)}.cinema-batch .cinema-person-caption{transform:none}}
@media(max-width:420px){.demo-chapter .chapter-preview,.demo-chapter.practice-card .chapter-preview{min-height:330px}.demo-chapter .preview-paper{min-width:0;width:59%;padding:18px 15px 32px;top:53px}.demo-chapter .preview-paper strong{font-size:24px}.demo-chapter.chapter-practice .preview-paper strong{font-size:21px}.demo-chapter .preview-person{width:180px;right:-10px}.demo-chapter .preview-caption{max-width:75%;font-size:12px}.cinema-floor{display:flex;flex-direction:column;padding:32px 15px 22px;gap:25px}.cinema-floor>.paper-stack{width:calc(100% - 20px);margin:10px;align-self:center}.cinema-owner{width:100%}.cinema-person{min-height:175px;height:175px;overflow:hidden}.cinema-person .role-portrait{left:66px;width:130px;height:250px;bottom:-79px}.cinema-person-caption{left:136px;right:3px;bottom:20px;padding:12px 10px}.cinema-system{display:grid;grid-template-columns:42px minmax(0,1fr);gap:5px 15px;padding:5px 0}.cinema-system .system-symbol{grid-column:1;grid-row:1/4;font-size:35px;margin:0;align-self:center}.cinema-system small,.cinema-system strong,.cinema-system>span:last-child{grid-column:2}.cinema-system strong{font-size:22px}.cinema-paper-label{font-size:27px}.cinema-fields>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cinema-fields dd{text-align:right}.cinema-action{font-size:14px}.ai-lens{left:auto;right:8px;top:8px}.cinema-batch .cinema-floor{padding:18px 0}.cinema-batch .cinema-person-caption{left:133px;bottom:auto}}
@media(prefers-reduced-motion:reduce){.demo-chapter.motion-ready:not(.has-entered){opacity:1;translate:none}.demo-chapter,.demo-chapter *,.cinematic-scene *{animation:none!important;transition:none!important}.cinema-scan{display:none!important}}