/* Shared world, with calm reading and drawing surfaces. */
:root,:root[data-theme]{--header-h:72px;--red-button:#9e3325;--on-accent:#172e27;--media-edge:#d3d9c9;--shadow-drop:#172e2714;--shadow-hard:#172e271c;--sticker-edge:#9e3325;--gold:#e9c779;--green:#c1d4a8}
.cinema-page{margin:0;background:#f8f4e9!important;color:#172e27;font:500 16px/1.95 var(--font-body);overflow:visible!important}
.cinema-page:before{display:none}
.cinema-page h1,.cinema-page h2,.cinema-page h3{font-family:var(--font-body);font-weight:900;color:inherit;letter-spacing:.005em;text-shadow:none}
.cinema-page a{color:inherit;text-underline-offset:5px}
.cinema-page .section-eyebrow{font:700 11px/1.8 var(--font-body);letter-spacing:.19em;color:#775015}
.cinema-page .heading-phrase{display:inline-block}
.cinema-page .page-main{padding:72px 0 0}
.cinema-page .page-main>section{padding:65px 0 100px}
.cinema-page .article{max-width:920px;font-size:16px}
.cinema-page .article h2{font-size:25px;line-height:1.6;margin:55px 0 18px;padding:0 0 14px;border-bottom:1px solid #bec9b7}
.cinema-page .article h3{font-size:19px;margin-top:30px}
.cinema-page .article p,.cinema-page .article li{color:#344f42;line-height:2}
.cinema-page .article p{margin:18px 0}
.cinema-page .article a:not(.cta){color:#285f49}
.cinema-page .article strong{color:#172e27}
.page-hero{position:relative;isolation:isolate;overflow:hidden;min-height:320px;padding:36px 0 64px;background:#e9c779}
.page-hero:after{content:'';position:absolute;inset:auto 0 0;height:12px;background:#172e27;clip-path:polygon(0 75%,18% 10%,44% 80%,63% 20%,83% 90%,100% 30%,100% 100%,0 100%)}
.page-hero>.wrap{position:relative;z-index:2}
.page-back{display:inline-flex;align-items:center;min-height:44px;font-size:12px;text-decoration:none;margin-bottom:30px}
.page-hero .section-eyebrow{color:#45533b;margin:0 0 12px}
.page-hero h1{font-size:clamp(34px,4.2vw,64px);line-height:1.5;margin:0;max-width:72%;text-wrap:balance}
.page-hero-beast{position:absolute;width:380px;right:max(0px,calc((100vw - 1160px)/2 - 70px));top:-35px;z-index:1;rotate:9deg;filter:drop-shadow(0 7px 0 #fff4d780);pointer-events:none}
.page-hero-ring{position:absolute;width:420px;height:420px;right:2%;top:-70px;border:1px solid #88723e55;border-radius:50%;z-index:0}
.page-hero-ring:after{content:'';position:absolute;inset:35px;border:1px dashed #88723e55;border-radius:50%}
.page-contact .page-hero,.page-privacy .page-hero{background:#c5d2b9}
.page-news .page-hero,.page-press .page-hero{background:#193b33;color:#fff7df}
.page-news .page-hero .section-eyebrow,.page-press .page-hero .section-eyebrow{color:#e9c779}
.page-news .news-date{display:inline-block;background:#e9c779;color:#172e27;padding:3px 13px;font-size:12px;letter-spacing:.07em}
.page-news .article h2{margin-top:50px;border-bottom:0;padding:0;margin-bottom:12px}
.page-news .article h2:first-child{margin-top:0}
.page-news .update-media{margin:24px 0 30px}
.page-news .update-media img,.page-news .update-media video{display:block;width:100%;height:auto;max-width:100%;background:#172e27;border:1px solid #a7b3a2}
.page-news .update-media figcaption{margin-top:8px;color:#526259;font-size:14px;line-height:1.6}
.cinema-page .faq-list{counter-reset:question;max-width:1040px;margin:auto;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.cinema-page .faq-item{counter-increment:question;background:#fffcf4;border:1px solid #cbd1c3;border-top:4px solid #264d3c;padding:28px 30px;box-shadow:none;border-radius:2px;transform:none}
.cinema-page .faq-item h2{display:block;font-size:19px;line-height:1.7;margin:0 0 18px}
.cinema-page .faq-item h2:before{content:'Q.' counter(question,decimal-leading-zero);display:block;color:#687557;font-size:11px;letter-spacing:.1em;margin-bottom:10px}
.cinema-page .faq-item p{font-size:14px;color:#344f42;line-height:2;margin-top:10px}
.cinema-page .faq-item a{text-decoration:underline}
.cinema-page .cta,.cinema-page .btn-ghost,.cinema-page .contact-form button[type=submit]{font:700 14px/1.6 var(--font-body);padding:15px 24px;border-radius:2px;transform:none;box-shadow:none;text-decoration:none;border:1px solid #9e3325;background:#9e3325;color:#fff9e9;min-height:50px}
.cinema-page .btn-ghost{background:transparent;border-color:#627c63;color:#172e27}
.cinema-page .cta:hover,.cinema-page .contact-form button[type=submit]:hover{background:#7b271f}
.cinema-page .press-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cinema-page .press-grid figure{margin:0;padding:14px;background:#eee8d6;border:1px solid #cbd1c3;border-radius:2px;transform:none;box-shadow:none;min-width:0}
.cinema-page .press-grid img{width:100%;height:240px;object-fit:contain;background:#fffcf4;display:block}
.cinema-page .press-grid figcaption{color:#344f42;font-size:13px;padding-top:12px}
.cinema-page .release-table{font-size:14px;width:100%;table-layout:fixed}
.cinema-page .release-table th{width:30%;font-weight:700}
.cinema-page .release-table td,.cinema-page .release-table th{border-color:#cbd1c3;overflow-wrap:anywhere;padding:14px 18px}
.cinema-page .contact-form{max-width:780px;padding:32px;background:#fffcf4;border:1px solid #cbd1c3;border-top:4px solid #264d3c;border-radius:2px;box-shadow:none}
.cinema-page .contact-form label{font-size:14px;color:#172e27;font-weight:700}
.cinema-page .contact-form input,.cinema-page .contact-form textarea,.cinema-page .contact-form select{background:#f6f3e9;border:1px solid #82927c;border-radius:2px;color:#172e27;font:500 16px/1.6 var(--font-body);padding:13px 15px;box-shadow:none}
.cinema-page .contact-form input::placeholder,.cinema-page .contact-form textarea::placeholder{color:#626e60;opacity:1}
.cinema-page .contact-note{color:#526259;font-size:13px;max-width:760px}
.cinema-page .draft-note{background:#eee8d6;color:#45533b;border:1px solid #cbd1c3;padding:18px 22px;border-radius:2px}
.cinema-home .site-footer,.cinema-page .site-footer{padding:50px 0 32px;background:#17392c;color:#fff8df;border:0}
.cinema-home .site-footer a,.cinema-page .site-footer a{color:#fff8df;font-size:13px}
.cinema-home .footer-brand,.cinema-page .footer-brand{font:900 20px/1.5 var(--font-body);color:#fff8df}
.cinema-home .footer-note,.cinema-page .footer-note{color:#d0dac6;font-size:11px}
.cinema-page .notfound{padding:100px 24px 75px;min-height:80svh;background:#e9c779}
.lost-beast{display:block;width:220px;height:220px;margin:0 auto -35px;object-fit:contain}

/* Browser demo: a short scene-setting introduction, then a steady workbench. */
:root[data-theme=light]{--demo-panel:#fffcf4;--demo-panel-item:#fffcf4;--demo-panel-soft:#fff9e9;--demo-panel-dim:#eee8d6;--demo-dialog:#fffcf4;--demo-well:#eef0e5;--demo-well-deep:#e4e9d9;--demo-edge-strong:#71896c;--demo-edge:#9cac91;--demo-edge-soft:#bac5ad;--demo-btn-face:#f4f2e7}
.cinema-page .demo-main{padding-top:72px;padding-bottom:0}
.cinema-page .demo-hero{position:relative;isolation:isolate;overflow:hidden;background:#193b33;color:#fff7df;padding:68px 0 72px}
.demo-scenery{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#15392efa 10%,#15392eee 58%,#15392e88),url('/assets/img/cinema/meadow.webp') center 54%/cover}
.cinema-page .demo-hero-grid{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:6vw}
.cinema-page .demo-copy h1{font-size:clamp(32px,3.8vw,53px);line-height:1.55;font-weight:900;max-width:780px;margin:0 0 22px}
.cinema-page .demo-copy h1 .heading-phrase{display:block}
.cinema-page .demo-copy p{color:#fff7df;font-size:15px;line-height:2}
.cinema-page .demo-copy .section-eyebrow{color:#e9c779;font-size:11px;margin:0 0 18px}
.demo-start{display:inline-flex;gap:30px;align-items:center;min-height:48px;margin-top:12px;font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid #e9c779}
.cinema-page .demo-status-card{position:relative;transform:rotate(3deg);background:#e9c779;color:#334c38;border:1px solid #fce4ac;border-radius:2px;padding:26px 24px;box-shadow:9px 10px 0 #0e281e55}
.cinema-page .demo-status-card:before{content:'';position:absolute;inset:7px;border:1px solid #92774166;pointer-events:none}
.cinema-page .demo-status-card strong{font:900 27px/1.7 var(--font-body);color:#172e27;margin:10px 0}
.cinema-page .demo-status-card span{font-size:13px;color:#344f42;line-height:1.9}
.cinema-page .demo-workspace{padding:55px 0 75px;background:#f8f4e9}
.cinema-page .demo-grid{gap:32px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.cinema-page .draw-panel{background:#fffcf4;border:1px solid #b8c5ac;border-top:5px solid #264d3c;border-radius:2px;padding:24px;box-shadow:0 14px 40px #193b3310}
.cinema-page .panel-head h2,.cinema-page .empty-result h2{font-size:24px;line-height:1.5;font-weight:900}
.cinema-page .panel-head .section-eyebrow{margin-bottom:4px}
.cinema-page .tool-group{flex-wrap:wrap;border:0;border-radius:2px;padding:0;background:transparent}
.cinema-page .tool-button{font-size:12px;font-weight:700;min-height:44px;border-width:1px;border-radius:2px;padding:9px 12px}
.cinema-page .tool-button.is-active,.cinema-page .tool-button.is-primary{background:#264d3c;color:#fff9e9;border-color:#264d3c}
.cinema-page .swatches{grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;padding:12px 4px 16px;max-width:430px}
.cinema-page .swatch{width:100%;height:auto;aspect-ratio:1;max-width:38px;border-width:2px;box-shadow:none}
.cinema-page .swatch.is-active{outline-color:#264d3c}
.cinema-page .canvas-shell{border:1px solid #93a287;border-radius:0;box-shadow:none}
.cinema-page #drawCanvas,.cinema-page #cursorCanvas{border-radius:0}
.cinema-page .submit-area{grid-template-columns:1fr;gap:14px}
.cinema-page .generate-button{font:700 16px/1.7 var(--font-body);background:#9e3325;color:#fff9e9;border:1px solid #9e3325;border-radius:2px;min-height:56px;width:100%}
.cinema-page .generate-button:hover{background:#7b271f}
.cinema-page .empty-result{position:relative;overflow:hidden;border:1px solid #c7c8ae;border-radius:2px;background:#eee8d6;padding:35px 30px;min-height:535px;align-content:start}
.waiting-beast{width:180px;height:180px;object-fit:contain;position:absolute;right:-35px;top:-15px;opacity:.9;rotate:12deg;pointer-events:none}
.cinema-page .empty-result .section-eyebrow,.cinema-page .empty-result h2{position:relative;z-index:1;max-width:75%}
.cinema-page .empty-result>p:not(.section-eyebrow){position:relative;z-index:1;max-width:78%;margin:28px 0 8px;font-size:14px}
.cinema-page .empty-steps{gap:23px;margin-top:35px}
.cinema-page .empty-steps li{font-size:14px}
.cinema-page .empty-steps li:before{background:#264d3c;color:#fff9e9;border:0}
.cinema-page .card-paper{border:1px solid #9caa86;border-top:5px solid #264d3c;border-radius:2px;background:#eee8d6;color:#172e27;box-shadow:none;grid-template-columns:1fr;padding:22px}
.cinema-page .beast-stage{min-height:200px;max-height:270px;background:#fffcf4;border:1px solid #c7c8ae;border-radius:2px}
.cinema-page .beast-stage img{max-height:260px;object-fit:contain}
.cinema-page .beast-info h2{font-size:26px;font-weight:900;margin-top:10px}
.cinema-page .move,.cinema-page .stat{border-radius:2px}
.cinema-page .name-dialog-panel{border-radius:2px;border-top:5px solid #264d3c;padding:28px}
.cinema-page .name-dialog-panel h2{font-weight:900;font-size:23px}
.cinema-page .name-dialog-panel input{border-radius:2px}
.cinema-page .demo-entry{border:0;background:#c5d2b9;padding:55px 0}
.cinema-page .demo-entry h2{font-size:clamp(25px,3vw,40px)}

@media(max-width:1000px){.cinema-page .demo-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:20px}.cinema-page .draw-panel{padding:18px}.cinema-page .demo-hero-grid{grid-template-columns:1fr 220px}.cinema-page .demo-copy h1{font-size:34px}.cinema-page .empty-result{padding:28px 22px}.cinema-page .site-nav,.cinema-home .site-nav{gap:13px}.cinema-page .site-nav a,.cinema-home .site-nav a{font-size:12px}}
@media(max-width:760px){:root,:root[data-theme]{--header-h:62px}.cinema-page .page-main,.cinema-page .demo-main{padding-top:62px}.cinema-page .page-main>section{padding:40px 0 65px}.page-hero{min-height:255px;padding:20px 0 50px}.page-hero h1{font-size:32px;max-width:85%}.page-back{margin-bottom:19px}.page-hero-beast{width:210px;top:45px;right:-55px;opacity:.23;rotate:12deg}.page-hero-ring{width:280px;height:280px;right:-130px;top:-5px}.cinema-page .article{font-size:15px}.cinema-page .article h2{font-size:22px;margin-top:40px}.cinema-page .faq-list{grid-template-columns:1fr;gap:16px}.cinema-page .faq-item{padding:23px}.cinema-page .faq-item h2{font-size:18px}.cinema-page .contact-form{padding:23px 18px}.cinema-page .press-grid{gap:14px}.cinema-page .press-grid figure{padding:9px}.cinema-page .press-grid img{height:155px}.cinema-page .release-table td,.cinema-page .release-table th{padding:13px 10px;font-size:12px}.cinema-page .demo-hero{padding:40px 0}.cinema-page .demo-hero-grid{display:block}.cinema-page .demo-copy h1{font-size:29px;line-height:1.6}.cinema-page .demo-copy p{font-size:14px}.cinema-page .demo-status-card{transform:none;box-shadow:none;margin-top:30px;padding:17px 22px}.cinema-page .demo-status-card strong{font-size:22px;margin:3px 0}.cinema-page .demo-workspace{padding:30px 0 50px}.cinema-page .demo-grid{grid-template-columns:1fr;gap:25px}.cinema-page .result-panel{position:static}.cinema-page .draw-panel{padding:17px 14px}.cinema-page .empty-result{min-height:380px;padding:28px 24px}.cinema-page .empty-steps{gap:16px}.cinema-page .site-nav,.cinema-home .site-nav{max-height:calc(100svh - 80px);overflow-y:auto}.cinema-page .site-footer,.cinema-home .site-footer{padding:40px 0 25px}}
@media(prefers-reduced-motion:reduce){.cinema-page .beast-stage img{animation:none}}
@media(max-width:760px){.cinema-page .tool-button{min-width:44px}.cinema-page .swatches{grid-template-columns:repeat(5,44px);gap:8px;padding:8px 3px 14px}.cinema-page .swatch{max-width:none;width:44px;height:44px}}
/* Remove the old fixed-height decorative panel that cut a line through articles. */
.cinema-page .page-main>section:before{content:none;display:none;border:0;background:none}
.cinema-page .site-nav a.nav-demo,.cinema-home .site-nav a.nav-demo{background:#193b33;color:#fff7df!important;border:1px solid #193b33;padding:8px 14px;border-radius:2px;text-decoration:none;white-space:nowrap}
.cinema-page .site-nav a.nav-demo:hover,.cinema-home .site-nav a.nav-demo:hover{background:#315b47}
.cinema-page .site-footer .creator-link,.cinema-home .site-footer .creator-link{font-size:inherit;text-decoration:underline;text-underline-offset:4px;font-weight:700}
@media(min-width:761px){
 .cinema-page,.cinema-page .article{font-size:18px}
 .cinema-page .section-eyebrow{font-size:16px}
 .cinema-page .page-back{font-size:16px}
 .cinema-page .article h2{font-size:28px}
 .cinema-page .faq-item h2{font-size:22px}.cinema-page .faq-item h2:before{font-size:16px}
 .cinema-page .faq-item p{font-size:18px}
 .cinema-page .cta,.cinema-page .btn-ghost,.cinema-page .contact-form button[type=submit]{font-size:18px}
 .cinema-page .news-date,.cinema-page .press-grid figcaption{font-size:16px}
 .cinema-page .release-table,.cinema-page .release-table td,.cinema-page .release-table th{font-size:17px}
 .cinema-page .contact-form label,.cinema-page .contact-form input,.cinema-page .contact-form textarea,.cinema-page .contact-form select{font-size:18px}
 .cinema-page .contact-note,.cinema-page .legal-updated{font-size:16px}
 .cinema-page .site-footer a,.cinema-home .site-footer a{font-size:16px}
 .cinema-page .footer-note,.cinema-home .footer-note{font-size:16px}
 .cinema-page .demo-copy p,.cinema-page .demo-start{font-size:19px}
 .cinema-page .demo-copy .section-eyebrow,.cinema-page .demo-status-card span{font-size:16px}
 .cinema-page .tool-button{font-size:16px}
 .cinema-page .generate-button{font-size:20px}
 .cinema-page .demo-consent,.cinema-page .demo-message{font-size:16px;line-height:1.8}
 .cinema-page .empty-result>p:not(.section-eyebrow),.cinema-page .empty-steps li{font-size:18px}
 .cinema-page .empty-steps li:before{font-size:16px}
 .cinema-page .element-chip,.cinema-page .move-meta,.cinema-page .stat dt{font-size:16px}
 .cinema-page .move h3,.cinema-page .move p,.cinema-page .flavor{font-size:18px}
}
@media(min-width:1101px){.cinema-page .site-nav,.cinema-home .site-nav{gap:18px;overflow:visible}.cinema-page .site-nav a,.cinema-home .site-nav a{font-size:16px}.cinema-page .header-cta,.cinema-home .header-cta{font-size:16px;padding:12px 18px}}
@media(max-width:1100px){
 .cinema-page .header-cta,.cinema-home .header-cta{display:none}
 .cinema-page .nav-toggle,.cinema-home .nav-toggle{display:inline-flex}
 .cinema-page .site-nav,.cinema-home .site-nav{position:absolute;top:var(--header-h);left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 24px 22px;background:#f8f4e9;border-bottom:1px solid #cbd1c3;max-height:calc(100svh - 85px);overflow:auto}
 .cinema-page .site-header.nav-open .site-nav,.cinema-home .site-header.nav-open .site-nav{display:flex}
 .cinema-page .site-nav a,.cinema-home .site-nav a{font-size:17px!important;padding:12px 3px;border-bottom:1px solid #cbd1c3}
 .cinema-page .site-nav a.nav-demo,.cinema-home .site-nav a.nav-demo{padding:12px 16px;margin-top:10px}
 .cinema-page .site-nav a.lang-switch,.cinema-home .site-nav a.lang-switch{align-self:flex-start;margin-top:12px;padding:5px 15px;border:1px solid #cbd1c3}
}
@media(max-width:760px){.cinema-page .section-eyebrow{font-size:14px}.cinema-page .page-back{font-size:14px}.cinema-page .article,.cinema-page .faq-item p{font-size:16px}.cinema-page .news-date,.cinema-page .press-grid figcaption,.cinema-page .contact-note{font-size:14px}.cinema-page .site-footer a,.cinema-home .site-footer a{font-size:14px}.cinema-page .footer-note,.cinema-home .footer-note{font-size:13px}.cinema-page .demo-copy .section-eyebrow,.cinema-page .demo-status-card span{font-size:14px}.cinema-page .demo-consent{font-size:14px}.cinema-page .tool-button{font-size:14px}}