/* The Demo film uses Home's scroll motion and leads directly into the cast. */
body[data-page="demos"]{--home-header:0;--home-nav:255;--cinema-tail:0px;padding-top:0}
body[data-page="demos"] .site-header{position:fixed;inset:0 0 auto;z-index:30;isolation:isolate;background:transparent;box-shadow:none;color:rgb(var(--home-nav) var(--home-nav) var(--home-nav))}
body[data-page="demos"] .site-header::before,body[data-page="demos"] .site-header::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
body[data-page="demos"] .site-header::before{background:none;opacity:calc(1 - var(--home-header))}
body[data-page="demos"] .site-header::after{background:var(--paper);box-shadow:0 3px 18px -13px #12121045;opacity:var(--home-header)}
body[data-page="demos"] .site-header .brand::before{opacity:var(--home-header)}
body[data-page="demos"] .site-header .desktop-nav a{text-shadow:0 1px 4px rgb(0 0 0 / calc(.25 * (1 - var(--home-header))))}
body[data-page="demos"] .site-header .mobile-nav{color:#000;background:var(--paper)}
body[data-page="demos"] .site-header .brand:focus-visible,body[data-page="demos"] .site-header .desktop-nav a:focus-visible,body[data-page="demos"] .site-header .menu-toggle:focus-visible{outline-color:currentColor}
body[data-page="demos"] .home-cinema-copy{position:absolute;z-index:2;left:clamp(28px,6.4vw,112px);top:auto;bottom:clamp(92px,10svh,140px);width:min(53vw,800px);max-width:none;margin:0;padding:0;text-align:left;color:#fff;opacity:var(--copy-opacity,1);transform:translate3d(0,var(--copy-drift,0px),0);will-change:opacity,transform}
body[data-page="demos"] .home-cinema+.roster-experience{position:relative;z-index:2;margin-top:calc(clamp(38px,4.5vw,72px) - var(--cinema-tail));scroll-margin-top:120px}
body[data-page="demos"] .roster-experience.is-awaiting-intro .roster-word{animation-play-state:paused}
@media(max-width:900px){body[data-page="demos"] .home-cinema-copy{left:32px;width:65vw}}
@media(max-width:600px){body[data-page="demos"] .home-cinema-copy{left:24px;width:calc(100% - 48px);bottom:clamp(136px,16svh,182px)}body[data-page="demos"] .home-cinema+.roster-experience{scroll-margin-top:95px}}
@media(max-height:700px) and (max-width:600px){body[data-page="demos"] .home-cinema-copy{bottom:124px}}
@media(max-height:580px) and (min-width:601px){body[data-page="demos"] .home-cinema-copy{bottom:78px}}
@media(max-width:1180px){body[data-page="demos"] .home-cinema-stage,body[data-page="demos"] .home-cinema-window{background:var(--paper)}body[data-page="demos"] header.site-header{background:transparent}body[data-page="demos"] header.site-header::after{opacity:1}}
@media(prefers-reduced-motion:reduce){body[data-page="demos"] .home-cinema-copy{will-change:auto}}
@media print{body[data-page="demos"] .site-header,body[data-page="demos"] .home-cinema{display:none}body[data-page="demos"] .home-cinema+.roster-experience{margin-top:0}}

/* Wider desktop paragraph; mobile follows the shared responsive measure. */
@media(min-width:901px){body[data-page="demos"] .home-cinema-copy{width:min(64vw,920px)}body[data-page="demos"] .home-cinema-copy>p{max-width:740px;text-wrap:balance}}