.preloader-video {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-cards-bg);
}
/* Frame 833: the two videos' union box (278×364), centred; the title's
   169×102 sits rotated 15.35° (Figma's sign, the opposite of CSS's)
   with its box at 10.5/20.5, the character's 274×276 at 4/88. Flat at
   every width — it fits the 390 frame's 350. */
.preloader-video__scene {
  position: relative;
  width: 278px;
  height: 364px;
}
/* The clips' white is pure (re-encoded so) and multiplies away, so the
   character's box never paints over the title where the two overlap. */
.preloader-video__pencil,
.preloader-video__character {
  position: absolute;
  display: block;
  object-fit: cover;
  mix-blend-mode: multiply;
}
.preloader-video__pencil {
  left: 10.5px;
  top: 20.5px;
  width: 169px;
  height: 102px;
  transform: rotate(-15.35deg);
}
.preloader-video__character {
  left: 4px;
  top: 88px;
  width: 274px;
  height: 276px;
}