html, body { margin: 0; height: 100%; overflow: hidden; background: #02030a; cursor: none; }
canvas { position: fixed; inset: 0; width: 100%; height: 100%; display: block; }

/* слой с фото/видео девушки (прозрачный WebM/MOV) */
.girl {
  position: fixed; left: 0; top: 0; opacity: 0; pointer-events: none;
  transform-origin: 0 0; will-change: transform, opacity;
  --p: -10%;
  -webkit-mask-image: linear-gradient(to top, #000 calc(var(--p) - 7%), transparent calc(var(--p) + 7%));
          mask-image: linear-gradient(to top, #000 calc(var(--p) - 7%), transparent calc(var(--p) + 7%));
}
.girl img, .girl video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; display: block; }
.girl video { display: none; }

.vignette { position: fixed; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse at 50% 46%, transparent 48%, rgba(0,0,0,.62) 100%); }
.curtain { position: fixed; inset: 0; background: #000; pointer-events: none; opacity: 1; transition: opacity 4.5s ease; }