/* The uploaded film supplies all character movement and scan effects. */
.bindy-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:transparent;mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none}
.bindy-frame-player{background:transparent url('assets/bindy-animation-poster-alpha.png') center/contain no-repeat}.bindy-frame-player.is-ready{background:transparent}
.hero-scene .scene-halo{background:#f8f9f3;border:0}.hero-scene .scene-halo:before{display:none}
.story-feature .bindy-video{width:440px;height:440px;left:50%;transform:translateX(-50%)}
.workflow-visual.has-character{background:#f8f9f3;border:1px solid #e1e7d7}
.hero-scene .mascot-motion{isolation:auto}.mascot-story.is-video{background:transparent}
.story-notification{transition:opacity .15s linear,transform .15s linear}.story-progress>span{transition:width .2s linear}
@media(max-width:1150px){.story-feature .bindy-video{width:400px;height:400px}}
@media(max-width:800px){.story-feature .bindy-video{width:440px;height:440px}}
@media(max-width:700px){.story-feature .bindy-video{width:410px;height:410px}}
@media(max-width:420px){.story-feature .bindy-video{width:355px;height:355px}}
@media(prefers-reduced-motion:reduce){.story-toolbar{display:flex!important}.hero-scene{height:540px}.story-notification{display:flex}.bindy-video{animation:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:1000px){.hero-scene{height:505px}}
@media(prefers-reduced-motion:reduce) and (max-width:800px){.hero-scene{height:485px}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.hero-scene{height:467px}}
@media(prefers-reduced-motion:reduce) and (max-width:420px){.hero-scene{height:414px}}