/* Desktop layout shares the existing layer: layered !important rules
 * take precedence over unlayered overrides, regardless of load order. */
@layer jbn-testimonials-layout {
  @media (min-width: 1024px) {
    .home-promise-heading {
      text-align: center !important;
    }

    .home-promise-heading > p {
      display: block !important;
      width: fit-content !important;
      margin-inline: auto !important;
      text-align: center !important;
    }

    .home-promise-heading > p::after {
      margin-inline: auto !important;
      left: 50% !important;
      transform: translateX(-50%) !important;
    }

    .home-promise-heading h2 {
      display: block !important;
      width: 100% !important;
      max-width: none !important;
      margin-inline: auto !important;
      text-align: center !important;
    }

    .home-promise-heading .home-story-line:first-child,
    .home-promise-heading .home-story-line:last-child {
      display: inline !important;
      width: auto !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      text-align: center !important;
      white-space: normal !important;
      transform: none !important;
      position: static !important;
    }

    .home-promise-heading .home-story-break {
      display: block !important;
    }
  }
}