/* ==========================================================================
   FAQ backdrop  —  Figma "Component 470 / Rectangle - Animate" (720:2602)
   1920 x 1206 at y 8273. Mono/Light - Grey plate behind the FAQ list.
   Default -> Animate: inset 48 / 30.15 -> full bleed.
   ========================================================================== */

.faqbg {
  top: calc(8273 * var(--s));
  height: calc(1206 * var(--s));
  background: var(--c-mono-dark);
  overflow: hidden;
  z-index: 1;
}

.faqbg__plate {
  position: absolute;
  inset: calc(30.15 * var(--s)) calc(48 * var(--s));
  background: var(--c-light-grey);
  transition: inset calc(var(--rv-dur) * 1.2) var(--rv-ease);
}
.faqbg.is-in .faqbg__plate { inset: 0; }

@media (prefers-reduced-motion: reduce) { .faqbg__plate { inset: 0; transition: none; } }
@media (max-width: 1023px), (max-width: 1200px) and (orientation: portrait) { .faqbg { display: none; } }