/* PHASE 3 - ENTERPRISE FAMILY BATCH 02 */
main .e3-stakeholders {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border-top: 1px solid rgba(17, 22, 23, .12);
  border-left: 1px solid rgba(17, 22, 23, .12)
}

main .e3-stakeholders article {
  min-height: 300px;
  padding: 25px;
  border-right: 1px solid rgba(17, 22, 23, .12);
  border-bottom: 1px solid rgba(17, 22, 23, .12)
}

main .e3-stakeholders article:nth-child(2n) {
  background: #edf4f4
}

main .e3-stakeholders h3 {
  margin: 120px 0 14px;
  font-size: 22px;
  line-height: 1.02;
  letter-spacing: -.04em;
  font-weight: 400
}

main .e3-stakeholders p {
  font-size: 9px;
  line-height: 1.65;
  color: #687a7c
}

main .e3-rail {
  display: grid;
  grid-template-columns: 1fr;
  border-top: 1px solid rgba(17, 22, 23, .12)
}

main .e3-rail article {
  display: grid;
  grid-template-columns: .28fr .72fr;
  min-height: 220px;
  border-bottom: 1px solid rgba(17, 22, 23, .12)
}

main .e3-rail .left {
  padding: 28px;
  border-right: 1px solid rgba(17, 22, 23, .12)
}

main .e3-rail .left strong {
  font-size: 46px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: -.055em;
  color: #082f31
}

main .e3-rail .right {
  padding: 28px
}

main .e3-rail h3 {
  margin: 0 0 14px;
  font-size: 28px;
  line-height: 1.03;
  letter-spacing: -.043em;
  font-weight: 400
}

main .e3-rail p {
  font-size: 10px;
  line-height: 1.67;
  color: #687a7c;
  max-width: 980px
}

main .e3-dual {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  border: 1px solid rgba(17, 22, 23, .12)
}

main .e3-dual .statement {
  padding: 42px;
  background: #082f31;
  color: #fff
}

main .e3-dual .statement h3 {
  margin: 165px 0 18px;
  font-size: clamp(38px, 4.1vw, 64px);
  line-height: .94;
  letter-spacing: -.055em;
  font-weight: 400
}

main .e3-dual .statement p {
  font-size: 11px;
  line-height: 1.75;
  color: #b7c7c8
}

main .e3-dual .items {
  display: grid;
  grid-template-columns: 1fr 1fr
}

main .e3-dual .items article {
  padding: 27px;
  border-right: 1px solid rgba(17, 22, 23, .12);
  border-bottom: 1px solid rgba(17, 22, 23, .12);
  min-height: 245px
}

main .e3-dual .items strong {
  display: block;
  margin: 95px 0 12px;
  font-size: 20px;
  font-weight: 400
}

main .e3-dual .items p {
  font-size: 9px;
  line-height: 1.62;
  color: #687a7c
}

main .e3-portfolio {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  border-top: 1px solid rgba(17, 22, 23, .12);
  border-left: 1px solid rgba(17, 22, 23, .12)
}

main .e3-portfolio article {
  padding: 28px;
  border-right: 1px solid rgba(17, 22, 23, .12);
  border-bottom: 1px solid rgba(17, 22, 23, .12);
  min-height: 270px
}

main .e3-portfolio article:nth-child(1) {
  grid-column: span 7
}

main .e3-portfolio article:nth-child(2) {
  grid-column: span 5;
  background: #edf4f4
}

main .e3-portfolio article:nth-child(3) {
  grid-column: span 4
}

main .e3-portfolio article:nth-child(4) {
  grid-column: span 4;
  background: #082f31;
  color: #fff
}

main .e3-portfolio article:nth-child(5) {
  grid-column: span 4
}

main .e3-portfolio h3 {
  margin: 95px 0 14px;
  font-size: 24px;
  line-height: 1.02;
  font-weight: 400;
  letter-spacing: -.04em
}

main .e3-portfolio p {
  font-size: 9px;
  line-height: 1.65;
  color: #687a7c
}

main .e3-portfolio article:nth-child(4) p {
  color: #b7c7c8
}

main .e3-confidential {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  background: #082f31;
  color: #fff
}

main .e3-confidential .copy {
  padding: 72px 40px
}

main .e3-confidential .copy h2 {
  margin: 22px 0 26px;
  font-size: clamp(46px, 5vw, 76px);
  line-height: .92;
  letter-spacing: -.058em;
  font-weight: 400
}

main .e3-confidential .copy p {
  font-size: 11px;
  line-height: 1.75;
  color: #b7c7c8
}

main .e3-confidential .rules {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-left: 1px solid rgba(255, 255, 255, .13)
}

main .e3-confidential .rules article {
  padding: 28px;
  border-right: 1px solid rgba(255, 255, 255, .13);
  border-bottom: 1px solid rgba(255, 255, 255, .13);
  min-height: 240px
}

main .e3-confidential .rules strong {
  display: block;
  margin: 95px 0 12px;
  font-size: 19px;
  font-weight: 400
}

main .e3-confidential .rules p {
  font-size: 9px;
  line-height: 1.63;
  color: #afc0c1
}

main .e3-review2 {
  padding: 120px 38px;
  border-top: 1px solid rgba(17, 22, 23, .12);
  background: #fff
}

main .e3-review2 h2 {
  margin: 18px 0 48px;
  max-width: 1080px;
  font-size: clamp(42px, 4.8vw, 72px);
  line-height: .93;
  letter-spacing: -.052em;
  font-weight: 400
}

main .e3-review2-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid rgba(17, 22, 23, .12);
  border-left: 1px solid rgba(17, 22, 23, .12)
}

main .e3-review2-grid article {
  padding: 25px;
  border-right: 1px solid rgba(17, 22, 23, .12);
  border-bottom: 1px solid rgba(17, 22, 23, .12);
  min-height: 300px
}

main .e3-review2-grid article:nth-child(even) {
  background: #edf4f4
}

main .e3-review2-grid strong {
  display: block;
  margin: 105px 0 14px;
  font-size: 20px;
  font-weight: 400
}

main .e3-review2-grid p {
  font-size: 9px;
  line-height: 1.7;
  color: #65787a
}

@media(max-width: 1000px) {
  main .e3-stakeholders {
    grid-template-columns: 1fr 1fr
  }
  main .e3-dual, main .e3-confidential {
    grid-template-columns: 1fr
  }
  main .e3-portfolio {
    grid-template-columns: 1fr
  }
  main .e3-portfolio article {
    grid-column: auto!important
  }
  main .e3-review2-grid {
    grid-template-columns: 1fr 1fr
  }
}

@media(max-width: 700px) {
  main .e3-stakeholders, main .e3-dual .items, main .e3-confidential .rules, main .e3-review2-grid {
    grid-template-columns: 1fr
  }
  main .e3-rail article {
    grid-template-columns: 1fr
  }
  main .e3-rail .left {
    border-right: 0;
    border-bottom: 1px solid rgba(17, 22, 23, .12)
  }
  main .e3-review2 {
    padding-left: 20px;
    padding-right: 20px
  }
}