.cam-laser{
  position:relative;

  width:100%;
  min-height:420px;

  display:flex;
  align-items:center;
  justify-content:center;

  overflow:visible;

  background:transparent;

  box-sizing:border-box;

  padding-inline:8vw;
}

.cam-title{
  position:relative;

  margin:0;
  padding:0;

  font-family:
    "Montserrat",
    "Arial Black",
    sans-serif;

  font-size:clamp(70px,11vw,190px);

  font-weight:900;

  line-height:1;

  letter-spacing:-0.065em;

  text-transform:uppercase;

  color:transparent;

  -webkit-text-fill-color:transparent;

  -webkit-text-stroke:
    2px rgba(200,210,220,.16);
}

.cam-title::after{

  content:attr(data-text);

  position:absolute;

  inset:0;

  color:transparent;

  -webkit-text-fill-color:transparent;

  -webkit-text-stroke:2.3px transparent;

  background:
    linear-gradient(
      120deg,
      #ffffff 0%,
      #9ca6af 24%,
      #f8fcff 46%,
      #7c8790 68%,
      #ffffff 100%
    );

  -webkit-background-clip:text;
  background-clip:text;

  clip-path:inset(0 100% 0 0);

  filter:
    drop-shadow(0 0 5px rgba(255,255,255,.75))
    drop-shadow(0 0 14px rgba(170,210,255,.28));

  animation:
    laserReveal 5.8s
    cubic-bezier(.72,0,.18,1)
    forwards;
}

.laser-core{

  position:absolute;

  width:5px;
  height:68%;

  border-radius:999px;

  background:#ffffff;

  box-shadow:
    0 0 8px #ffffff,
    0 0 22px #dcecff,
    0 0 55px #8fc7ff,
    0 0 90px rgba(160,210,255,.65);

  z-index:5;

  opacity:0;
}

.laser-core::before{

  content:"";

  position:absolute;

  inset:-26px -18px;

  background:
    radial-gradient(
      circle,
      rgba(255,255,255,.95),
      transparent 60%
    );

  filter:blur(10px);
}

.spark-layer{

  position:absolute;

  inset:0;

  overflow:visible;

  pointer-events:none;

  z-index:8;
}

.spark{

  position:absolute;

  width:22px;
  height:3px;

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,1),
      rgba(220,235,255,.92),
      rgba(255,255,255,0)
    );

  transform-origin:left center;

  mix-blend-mode:screen;

  box-shadow:
    0 0 8px #ffffff,
    0 0 18px #dcecff,
    0 0 42px #8fc7ff;
}

@keyframes laserReveal{

  to{
    clip-path:inset(0 0 0 0);
  }
}