.vaso-video {
  position: relative;
  height: var(--vaso-video-h, 62vh);
  min-height: 420px;
  overflow: hidden;
  background: var(--vaso-bg-warm);
  display: flex; align-items: center; justify-content: center;
}
.vaso-video__media { position: absolute; inset: 0; }
.vaso-video__media img, .vaso-video__el { width: 100%; height: 100%; object-fit: cover; }

.vaso-video__badge {
  position: relative; z-index: 2;
  width: 248px; height: 248px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
}
.vaso-video__ring {
  position: absolute; inset: 0; width: 100%; height: 100%;
  animation: vaso-spin 22s linear infinite;
}
.vaso-video__ring text {
  font-family: var(--font-display);
  font-size: 17px; letter-spacing: 2px;
  fill: var(--vaso-ink);
}
.vaso-video__play {
  width: 60px; height: 60px; border-radius: 50%;
  background: var(--vaso-ink); color: var(--vaso-white);
  display: inline-flex; align-items: center; justify-content: center;
  transition: transform var(--transition-fast);
}
.vaso-video__badge:hover .vaso-video__play { transform: scale(1.08); }
.vaso-video__play svg { width: 24px; height: 24px; margin-left: 3px; }

@keyframes vaso-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .vaso-video__ring { animation: none; } }

@media (max-width: 768px) {
  .vaso-video { min-height: 340px; }
  .vaso-video__badge { width: 190px; height: 190px; }
  .vaso-video__ring text { font-size: 14px; }
  .vaso-video__play { width: 50px; height: 50px; }
}