/* Manager girl turn-and-smile clip. The canvas is laid over the still in the still's own box:
   in the clip the still is 1209 px wide at x115 / y115 of a 1440 frame, cropped from y72,
   so offsets are fractions of the still's width (margin percentages resolve against width). */
body.home #manager .tugan-girl { position: relative; }
body.home #manager .tugan-girl__canvas {
  position: absolute;
  left: -9.512%;
  top: 0;
  margin-top: -3.557%;
  width: 119.107%;
  height: auto;
  max-width: none;
  opacity: 0;
  transition: opacity .32s ease;
  pointer-events: none;
  /* The same jacket fade as the still (76–100% of its height), mapped onto the taller canvas. */
  -webkit-mask-image: linear-gradient(to bottom,
    #000 0%, #000 76.754%,
    rgb(0 0 0 / .97) 80.629%, rgb(0 0 0 / .87) 84.503%,
    rgb(0 0 0 / .65) 88.377%, rgb(0 0 0 / .35) 92.251%,
    rgb(0 0 0 / .1) 96.126%, transparent 100%);
  mask-image: linear-gradient(to bottom,
    #000 0%, #000 76.754%,
    rgb(0 0 0 / .97) 80.629%, rgb(0 0 0 / .87) 84.503%,
    rgb(0 0 0 / .65) 88.377%, rgb(0 0 0 / .35) 92.251%,
    rgb(0 0 0 / .1) 96.126%, transparent 100%);
}
body.home #manager .tugan-girl__source {
  position: absolute;
  width: 1px; height: 1px;
  opacity: 0;
  pointer-events: none;
}
body.home #manager .tugan-girl.is-motion > .tugan-girl__canvas { opacity: 1; }
body.home #manager .tugan-girl.is-motion > img { visibility: hidden; transition: visibility 0s .32s; }
@media (max-width: 499px) {
  body.home #manager .tugan-girl__canvas { display: none; }
}