/* Video border blend effect - luxurious velvet vignette */

.video-wrap {
  position: relative;
  width: 100%;
  border-radius: 12px;
  isolation: isolate;
}

/* Outer velvet fade - deep plum/burgundy tones */
.video-wrap::before {
  content: '';
  position: absolute;
  inset: -50px;
  border-radius: 60px;
  pointer-events: none;
  background:
    /* Primary velvet gradient - deep burgundy */
    radial-gradient(ellipse 120% 100% at center,
      transparent 30%,
      rgba(45, 20, 30, 0.008) 34%,
      rgba(42, 18, 28, 0.015) 38%,
      rgba(40, 17, 27, 0.025) 42%,
      rgba(38, 16, 26, 0.04) 46%,
      rgba(36, 15, 25, 0.055) 50%,
      rgba(34, 14, 24, 0.075) 54%,
      rgba(32, 13, 23, 0.10) 58%,
      rgba(30, 12, 22, 0.13) 62%,
      rgba(28, 11, 21, 0.17) 66%,
      rgba(26, 10, 20, 0.22) 70%,
      rgba(24, 9, 19, 0.28) 74%,
      rgba(22, 8, 18, 0.35) 78%,
      rgba(20, 7, 17, 0.43) 82%,
      rgba(18, 6, 16, 0.52) 86%,
      rgba(16, 5, 15, 0.62) 90%,
      rgba(14, 4, 14, 0.72) 94%,
      rgba(12, 3, 12, 0.82) 98%);
  z-index: 1;
  filter: blur(4px);
}

/* Inner velvet sheen - subtle highlight ring */
.video-wrap::after {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 14px;
  pointer-events: none;
  z-index: 2;
  background:
    /* Subtle inner glow for depth */
    radial-gradient(ellipse at center,
      transparent 70%,
      rgba(60, 40, 50, 0.03) 80%,
      rgba(50, 30, 40, 0.08) 90%,
      rgba(40, 20, 30, 0.15) 100%);
  box-shadow:
    /* Fine velvet texture layers */
    inset 0 0 8px 2px rgba(40, 20, 30, 0.15),
    inset 0 0 16px 4px rgba(36, 18, 28, 0.12),
    inset 0 0 28px 8px rgba(32, 16, 26, 0.10),
    inset 0 0 44px 14px rgba(28, 14, 24, 0.08),
    inset 0 0 64px 22px rgba(24, 12, 22, 0.06),
    inset 0 0 90px 32px rgba(20, 10, 20, 0.04),
    inset 0 0 120px 45px rgba(16, 8, 18, 0.03),
    inset 0 0 160px 60px rgba(12, 6, 16, 0.02),
    /* Subtle highlight edge */
    inset 0 1px 0 0 rgba(255, 240, 245, 0.03),
    inset 1px 0 0 0 rgba(255, 240, 245, 0.02),
    inset -1px 0 0 0 rgba(255, 240, 245, 0.02),
    inset 0 -1px 0 0 rgba(200, 180, 190, 0.02);
}

/* Extra velvet depth layer */
.video-wrap .velvet-overlay {
  position: absolute;
  inset: 0;
  border-radius: 12px;
  pointer-events: none;
  z-index: 3;
  box-shadow:
    inset 0 0 60px 20px rgba(25, 12, 20, 0.15),
    inset 0 0 100px 40px rgba(20, 10, 18, 0.08);
  background:
    /* Corner velvet darkening */
    radial-gradient(ellipse at 0% 0%, rgba(20, 10, 18, 0.12) 0%, transparent 50%),
    radial-gradient(ellipse at 100% 0%, rgba(20, 10, 18, 0.12) 0%, transparent 50%),
    radial-gradient(ellipse at 0% 100%, rgba(20, 10, 18, 0.12) 0%, transparent 50%),
    radial-gradient(ellipse at 100% 100%, rgba(20, 10, 18, 0.12) 0%, transparent 50%);
}