/* Top page — Hero main visual */
.hero-mv {
  position: relative;
  background-color: #f8fafc;
  background-image: url('/assets/images/cyverstock_mv_sp.png');
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.hero-mv::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.94) 0%,
    rgba(255, 255, 255, 0.9) 40%,
    rgba(255, 255, 255, 0.55) 65%,
    rgba(255, 255, 255, 0.15) 85%,
    rgba(255, 255, 255, 0) 100%
  );
  pointer-events: none;
  z-index: 1;
}

@media (min-width: 768px) {
  .hero-mv {
    background-image: url('/assets/images/cyverstock_mv_pc.png');
    background-position: 75% center;
  }

  .hero-mv::before {
    background: linear-gradient(
      to right,
      rgba(255, 255, 255, 0.96) 0%,
      rgba(255, 255, 255, 0.9) 30%,
      rgba(255, 255, 255, 0.65) 48%,
      rgba(255, 255, 255, 0.2) 62%,
      rgba(255, 255, 255, 0) 78%
    );
  }
}