/* Large transparent cutout, animated with the existing scroll scene. */
.bruno-visual>img{width:100%;height:auto;aspect-ratio:964/1285;object-fit:contain;object-position:center;filter:none}
.cinema-portrait{
  width:min(80vw,112vh);
  max-width:none;
  min-width:0;
  height:auto;
  aspect-ratio:1;
  left:-26vw;
  top:-4vh;
  object-fit:contain;
  object-position:center;
  border:0;
  border-radius:0;
  box-shadow:none;
  filter:drop-shadow(20px 15px 35px #090e3d55);
  mask-image:linear-gradient(to bottom,#000 68%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,#000 68%,transparent 100%);
  transform:translate3d(var(--person-x,0px),var(--person-y,0px),0) scale(var(--person-scale,1));
  transform-origin:35% 35%;
  will-change:transform,opacity;
}
.intro-copy{left:8%;right:0}
@media(min-width:1700px){.cinema-portrait{left:calc(-16vw - 140px)}}
@media(max-width:1100px) and (min-width:701px){.cinema-portrait{width:min(92vw,108vh);left:-34vw;top:0}.intro-copy{left:14%}.intro-copy h1{font-size:39px}}
@media(max-width:700px){
  .cinema-portrait{
    width:min(128vw,65svh);
    max-width:none;
    min-width:0;
    left:-39vw;
    top:-11svh;
    border-radius:0;
    mask-image:linear-gradient(to bottom,#000 48%,transparent 92%);
    -webkit-mask-image:linear-gradient(to bottom,#000 48%,transparent 92%);
    transform:translate3d(var(--person-x,0px),var(--person-y,0px),0) scale(var(--person-scale,1));
    filter:drop-shadow(8px 10px 20px #090e3d44);
  }
  .intro-copy{left:0;right:0;top:56%}
}
@media(max-width:700px) and (max-height:740px){.intro-copy{top:61%}}