/* CD1: the work-led creative-direction system adapted for a bounded project sprint. */

.studio-sprint-cd1 .sprint-cd1-hero h1 {
  max-width: 8.4ch;
  font-size: clamp(56px, 5.55vw, 86px);
}

.studio-sprint-cd1 .sprint-cd1-hero .direction-value {
  max-width: 520px;
}

.studio-sprint-cd1 .direction-workwall figure:first-child img {
  object-position: center;
}

.studio-sprint-cd1 .direction-workwall figure:nth-child(2) img {
  object-position: center;
}

.studio-sprint-cd1 .direction-workwall figure:nth-child(3) img {
  object-position: center;
}

.studio-sprint-cd1 .sprint-cd1-pass {
  background: var(--direction-warm-gradient);
}

.studio-sprint-cd1 .sprint-cd1-pass .direction-pass__role {
  color: var(--direction-accent-ink);
}

.studio-sprint-cd1 .sprint-cd1-pass .direction-pass__person {
  color: var(--direction-pink);
}

.studio-sprint-cd1 .sprint-projects .direction-section__head h2 {
  max-width: 1020px;
}

.sprint-cd1-steps li {
  padding-block: 23px;
}

.studio-sprint-cd1 .direction-role-intro,
.studio-sprint-cd1 .direction-steps,
.studio-sprint-cd1 .direction-section__head > * {
  min-width: 0;
}

.studio-sprint-cd1 .sprint-monthly-route {
  grid-column: 1 / -1;
  width: 100%;
  background: var(--direction-cyan);
}

.studio-sprint-cd1 .direction-fit h2 {
  max-width: 690px;
}

@media (max-width: 1100px) {
  .studio-sprint-cd1 .sprint-cd1-hero h1 {
    max-width: 9.4ch;
    font-size: clamp(66px, 8.5vw, 92px);
  }
}

@media (max-width: 760px) {
  .studio-sprint-cd1 .sprint-cd1-hero h1 {
    max-width: 100%;
    font-size: clamp(49px, 14.5vw, 65px);
  }

  .studio-sprint-cd1 .direction-section__head h2,
  .studio-sprint-cd1 .direction-role-intro h2,
  .studio-sprint-cd1 .direction-fit h2,
  .studio-sprint-cd1 .direction-faq-section h2 {
    font-size: clamp(42px, 11.2vw, 56px);
  }

  .studio-sprint-cd1 .direction-closing h2 {
    font-size: clamp(48px, 14vw, 68px);
  }

}