/* styles/sections/closing-ruleless.css
 * The Product Leadership closing (instances y1jTZ, noQwC, ojWWO of xpfyh, ecr7d, lzjNa) overrides
 * the band: no rule and no pad above the body (Bottom Row strokeWidth 0, padding 0), deck over
 * the actions at every width, the heading at 47 / 96 / 134 with line height 0.96 in a 1100 measure,
 * and the section padding 88 / 144 / 173. renderClosingCta({ modifiers: ['ruleless'] }). */
@layer sections {
  .closing-cta--ruleless {
    --closing-pad-top: 88px;
    --closing-pad-bottom: 88px;
    --closing-gap: var(--space-24);
    --closing-heading-measure: 1100px;
    --closing-heading-size: 47px;
    --closing-heading-lh: round(nearest, 0.96em, 1px);
    --closing-heading-ls: -0.98px;
    --closing-body-gap: var(--space-24);
    --closing-body-pad: 0px;
    --closing-deck-lh: round(nearest, 1.4em, 1px);
  }

  .closing-cta--ruleless .closing-cta__body {
    border-top: 0;
  }

  @media (min-width: 900px) {
    .closing-cta--ruleless {
      --closing-pad-top: 144px;
      --closing-pad-bottom: 144px;
      --closing-gap: var(--space-32);
      --closing-heading-size: 96px;
      --closing-heading-ls: -2px;
      --closing-body-gap: var(--space-32);
    }

    .closing-cta--ruleless .closing-cta__body {
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
    }
  }

  @media (min-width: 1680px) {
    .closing-cta--ruleless {
      --closing-pad-top: 173px;
      --closing-pad-bottom: 173px;
      --closing-heading-size: 134px;
      --closing-heading-ls: -2.8px;
    }
  }
}