/* ==========================================================================
   Grey backdrop  —  Figma "Rectangle - Animate" (713:226452)
   1920 x 2704 at y 3402. A plain plate that sits behind Features, the ticker
   and Industries: Mono/Dark for the first 200px, then Mono/Light - Grey.

   Default -> Animate: the light plate is inset 48px at the sides, 262.6 from
   the top and 62.6 from the bottom, then expands to full bleed (top 200).
   ========================================================================== */

.backdrop {
  top: calc(3402 * var(--s));
  height: calc(2704 * var(--s));
  background: var(--c-mono-dark);
  overflow: hidden;
  z-index: 1;
}

.backdrop__plate {
  position: absolute;
  inset:
    calc(262.6 * var(--s))
    calc(48 * var(--s))
    calc(62.6 * var(--s))
    calc(48 * var(--s));
  background: var(--c-light-grey);
  transition: inset calc(var(--rv-dur) * 1.2) var(--rv-ease);
}

.backdrop.is-in .backdrop__plate {
  inset: calc(200 * var(--s)) 0 0 0;
}

@media (prefers-reduced-motion: reduce) {
  .backdrop__plate { inset: calc(200 * var(--s)) 0 0 0; transition: none; }
}

@media (max-width: 1023px), (max-width: 1200px) and (orientation: portrait) {
  .backdrop { display: none; } /* the reflowed sections carry their own ground */
}