/* 07C: one persistent film plane for the first three chapters. */
.persistent-film canvas,.persistent-film .canvas-poster{position:absolute;inset:0;width:1916px;height:1080px;max-width:none;pointer-events:none}
.persistent-film canvas{z-index:1}.persistent-film video{position:absolute;inset:0}.continuous-notification,.continuous-product{z-index:2;pointer-events:none}
.persistent-film .continuous-product,.persistent-film .continuous-notification,.persistent-film .link-notification,.persistent-film .tap-indicator{animation:none!important;transition:none!important}
.persistent-film .continuous-product:after{content:'';position:absolute;bottom:5px;left:100px;width:100px;height:4px;background:#182536b3;border-radius:4px}
.contact-done:not([hidden]){animation:screen-open .45s ease both}
@media(min-width:1001px){
 body:not(.quiet-mode).motion-ready .scene{transition:none;will-change:opacity}
 body:not(.quiet-mode) #stap-2>.visual,body:not(.quiet-mode) #stap-3>.visual{display:none}
 body:not(.quiet-mode) .persistent-film{position:absolute;inset:0;z-index:0;pointer-events:none;will-change:opacity}
  body:not(.quiet-mode) .persistent-film video{opacity:1;pointer-events:none;z-index:2}
  body:not(.quiet-mode) .continuous-notification,body:not(.quiet-mode) .continuous-product{z-index:3}
 body:not(.quiet-mode) .persistent-film .world{will-change:transform}
 body:not(.quiet-mode) .scene{z-index:1}
 body:not(.quiet-mode) .contact-scene,body:not(.quiet-mode) .dashboard-scene{background:none}
 body:not(.quiet-mode) .contact-visual,body:not(.quiet-mode) .dashboard-visual{background:radial-gradient(ellipse at center,#153b5855,transparent 70%)}
 body:not(.quiet-mode) .scene-copy{will-change:transform,opacity}
 body:not(.quiet-mode) .dashboard-window{transition:none;transform:none}
}
body.quiet-mode .persistent-film canvas,body.quiet-mode .persistent-film .canvas-poster,body.quiet-mode .continuous-notification,body.quiet-mode .continuous-product{display:none!important}
body.quiet-mode .persistent-film video{position:relative;opacity:1;pointer-events:auto}
@media(max-width:1000px){
 .persistent-film canvas,.persistent-film .canvas-poster,.continuous-notification,.continuous-product{display:none!important}
 .persistent-film video{position:relative;opacity:1;pointer-events:auto}
 .scene{opacity:1!important;visibility:visible!important}
 .persistent-film{opacity:1!important}
 .scene-copy{transform:none!important}
}
