/* Home hero: "We Turn Video into Revenue", written across the team photo in script, one line after the other. */
.hero-script{position:absolute;left:0;right:0;bottom:7%;z-index:4;margin:0;text-align:center;pointer-events:none;
  container-type:inline-size;font-family:'Kaushan Script',cursive;font-weight:400;line-height:.98;color:#fff;
  transform:rotate(-4deg);text-shadow:0 2px 3px rgba(0,0,0,.55),0 8px 30px rgba(0,0,0,.65)}
.hero-script span{display:block;font-size:52px;font-size:9.6cqw;width:fit-content;margin:0 auto;
  -webkit-mask-image:linear-gradient(90deg,#000 0 40%,transparent 60% 100%);mask-image:linear-gradient(90deg,#000 0 40%,transparent 60% 100%);
  -webkit-mask-size:250% 100%;mask-size:250% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:100% 0;mask-position:100% 0;animation:vfWrite 1.5s cubic-bezier(.45,.1,.35,1) .9s both}
.hero-script .l2{position:relative;margin-top:.04em;padding:0 .12em .1em;animation-duration:1.4s;animation-delay:2.35s}
.hero-script em,.hero-script svg{font-size:inherit}
.hero-script em{font-style:normal;background:linear-gradient(90deg,#ffa880,#ff85ae 55%,#deb0ff);-webkit-background-clip:text;background-clip:text;
  color:transparent;text-shadow:none;filter:drop-shadow(0 2px 2px rgba(0,0,0,.5)) drop-shadow(0 6px 16px rgba(0,0,0,.3))}
.hero-script svg{position:absolute;left:40%;right:2%;bottom:-.06em;width:58%;height:.32em;overflow:visible}
.hero-script path{fill:none;stroke:url(#vfSwash);stroke-width:5;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;
  animation:vfSwash .8s ease-out 3.6s forwards}
@keyframes vfWrite{to{-webkit-mask-position:0 0;mask-position:0 0}}
@keyframes vfSwash{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.hero-script span{animation:none;-webkit-mask-image:none;mask-image:none}.hero-script path{animation:none;stroke-dashoffset:0}}