.paragraph .field {
  margin-block-end: 0;
}

.xparagraph--type--header-two-columns {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--grid-gap);

  @media (min-width: 1000px) {
    grid-template-columns: repeat(10, minmax(0, 1fr));

    & .field--name-field-header {
      grid-column: span 10;
    }

    & .field--name-field-text-column {
      grid-column: span 6;
    }

    & .field--name-field-image-column {
      grid-column: span 4;
    }
  }
}

.field--name-field-content > .field__item:not(:last-child) {
  margin-block-end: var(--sp1);

  @media (min-width: 31.25rem) {
    margin-block-end: var(--sp2);
  }

  @media (min-width: 43.75rem) {
    margin-block-end: var(--sp3);
  }

  @media (min-width: 75rem) {
    margin-block-end: var(--sp4);
  }
}


.field__item:nth-child(even) > .paragraph--type--header-two-columns {
  & .field--name-field-header {
    order: 1;
  
    & h2 {
      text-align: end;
    }
  }

  & .field--name-field-text-column {
    order: 3;
  }

  & .field--name-field-image-column {
    order: 2;
  }

  @media (min-width: 1000px) {
    & .field--name-field-header {
      grid-column: span 10;
    }

    & .field--name-field-text-column {
      grid-column: span 6;
    }

    & .field--name-field-image-column {
      grid-column: span 4;
    }
  } 
}

.paragraph .field--name-field-header h2 {
  padding-block-end: 8px;
  border-block-end: 1px solid;

  @media (min-width: 75rem) {
    font-size: 4rem;
    line-height: 1.2;
  }
}

.field--name-field-text-column {
  padding: 1rem;
  color: white;
  background-color: black;
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  line-height: 2;
}


.paragraph--type--downloads {
  & .field--name-field-header h3 {
    padding-block-end: 8px;
    border-block-end: 4px solid red;
  }

  & .field--name-field-files {
    & > .field__item:not(:last-child) {
      margin-block-end: var(--sp1);
    }

    & > .field__item:nth-child(even) {
      background-color: var(--color--gray-100);
    }
  }
}