/* MS Project Category Decision block. Mirrors the static MS Project landing section 03. */
.ms-project-category-section {
  position: relative;
  overflow: hidden;
}

.ms-project-category-section__inner {
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

.ms-project-category-section__content,
.ms-project-category-section__content > .acf-innerblocks-container,
.editor-styles-wrapper .ms-project-category-section__content > .block-editor-inner-blocks > .block-editor-block-list__layout {
  display: flex;
  flex-direction: column;
  gap: 36px;
  max-width: 667px;
}

.ms-project-category-section__title {
  margin: 0;
}

.ms-project-category-section__copy {
  display: flex;
  flex-direction: column;
  gap: 16px;
  color: #202060;
  margin: 0;
}

.ms-project-category-section__copy p {
  margin: 0;
  padding-bottom: 0;
}

.ms-project-category-section__quote {
  border-left: 4px solid #66BCFF;
  padding-left: 10px;
  margin: 0;
}

.ms-project-category-section__quote p {
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  color: #202060;
  margin: 0;
  padding-bottom: 0;
}

.ms-project-category-section__media {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 592px;
  max-width: 40vw;
}

.ms-project-category-section__media img {
  width: 100%;
  height: auto;
  display: block;
}

.editor-styles-wrapper .ms-project-category-section {
  min-height: 520px;
}

@media (max-width: 991px) {
  .ms-project-category-section__inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .ms-project-category-section__content,
  .ms-project-category-section__content > .acf-innerblocks-container,
  .editor-styles-wrapper .ms-project-category-section__content > .block-editor-inner-blocks > .block-editor-block-list__layout {
    max-width: none;
  }

  .ms-project-category-section__media {
    position: static;
    transform: none;
    width: 100%;
    max-width: 480px;
  }
}
