.start-brief-intro {
  max-width: 760px;
  padding-top: clamp(34px, 7vh, 82px);
  animation: step-in .36s cubic-bezier(.22, 1, .36, 1) both;
}

.start-brief-intro[hidden] {
  display: none;
}

.start-brief-intro:focus {
  outline: none;
}

.start-brief-intro h2 {
  max-width: 720px;
  margin: 0;
  font-size: var(--type-section-size);
  font-weight: var(--weight-display);
  line-height: var(--type-section-line);
  letter-spacing: var(--tracking-display);
}

.start-brief-intro p {
  max-width: 650px;
  margin: clamp(28px, 4vh, 42px) 0 clamp(36px, 5vh, 52px);
  color: #5f5f59;
  font-size: var(--type-body-size);
  font-weight: var(--weight-body);
  line-height: var(--type-body-line);
}

@media (max-width: 820px) {
  .start-brief-intro {
    padding-top: 0;
  }
}

@media (max-width: 560px) {
  .start-brief-intro p {
    margin: 26px 0 36px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .start-brief-intro {
    animation: none;
  }
}