/* Injected showreel clips — contained inside tile boxes only */

.demo-slot-video,
.card-preview-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
  background: #000;
}

#work a[data-tile] [style*="aspect-ratio"] {
  overflow: hidden;
}

#contact,
#about {
  position: relative;
  z-index: 5;
  isolation: isolate;
}

.card-preview-wrap {
  position: relative;
  margin: -0.25rem 0 1rem;
  min-height: 140px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(28, 26, 22, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.card--leo .card-preview-wrap {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 8px 20px rgba(255, 106, 26, 0.12);
}

.card--layer5 .card-preview-wrap {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45), 0 8px 20px rgba(61, 139, 122, 0.12);
}