.ai-visual-stage {
  position: relative;
  width: min(1280px, 100%);
  height: min(72vh, 760px);
  margin: 140px auto 0;
}

.ai-shot {
  position: absolute;
  display: block;
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22), 0 8px 24px rgba(0, 0, 0, 0.12);
  object-fit: cover;
  max-width: none;
  user-select: none;
  -webkit-user-drag: none;
}

.ai-shot-main {
  width: min(72vw, 1080px);
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translateX(-66%) rotate(-7deg);
  opacity: 0.95;
}

.ai-shot-sub {
  width: min(46vw, 700px);
  left: 50%;
  bottom: 95px;
  transform: translateX(-2%) rotate(7deg);
  z-index: 2;
  opacity: 0.90;
}

@media (max-width: 767.98px) {
  .ai-visual-stage {
    width: 100%;
    height: 320px;
    margin: 180px auto 0;
  }
}

@media (max-width: 767.98px) {
  .ai-shot-main {
    width: 88vw;
    left: 50%;
    bottom: 0;
    transform: translateX(-58%) rotate(-5deg);
  }
}

@media (max-width: 767.98px) {
  .ai-shot-sub {
    width: 56vw;
    left: 50%;
    bottom: 36px;
    transform: translateX(-2%) rotate(5deg);
  }
}