/* The brand story and experience mix; scoped to the two requested chapters. */
#story .story-copy .lead {
  text-wrap: balance;
}

#story .story-notes h3 {
  max-width: 18rem;
  text-wrap: balance;
}

#story .story-notes p {
  max-width: 22rem;
  font-size: 1rem;
}

#what-we-create .creation-copy h2 {
  font-size: clamp(2.5rem, 4.5vw, 4.5rem);
  line-height: 1.08;
}

#what-we-create .creation-visit {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  gap: clamp(2.5rem, 7vw, 7rem);
  margin-top: clamp(3.5rem, 7vw, 6rem);
  align-items: start;
}

#what-we-create .creation-visit-intro h3 {
  margin: 1.5rem 0;
  font-size: clamp(2.5rem, 4vw, 4rem);
  line-height: 1.12;
  letter-spacing: -.04em;
}

#what-we-create .creation-visit-intro h3 em {
  color: #8b723f;
}

#what-we-create .creation-visit-intro > p:last-child {
  max-width: 24rem;
  color: var(--paper-ink);
  font-size: 1rem;
  line-height: 1.75;
}

#what-we-create .creation-visit-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(25, 57, 44, .22);
}

#what-we-create .creation-visit-steps li {
  display: grid;
  grid-template-columns: 1.75rem minmax(0, 1fr) 1.25rem;
  gap: 1rem;
  align-items: baseline;
  padding: 1.5rem 0;
  border-bottom: 1px solid rgba(25, 57, 44, .22);
}

#what-we-create .creation-visit-steps h4 {
  margin: 0;
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(1.375rem, 1.85vw, 1.75rem);
  line-height: 1.3;
}

#what-we-create .creation-visit-steps p {
  margin-top: .5rem;
  color: var(--paper-ink);
  font-size: 1rem;
  line-height: 1.7;
}

#what-we-create .visit-arrow {
  color: #8b723f;
  font-size: 1.375rem;
}

@media (max-width: 850px) {
  #what-we-create .creation-intro {
    gap: 2rem;
  }

  #what-we-create .creation-visit {
    gap: 2.5rem;
  }
}

@media (max-width: 650px) {
  #what-we-create .creation-copy h2 {
    font-size: clamp(2.375rem, 10.15vw, 3.5rem);
  }

  #what-we-create .creation-visit {
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
  }

  #what-we-create .creation-visit-intro h3 {
    margin: 1.25rem 0;
  }

  #what-we-create .creation-visit-steps li {
    gap: .875rem;
    padding: 1.25rem 0;
  }
}