.faq-poster {
  position: relative;
  width: 100%;
  height: 100svh;
  min-height: 420px;
  isolation: isolate;
  overflow: hidden;
  background: #05010d;
}

.faq-poster__backdrop {
  position: absolute;
  z-index: -1;
  inset: -5vmax;
  overflow: hidden;
  background: #05010d;
}

.faq-poster__backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgb(3 0 12 / 0.28), transparent 18% 82%, rgb(3 0 12 / 0.42)),
    rgb(3 0 12 / 0.1);
}

.faq-poster__backdrop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: blur(24px) saturate(1.08) brightness(0.6);
  transform: scale(1.08);
}

.faq-poster__master {
  position: absolute;
  inset:
    clamp(58px, 6.4svh, 72px)
    clamp(10px, 1.25vw, 24px)
    clamp(8px, 1.5svh, 18px);
  display: grid;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  place-items: center;
}

.faq-poster__master img {
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  object-fit: contain;
  object-position: center;
  user-select: none;
  -webkit-user-drag: none;
  filter: drop-shadow(0 18px 48px rgb(0 0 0 / 0.48));
}

@media (max-width: 980px) {
  .faq-poster__master {
    inset: 60px 0 0;
  }
}