.marketing-copy {
	margin: auto;
	max-width: 90rem;
	text-align: center;
	width: calc(100% - .8rem);

  @media screen and (min-width: 750px) {
    width: calc(100% - .8rem);
  }

  &.marketing-copy--full-width {
    max-width: initial;
    width: 100%;

    & .marketing-copy__blocks {
      max-width: initial;
      width: calc(100% - .8rem);
      margin-top: 3rem;
      margin-bottom: 3rem;

      @media screen and (min-width: 750px) {
        max-width: 90rem;
        margin-top: 6rem;
        margin-bottom: 6rem;
      }
    }
  }
}

.marketing-copy__blocks {
	margin: auto;
	width: calc(100% - .8rem);
  display: flex;
  flex-direction: column;
  align-items: center;

  @media screen and (min-width: 750px) {
    max-width: 50rem;
  }

  @media screen and (min-width: 990px) {
    max-width: 78rem;
  }

  & .marketing-copy__title {
    font-weight: 400;
    max-width: initial;
    padding: 0 2rem;

    @media screen and (min-width: 750px) {
      max-width: 50rem;
    }
  }

  & .marketing-copy-accordion {
    max-width: 56rem;
  }

  & .marketing-copy__title + .marketing-copy-accordion {
    & .marketing-copy__accordion-item {
      margin-top: 1rem;
    }
  }

  & .marketing-copy__title + .marketing-copy-accordion:has(.marketing-copy__accordion-item[open]) {
    & .marketing-copy__accordion-item {
      margin-top: .25rem;

      @media screen and (min-width: 750px) {
        margin-top: .5rem;
      }
    }
  }
}

.marketing-copy__blocks * {
	overflow-wrap: break-word;
}

.marketing-copy:not(.marketing-copy--full-width) {
	margin-top: 6rem;
	margin-bottom: 6rem;
}

.marketing-copy__accordion-item {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;

  & .accordion-item__content {
    order: 1;
  }
}

.marketing-copy__accordion-item .accordion-item__summary {
  margin-top: 0;
  margin-left: -1.5rem;
  position: relative;
  order: 2;
  cursor: pointer;
  font: var(--nova-body-font);
  width: fit-content;
  -webkit-appearance: none;
  appearance: none;
  list-style: none;

  &::marker,
  &::-webkit-details-marker {
    display: none;
    content: '';
  }

  &:before {
    background-color: var(--nova-color-black, #000);
    content: '';
    display: block;
    height: 8px;
    inset: 0.75rem;
    left: auto;
    right: -1.5rem;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.625%203.625H8V4.625H4.625V8H3.625V4.625H0V3.625H3.625V0H4.625V3.625Z%22%20fill%3D%22black%22/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M4.625%203.625H8V4.625H4.625V8H3.625V4.625H0V3.625H3.625V0H4.625V3.625Z%22%20fill%3D%22black%22/%3E%3C/svg%3E") no-repeat center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s;
    width: 8px;
  }
}

.marketing-copy__accordion-item[open] {
  flex-direction: column;

  & .accordion-item__summary {
    margin-top: 1rem;

    @media screen and (min-width: 750px) {
      margin-top: 2rem;
    }
  }

  & .accordion-item__summary:before {
    background-color: var(--nova-color-black, #000);
    content: '';
    display: block;
    height: 2px;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%228%22%20height%3D%222%22%20viewBox%3D%220%200%208%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M8%201.625H0V0.625H8V1.625Z%22%20fill%3D%22black%22/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%228%22%20height%3D%222%22%20viewBox%3D%220%200%208%202%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M8%201.625H0V0.625H8V1.625Z%22%20fill%3D%22black%22/%3E%3C/svg%3E") no-repeat center;
    width: 8px;
  }
}