/* cie642.fr pages: news, who we are, support. */

@layer components {
  /* News page */
  .news-row {
    display: flex;
    gap: 10px;
    padding-block-end: 100px;
  }

  .news-row--reverse {
    flex-direction: row-reverse;
  }

  .news-row__side,
  .news-row__content {
    flex: 1 1 50%;
  }

  .news-row__side {
    position: relative;
  }

  .news-row__head {
    position: absolute;
    inset: 0 170px auto auto;
    max-inline-size: none;
  }

  .news-row__photo {
    position: relative;
    inset: 32px auto auto 220px;
    border-radius: 25px;
    transform: matrix(1, -0.4, 0.4, 1, 0, 0);
  }

  .news-row__content {
    text-align: start;
  }

  .news-row--reverse .news-row__content {
    text-align: end;
  }

  @media (width <= 768px) {
    .news-row,
    .news-row--reverse {
      flex-direction: column;
      padding-block-end: 32px;
    }

    .news-row__side {
      display: none;
    }

    .news-row__content,
    .news-row--reverse .news-row__content {
      text-align: start;
    }
  }

  /* Who we are, support */
  .ellipses-wrap--about .ellipses {
    margin-block: 336px 180px;
  }

  .about {
    display: flex;
  }

  .about__text {
    flex: 1 1 50%;
    padding-inline-end: 5px;
    text-align: end;
  }

  .about__image {
    flex: 1 1 50%;
    padding-inline-start: 70px;
  }

  .contact-us {
    margin-block: 107px 105px;
  }

  .support {
    margin-block-start: 35px;
  }

  @media (width <= 768px) {
    .ellipses-wrap--about .ellipses {
      margin-block: 32px;
    }

    .about {
      flex-direction: column;
    }

    .about__text {
      text-align: start;
    }

    .about__image img {
      scale: 0.5;
    }

    .contact-us {
      margin-block: 32px;
    }
  }
}