/* Section titles and their introductions form one editorial heading block.
   Keep the established words, type scale, colours and hero composition. */
.section-intro,
.experience-heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:22px;
  text-align:left;
}
.section-intro{margin-bottom:40px}
.section-intro>div,
.section-intro>p,
.experience-heading>p{
  width:100%;
  max-width:64ch;
  margin:0;
  padding-top:0;
  padding-bottom:0;
}
.section-intro p+p{margin-top:12px}
.experience-heading{padding-bottom:32px}
@media(max-width:760px){
  .section-intro,.experience-heading{gap:16px}
  .section-intro{margin-bottom:32px}
  .experience-heading{padding-bottom:26px}
  .section-intro>div,.section-intro>p,.experience-heading>p{max-width:100%}
  .section-intro p+p{margin-top:12px}
}