.video-poster__composition.video-poster__composition--minimal {
  display: block;
  background:
    radial-gradient(circle at 82% 16%, rgba(68, 94, 119, 0.24), transparent 36%),
    radial-gradient(circle at 12% 92%, rgba(95, 43, 42, 0.09), transparent 34%),
    linear-gradient(128deg, #020407 0%, #080f16 55%, #101d29 100%);
  color: #fff;
}

.video.video--lite {
  container-type: inline-size;
}

.video-poster__minimal-figure {
  position: absolute;
  inset: -5%;
  width: 110%;
  height: 110%;
  object-fit: cover;
  object-position: center;
  filter: brightness(0.5) contrast(1.18) saturate(1.35);
  mix-blend-mode: multiply;
  opacity: 0.92;
  transition: filter 240ms ease, transform 260ms ease;
}

.video-poster__minimal-wash {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 50% 50%, rgba(6, 10, 15, 0.08) 0 15%, rgba(6, 10, 15, 0.5) 45%, rgba(6, 10, 15, 0.18) 72%),
    linear-gradient(90deg, rgba(6, 10, 15, 0.42), rgba(6, 10, 15, 0.06) 52%, rgba(6, 10, 15, 0.3));
}

.video-poster__minimal-logo {
  position: absolute;
  z-index: 3;
  top: clamp(0.65rem, 1.8vw, 1rem);
  left: clamp(0.7rem, 2vw, 1.1rem);
  display: grid;
  width: clamp(4.6rem, 12vw, 6.7rem);
  height: clamp(1.3rem, 3.35vw, 1.88rem);
  padding: 0;
  background: transparent;
  place-items: center;
}

.video-poster__minimal-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: none;
}

.video-poster__minimal-title {
  position: absolute;
  z-index: 3;
  bottom: clamp(0.7rem, 2vw, 1.15rem);
  left: clamp(0.75rem, 2.2vw, 1.25rem);
  max-width: min(48%, 18rem);
  color: #f7f8fa;
  font-size: clamp(0.78rem, 1.85vw, 1.15rem);
  font-weight: 500;
  line-height: 1.22;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.38);
}

.video-poster__centre-action {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  display: grid;
  color: #fff;
  gap: 0.55rem;
  place-items: center;
  transform: translate(-50%, -50%);
}

.video-poster__centre-play {
  display: grid;
  width: clamp(4.1rem, 10vw, 5.5rem);
  height: clamp(4.1rem, 10vw, 5.5rem);
  border: 2px solid #fff;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.48);
  color: #111b26;
  place-items: center;
  transition: transform 170ms ease, background-color 170ms ease;
}

.video-poster__centre-play svg {
  width: 48%;
  height: 48%;
  margin-left: 5%;
  fill: currentColor;
}

.video-poster__centre-label {
  font-size: clamp(0.74rem, 1.7vw, 0.94rem);
  font-weight: 500;
  letter-spacing: 0.045em;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.82);
  text-transform: uppercase;
}

.video-poster:hover .video-poster__minimal-figure {
  filter: brightness(0.56) contrast(1.2) saturate(1.42);
  transform: scale(1.012);
}

.video-poster:hover .video-poster__centre-play {
  background: #fff;
  transform: scale(1.06);
}

.video-poster:hover .video-poster__minimal-logo img {
  filter: none;
  transform: none;
}

@container (max-width: 26rem) {
  .video-poster__minimal-title {
    max-width: 70%;
    font-size: clamp(0.66rem, 2.8cqw, 0.78rem);
  }

  .video-poster__centre-action {
    top: 50%;
    gap: 0.35rem;
  }

  .video-poster__centre-play {
    width: clamp(2.75rem, 14cqw, 3.35rem);
    height: clamp(2.75rem, 14cqw, 3.35rem);
  }

  .video-poster__centre-label {
    font-size: 0.68rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .video-poster__minimal-figure,
  .video-poster__centre-play {
    transition: none;
  }
}