/* Rear Display desktop QA Iteration 1 @ 1440. Shell in v2-desktop-shell.css. */
@media (min-width: 993px) {
  .v2--rear .v2-hero--rear h1 {
    text-transform: capitalize;
  }

  .v2--rear .v2-hero--rear .v2-hero__inner {
    max-width: var(--v2-max);
    width: 100%;
  }

  /* Figma hero media plate — light cool gray-blue (matches Sep 24 asset fill) */
  .v2--rear .v2-hero__device--rear {
    background: #ebf4f9;
  }

  .v2--rear .v2-section .v2-h2 {
    line-height: 1.2;
    text-transform: capitalize;
  }

  /* Figma NEW page-instance highlight media: 629×571 (component is 441×400, scaled on page) */
  .v2--rear .v2-pos-panel.is-active {
    grid-template-columns: 1fr 629px;
    gap: 40px;
    align-items: center;
  }

  .v2--rear .v2-pos-panel__media {
    width: 629px;
    height: 571px;
    max-width: 100%;
    aspect-ratio: 629 / 571;
    background: transparent;
  }

  .v2--rear .v2-pos-panel__media img {
    object-fit: cover;
    object-position: center;
  }

  /* Business Impact cards: Figma 180×678. Shell h3 lh 1.4 + p margin → ~190. */
  .v2--rear .v2-rd-impact .v2-card {
    min-height: 180px;
  }

  .v2--rear .v2-rd-impact .v2-card h3 {
    line-height: 1.2;
    margin-bottom: 8px;
  }

  .v2--rear .v2-rd-impact .v2-card p {
    margin-bottom: 0;
  }

  /* Flow steps row: Figma 151 */
  .v2--rear .v2-rd-flow .v2-steps,
  .v2--rear .v2-rd-flow .v2-step {
    min-height: 151px;
  }
}