/* VELRON Intro v3 — "3D stüdyo" açılış animasyonu (Claude Design'dan port)
   1920x1080 sahne, ekrana sığacak şekilde ölçeklenir (contain). */

#vg-intro {
  position: fixed;
  inset: 0;
  z-index: 9000;
  background: #0C0B0C;
  overflow: hidden;
  opacity: 1;
  transition: opacity .4s ease;
}
#vg-intro.vgi-out { opacity: 0; pointer-events: none; }

html.vgi-lock, html.vgi-lock body { overflow: hidden; }

#vg-intro .vgi-stage {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1920px;
  height: 1080px;
  transform-origin: 50% 50%;
  /* scale JS ile ayarlanır */
}

#vg-intro .vgi-mono {
  font-family: "JetBrains Mono", ui-monospace, monospace;
}

#vg-intro .vgi-ctl {
  position: absolute;
  right: 18px;
  bottom: 16px;
  z-index: 9010;
  display: flex;
  gap: 10px;
}
#vgi-skip, #vgi-sound {
  appearance: none;
  background: rgba(20, 19, 20, .82);
  border: 2px solid rgba(236, 227, 208, .25);
  color: #B3A78D;
  font-family: "JetBrains Mono", ui-monospace, monospace;
  font-size: 13px;
  letter-spacing: .22em;
  padding: 9px 16px;
  cursor: pointer;
  transition: color .15s ease, border-color .15s ease;
}
#vgi-sound { letter-spacing: 0; padding: 9px 12px; line-height: 1; font-size: 15px; }
#vgi-skip:hover, #vgi-sound:hover { color: #ECE3D0; border-color: #E84C3A; }