.video-card-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-card::before {
  z-index: 1;
}

.hero-image,
.preview-stage > img,
.preview-stage > video,
.preview-stage > iframe,
.video-card-media,
.look img {
  transition: transform 0.2s ease;
}

.look {
  overflow: hidden;
}

.look > div {
  position: absolute;
  z-index: 2;
  right: 12px;
  bottom: 12px;
  left: 12px;
  border: 1px solid #ffffff9c;
  border-radius: 4px 16px 4px 16px;
  background: #fffdf6bd;
  box-shadow: 0 15px 35px #170d1e3d;
  backdrop-filter: blur(10px) saturate(1.15);
}

.photo-lightbox {
  width: min(94vw, 1200px);
  height: min(90vh, 900px);
  padding: 12px;
  border: 1px solid #e9c98788;
  border-radius: 18px;
  background: #090613f2;
  box-shadow: 0 30px 100px #000;
}
.photo-lightbox::backdrop { background: #050208e8; backdrop-filter: blur(8px); }
.photo-lightbox img { display: block; width: 100%; height: 100%; object-fit: contain; }
.photo-lightbox button { position: absolute; z-index: 2; top: 20px; right: 20px; width: 44px; height: 44px; border: 1px solid #ffffff88; border-radius: 50%; color: #fff; background: #160c1bd9; font-size: 1.5rem; cursor: pointer; }