.engagement {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 8vw;
  margin-top: 40px;
  padding: 70px;
  background: var(--ink);
  color: var(--cream);
}

.engagement-intro {
  align-self: start;
  position: sticky;
  top: 40px;
}

.engagement-intro .eyebrow {
  margin: 0 0 28px;
  color: var(--gold);
}

.engagement-intro h3 {
  margin: 0 0 28px;
  font-family: Italiana, serif;
  font-size: clamp(40px, 4.5vw, 70px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.03em;
}

.engagement-intro > p:last-child {
  max-width: 520px;
  margin: 0;
  color: #bcb5aa;
  font-size: 15px;
  line-height: 1.75;
}

.engagement-stages {
  margin: 0;
  padding: 0;
  list-style: none;
}

.engagement-stages li {
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 18px;
  padding: 22px 0;
  border-top: 1px solid #ffffff24;
}

.engagement-stages li:last-child {
  border-bottom: 1px solid #ffffff24;
}

.engagement-stages span {
  color: var(--gold);
  font-size: 10px;
  letter-spacing: .15em;
}

.engagement-stages strong {
  display: block;
  color: var(--cream);
  font-family: Italiana, serif;
  font-size: 25px;
  font-weight: 400;
}

.engagement-stages p {
  margin: 8px 0 0;
  color: #a8a198;
  font-size: 12px;
  line-height: 1.55;
}

.project-management {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  gap: 8vw;
  margin-top: 34px;
  padding-top: 64px;
  border-top: 1px solid #ffffff3d;
}
.deliverables {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr);
  column-gap: clamp(36px, 7vw, 110px);
  padding: clamp(42px, 6vw, 78px) 0;
  border-top: 1px solid #ffffff3d;
}
.deliverables-heading .eyebrow { color: var(--gold); }
.deliverables-heading h3 {
  margin: 18px 0 0;
  font-family: Italiana, serif;
  font-size: clamp(34px, 4vw, 60px);
  font-weight: 400;
  line-height: 1.03;
}
.deliverables-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  border-top: 1px solid #ffffff24;
}
.deliverables-list article {
  padding: 22px 22px 24px 0;
  border-bottom: 1px solid #ffffff24;
}
.deliverables-list article:nth-child(even) { padding-left: 22px; border-left: 1px solid #ffffff24; }
.deliverables-list span {
  color: var(--gold);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .14em;
}
.deliverables-list h4 { margin: 18px 0 8px; font-size: 15px; font-weight: 600; }
.deliverables-list p { margin: 0; color: #a8a198; font-size: 13px; line-height: 1.6; }
.deliverables-note {
  grid-column: 2;
  margin: 18px 0 0;
  color: #8f887f;
  font-size: 11px;
  line-height: 1.6;
}

.management-heading .eyebrow {
  margin: 0 0 24px;
  color: var(--gold);
}

.management-heading h3 {
  margin: 0 0 24px;
  font-family: Italiana, serif;
  font-size: clamp(36px, 4vw, 62px);
  font-weight: 400;
  line-height: 1;
}

.management-heading > p:last-child {
  max-width: 500px;
  margin: 0;
  color: #bcb5aa;
  font-size: 14px;
  line-height: 1.7;
}

.management-steps {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 34px 30px;
}

.management-steps article {
  padding-top: 18px;
  border-top: 1px solid #ffffff24;
}

.management-steps span {
  color: var(--gold);
  font-size: 9px;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.management-steps h4 {
  margin: 16px 0 9px;
  color: var(--cream);
  font-family: Italiana, serif;
  font-size: 24px;
  font-weight: 400;
}

.management-steps p {
  margin: 0;
  color: #a8a198;
  font-size: 12px;
  line-height: 1.6;
}

@media (max-width: 850px) {
  .engagement {
    grid-template-columns: 1fr;
    gap: 55px;
    padding: 50px 36px;
  }

  .engagement-intro {
    position: static;
  }

  .project-management {
    grid-template-columns: 1fr;
    gap: 48px;
  }
  .deliverables { grid-template-columns: 1fr; row-gap: 34px; }
  .deliverables-note { grid-column: 1; }
}

@media (max-width: 520px) {
  .engagement {
    margin-inline: -1vw;
    padding: 42px 24px;
  }

  .management-steps {
    grid-template-columns: 1fr;
  }
  .deliverables-list { grid-template-columns: 1fr; }
  .deliverables-list article:nth-child(even) { padding-left: 0; border-left: 0; }
}