/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./slicing/src/scss/wt-components/project-intro.scss ***!
  \****************************************************************************************************************************************************************************************************/
.project-intro {
  padding: 3.2rem 3.2rem 0rem 3.2rem;
}
@media only screen and (min-width: 992px) {
  .project-intro {
    padding: 3.2rem;
  }
}
@media only screen and (min-width: 1200px) {
  .project-intro {
    padding: 6.4rem 3.2rem 4.8rem 3.2rem;
  }
}
.project-intro + .event-cta-block {
  padding: 1rem 3.2rem 4.8rem 3.2rem;
}
@media only screen and (min-width: 992px) {
  .project-intro--sidebar .project-intro__wrapper-sidebar {
    max-width: 126.4rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 3.2rem 0px;
  }
  .project-intro--sidebar .project-intro__inner, .project-intro--sidebar .project-intro__text-wrapper {
    max-width: none;
  }
  .project-intro--sidebar .project-intro__inner {
    max-width: none;
    width: auto;
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: 2;
    grid-column-end: 3;
  }
  .project-intro--sidebar .project-intro__text-wrapper {
    max-width: none;
    width: auto;
    grid-row-start: 2;
    grid-column-start: 1;
    grid-row-end: 3;
    grid-column-end: 3;
  }
  .project-intro--sidebar .project-intro__contact {
    max-width: none;
    width: auto;
    grid-row-start: 1;
    grid-column-start: 3;
    grid-row-end: 3;
    grid-column-end: 4;
  }
  .project-intro--sidebar .project-intro__contact a {
    margin-bottom: 1.6rem;
  }
}
.project-intro__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 1200px) {
  .project-intro__wrapper {
    flex-wrap: wrap;
    flex-direction: unset;
  }
}
.project-intro__inner {
  max-width: 78rem;
  width: 100%;
}
.project-intro__contact--sidebar {
  max-width: 37rem;
}
@media only screen and (min-width: 1200px) {
  .project-intro__contact--sidebar {
    max-width: none;
    width: calc(30% + 6.4rem);
    padding-left: 6.4rem;
  }
}
.project-intro__contact--sidebar a {
  margin-bottom: 1.6rem;
}
.project-intro__text-wrapper {
  max-width: 78rem;
  width: 100%;
}
.project-intro__text {
  max-height: 26.2rem;
  overflow: hidden;
}
.project-intro__text--show {
  max-height: none;
  overflow: visible;
}
.project-intro__text-limiter {
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.project-intro__read-link {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 1px solid rgba(var(--grey-light), 0.3);
  display: none;
}
.project-intro__read-link .project-intro__read-less {
  display: none;
}
.project-intro__read-link--less .project-intro__read-more {
  display: none;
}
.project-intro__read-link--less .project-intro__read-less {
  display: inline-block;
}
.project-intro__read-link--show {
  display: block;
}
