/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./blocks/media-text/block.css ***!
  \*********************************************************************************************************************************************************************************/
/* Media Text (section + epicflow/media-text-body child). Homepage overview rebuilt from the live page; the column
   child also covers the shared image + text section (figma/_shared-sections/img-text). */

/* .landings section (frontend/styles/globals.css) outranks a single class. */

.media-text-section,
.landings .media-text-section.media-text-section {
  padding: 80px 0;
  margin: 0;
  background: #fff;
}

.media-text-section--bg-tint,
.landings .media-text-section--bg-tint.media-text-section--bg-tint {
  background: linear-gradient(180deg, #f4f5fc 0%, rgba(244, 245, 252, 0) 100%);
}

.media-text-section__inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Section title / intro above the columns. */

.media-text-section__inner > .acf-innerblocks-container > :is(h2, p),
.editor-styles-wrapper .media-text-section__inner :is(h2, p).wp-block:not(.media-text *) {
  max-width: 900px;
  margin: 0 auto 24px;
  text-align: center;
}

.media-text-section__inner > .acf-innerblocks-container > h2:last-of-type {
  margin-bottom: 58px;
}

.media-text {
  display: grid;
  grid-template-columns: minmax(0, 680px) minmax(0, 560px);
  justify-content: center;
  align-items: center;
  gap: 80px;
}

.media-text--text-wide {
  grid-template-columns: minmax(0, 440px) minmax(0, 880px);
}

.media-text--image-right .media-text__media {
  order: 2;
}

.media-text--image-right.media-text--balanced {
  grid-template-columns: minmax(0, 560px) minmax(0, 680px);
}

.media-text--image-right.media-text--text-wide {
  grid-template-columns: minmax(0, 880px) minmax(0, 440px);
}

.media-text > * {
  min-width: 0;
  margin: 0;
}

.media-text__image {
  display: block;
  width: 100%;
  height: auto;
}

.media-text__content > .acf-innerblocks-container > * + * {
  margin-top: 18px;
}

.media-text__content .section-heading {
  margin-bottom: 10px;
}

.media-text__content .section-heading + * {
  margin-top: 0;
}

.media-text__content .section-text {
  margin-bottom: 0;
  padding-bottom: 0;
}

.media-text__content .section-list {
  margin: 0;
  padding-left: 20px;
  list-style: disc;
}

/* landing-blocks.css zeroes side padding (!important) on .wp-block descendants in the editor canvas. */

.editor-styles-wrapper .media-text-section__inner {
  padding: 0 20px !important;
}

.editor-styles-wrapper .media-text__content .section-list {
  padding-left: 20px !important;
}

@media (max-width: 1100px) {
  .media-text,
  .media-text--image-right.media-text--balanced,
  .media-text--text-wide,
  .media-text--image-right.media-text--text-wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
  }
}

@media (max-width: 767px) {
  .media-text-section,
  .landings .media-text-section.media-text-section {
    padding: 50px 0;
  }

  .media-text-section__inner > .acf-innerblocks-container > h2:last-of-type {
    margin-bottom: 32px;
  }

  .media-text-section .section-title {
    font-size: 30px;
    line-height: 40px;
  }

  .media-text,
  .media-text--image-right.media-text--balanced,
  .media-text--text-wide,
  .media-text--image-right.media-text--text-wide {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .media-text--image-right .media-text__media {
    order: 0;
  }
}

@media (max-width: 420px) {
  .media-text-section .section-title {
    font-size: 28px;
    line-height: 37px;
  }
}

/* Layout: wide image (text 457 / image 933, 10px gap; figma/lp-engineering-2026/section-06). */

.media-text.media-text--image-wide {
  grid-template-columns: minmax(0, 933px) minmax(0, 457px);
  gap: 10px;
  align-items: stretch;
}

.media-text--image-right.media-text--image-wide {
  grid-template-columns: minmax(0, 457px) minmax(0, 933px);
}

/* Step cards (core groups .media-text__step: icon image + paragraph), joined by ↓ arrows. */

.media-text__content .media-text__step {
  position: relative;
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0;
  padding: 12px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  background: #fff;
}

.media-text__content .media-text__step + .media-text__step {
  margin-top: 44px;
}

.media-text__content .media-text__step + .media-text__step::before {
  content: "";
  position: absolute;
  top: -34px;
  left: 50%;
  width: 24px;
  height: 24px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj48cGF0aCBzdHJva2U9IiM1Nzc0ZTciIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0xMiA0djE2bS02LTYgNiA2IDYtNiIvPjwvc3ZnPgo=) center / contain no-repeat;
  transform: translateX(-50%);
}

.media-text__step .wp-block-image,
.media-text__step figure {
  flex: none;
  width: 48px;
  margin: 0;
}

.media-text__step img {
  display: block;
  width: 48px;
  height: 48px;
}

.media-text-section .media-text__step p {
  margin: 0;
  padding: 0;
  color: #202060;
  font-size: 16px;
  line-height: 24px;
}

/* Note below the columns. */

.media-text-section .media-text-section__note {
  max-width: 900px;
  margin: 24px auto 0;
  padding: 0;
  color: #202060;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
}

/* Card rows (e.g. case studies): framed, half and half; rows stack with a gap. */

.media-text.media-text--card,
.media-text--image-right.media-text--card {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 40px;
  padding: 16px;
  border: 1px solid #eef1fe;
  border-radius: 4px;
  background: #fff;
}

.media-text--card + .media-text--card,
.acf-innerblocks-container > .media-text--card ~ .media-text--card {
  margin-top: 24px;
}

/* Plain rows stacked in one section (or after a section button) keep a section-sized gap. */

.media-text-section__inner > .acf-innerblocks-container > :is(.media-text, .wp-block-buttons) + .media-text:not(.media-text--card) {
  margin-top: 80px;
}

@media (max-width: 767px) {
  .media-text-section__inner > .acf-innerblocks-container > :is(.media-text, .wp-block-buttons) + .media-text:not(.media-text--card) {
    margin-top: 48px;
  }
}

.media-text--card .media-text__image {
  border-radius: 4px;
}

.media-text--card .media-text__content h3 {
  margin: 0 0 8px;
  padding: 0;
  color: #202060;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.media-text--card .media-text__content p {
  margin: 0;
  padding: 0;
  color: #3c3c73;
  font-size: 16px;
  line-height: 24px;
}

.media-text--card .media-text__content p + p {
  margin-top: 16px;
}

.media-text--card .media-text__content .media-text__results {
  margin-top: 16px;
  color: #202060;
  font-weight: 700;
}

.media-text--card .media-text__content .check-list {
  margin: 12px 0 0;
  color: #202060;
  font-size: 16px;
  line-height: 24px;
}

/* Section buttons (e.g. "Read more"). */

.media-text-section .wp-block-buttons {
  justify-content: center;
  margin-top: 40px;
}

@media (max-width: 1100px) {
  .media-text.media-text--image-wide,
  .media-text--image-right.media-text--image-wide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}

@media (max-width: 767px) {
  .media-text.media-text--image-wide,
  .media-text--image-right.media-text--image-wide,
  .media-text.media-text--card,
  .media-text--image-right.media-text--card {
    grid-template-columns: 1fr;
  }
}

/* Backgrounds: light grey and dark navy (EPPM). */

.media-text-section--bg-grey,
.landings .media-text-section--bg-grey.media-text-section--bg-grey {
  background: #f6f7fb;
}

.media-text-section--bg-dark,
.landings .media-text-section--bg-dark.media-text-section--bg-dark {
  background: #202060;
}

.media-text-section--bg-dark .media-text-section__inner > .acf-innerblocks-container > :is(h2, p):not(.media-text-section__closing),
.editor-styles-wrapper .media-text-section--bg-dark .media-text-section__inner :is(h2, p).wp-block:not(.media-text *) {
  color: #fff;
}

/* Flush rows: title and intro kept together, space before the rows. */

.media-text-section:has(.media-text--flush) .media-text-section__inner > .acf-innerblocks-container > h2:last-of-type:has(+ p) {
  margin-bottom: 20px;
}

.media-text-section:has(.media-text--flush) .media-text-section__inner > .acf-innerblocks-container > h2 + p {
  margin-bottom: 28px;
}

/* Flush card rows: image fills its side, text padded; 1160px wide. */

.media-text.media-text--card.media-text--flush {
  grid-template-columns: minmax(0, 480px) minmax(0, 1fr);
  align-items: stretch;
  gap: 0;
  max-width: 1163px;
  margin-inline: auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid #eef1fe;
  border-radius: 12px;
}

.media-text.media-text--card.media-text--flush.media-text--image-right {
  grid-template-columns: minmax(0, 1fr) minmax(0, 480px);
}

.media-text--flush .media-text__media {
  background: #eeefff;
}

.media-text--flush .media-text__image {
  height: 100%;
  object-fit: cover;
  object-position: left top;
  border-radius: 0;
}

.media-text--flush.media-text--image-right .media-text__image {
  object-position: right top;
}

.media-text--flush .media-text__content {
  align-self: center;
  padding: 36px 40px;
}

.media-text--flush .media-text__content p {
  color: #202060;
  font-size: 18px;
  line-height: 28px;
}

.media-text--flush .media-text__content p + p {
  margin-top: 14px;
}

.media-text-section .media-text__content .media-text__caption {
  color: #808080;
  font-size: 16px;
  line-height: 24px;
}

.media-text--flush .media-text__content a {
  color: #0d39fe;
}

.media-text-section .media-text--flush + .media-text--flush {
  margin-top: 24px;
}

/* Closing line below the rows. */

.media-text-section .media-text-section__inner .media-text-section__closing {
  max-width: 900px;
  margin: 40px auto 0;
  padding: 0;
  color: #202060;
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
}

@media (max-width: 767px) {
  .media-text.media-text--card.media-text--flush,
  .media-text.media-text--card.media-text--flush.media-text--image-right {
    grid-template-columns: 1fr;
  }

  .media-text--flush .media-text__content {
    padding: 24px 20px;
  }
}

/* Layout: medium image (image 560 / text 720, 120px gap; AI PPM). Section title inside the text column. */

.media-text.media-text--image-medium {
  grid-template-columns: minmax(0, 560px) minmax(0, 720px);
  gap: 120px;
}

.media-text--image-right.media-text--image-medium {
  grid-template-columns: minmax(0, 720px) minmax(0, 560px);
}

.media-text-section .media-text__content .section-title {
  margin: 0 0 18px;
  padding: 0;
}

.media-text__content .check-list {
  margin: 0;
  color: #202060;
}

.media-text__content .wp-block-buttons {
  margin-top: 36px;
}

@media (max-width: 1100px) {
  .media-text.media-text--image-medium,
  .media-text--image-right.media-text--image-medium {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
  }
}

@media (max-width: 767px) {
  .media-text.media-text--image-medium,
  .media-text--image-right.media-text--image-medium {
    grid-template-columns: 1fr;
  }
}

/* Eyebrow above the title (paragraph media-text__eyebrow) and a callout line with a blue rule (paragraph
   media-text__callout). */

.media-text-section .media-text__eyebrow {
  margin: 0;
  padding: 0;
  color: #3c3c73;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
}

.media-text-section .media-text__callout {
  padding: 0 0 0 12px;
  border-left: 4px solid #66bcff;
  color: #202060;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

/* Lead line (paragraph media-text__lead): large regular text, e.g. under an eyebrow. */

.media-text-section .media-text__content p.media-text__lead {
  margin: 0;
  padding: 0;
  color: #202060;
  font-size: 28px;
  line-height: 40px;
}

.media-text__content ul.check-list > li {
  color: #202060;
  font-size: 18px;
  line-height: 28px;
}

/* Two-column intro under the section title (core columns media-text-section__columns). */

.media-text-section .media-text-section__columns {
  gap: 40px;
  margin: 0 0 40px;
}

.media-text-section .media-text-section__columns p {
  margin: 0;
  padding: 0;
  color: #202060;
  font-size: 18px;
  line-height: 28px;
  text-align: left;
}


/*# sourceMappingURL=block.css.map*/