#vms{
  position:relative; z-index:1;
  height:100vh;
  background:#000;
  color:#fff;
  overflow:clip;
}
.vms__bgs,.vms__dim,.vms__text{position:absolute; inset:0}
.vms__bg{position:absolute; inset:0; opacity:0; will-change:transform}
.vms__bg img{width:100%; height:100%; object-fit:cover}
.vms__bg.is-on{opacity:1}
.vms__dim{background:#000; opacity:0; z-index:2; pointer-events:none}
.vms__text{z-index:3}
/* linha de progresso — ACIMA dos títulos */
.vms__line{
  position:absolute; left:0; right:0; top:calc(296 * var(--vh1));
  height:1px; z-index:5;
}
.vms__line-track{position:absolute; inset:0; background:rgba(255,255,255,.13)}
.vms__line-fill{position:absolute; inset:0; background:rgba(255,255,255,.9); transform-origin:left center; transform:scaleX(0)}
.vms__label{
  position:absolute; left:var(--gutter); top:calc(316 * var(--vh1));
  color:#fff;
}
.vms__stack{position:absolute; left:calc(104 * var(--u)); top:0; bottom:0; z-index:4}
.vms__title{
  position:absolute; left:0; top:calc(309 * var(--vh1));
  font-size:calc(52 * var(--u));
  line-height:1;
  white-space:nowrap;
  will-change:transform;
}
.vms__title .t-ghost{opacity:.45}
.vms__title .t-white{
  position:absolute; inset:0; color:#fff;
  clip-path:inset(0 100% 0 0);
}
.vms__para{
  position:absolute; left:calc(843 * var(--u)); top:calc(318 * var(--vh1));
  width:calc(345 * var(--u));
  font-size:calc(15 * var(--u));
  line-height:calc(22 * var(--vh1));
  color:#fff;
  opacity:0;
}
.vms__para.is-on{opacity:1}