/* Shared reading rhythm and bounded title holds for About. */
body.design-combined {
  --about-title-inset: 36px;
  --about-reading-space: clamp(28px, 4vh, 48px);
  --about-body-size: 16px;
  --about-body-leading: 1.8;
  --about-body-color: #454b51;
}
body.about-language #portfolioTitle { width: 100%; }
body.about-language .design-mode-stage .portfolio-heading {
  position: relative;
  top: auto;
  height: auto;
  min-height: var(--portfolio-title-height);
  box-sizing: border-box;
  align-items: flex-start;
  padding-top: var(--about-title-inset);
  padding-bottom: 24px;
}
body.about-language .portfolio-heading::after,
body.design-combined .formation-header::after { display: none; }
body.design-combined #introLineStory { padding-top: var(--about-reading-space); }
body.design-combined #formationStory { padding-top: 0; }
body.design-combined .formation-header {
  position: relative;
  top: auto;
  padding: 8px 0 0;
  margin: 0 0 28px;
  z-index: 1;
}
body.about-language #portfolioTitle,
body.design-combined #aboutScroll .about-section-title {
  font-size: clamp(26px, 2vw, 34px);
  line-height: 1.25;
  font-weight: 600;
  letter-spacing: -.035em;
  color: #171b20;
}
body.design-combined #aboutPathTitle { margin: 0; }
body.design-combined #formationStory .formation-copy h3 {
  font-family: 'Poppins', sans-serif;
  font-size: clamp(20px, 1.5vw, 23px);
  line-height: 1.45;
  font-weight: 500;
  letter-spacing: -.025em;
  color: #242a30;
  max-width: 38ch;
  margin: 0 0 24px;
  text-wrap: pretty;
}
body.design-combined #aboutScroll p:not(.penn-note-index),
body.design-combined #aboutScroll #introLineStory p {
  font-family: 'Poppins', sans-serif;
  font-size: var(--about-body-size);
  line-height: var(--about-body-leading);
  font-weight: 400;
  letter-spacing: -.012em;
  color: var(--about-body-color);
  text-wrap: pretty;
}
body.design-combined #aboutScroll #introLineStory strong {
  color: #242a30;
  font-weight: 500;
}
body.design-combined #formationStory .formation-copy > p { max-width: 58ch; margin-bottom: 28px; }
body.design-combined #formationStory .formation-panel { gap: 32px; margin-bottom: 96px; }
body.design-combined #formationStory .formation-panel:last-child { margin-bottom: 0; }
body.design-combined #aboutScroll p:empty { display: none; }
@media (max-width: 700px) {
  body.design-combined { --about-title-inset: 64px; --about-reading-space: 88px; }
  body.about-language #portfolioTitle,
  body.design-combined #aboutScroll .about-section-title { font-size: clamp(23px, 5.5vw, 28px); }
  body.design-combined #formationStory .formation-copy h3 { font-size: 20px; }
  body.design-combined #formationStory .formation-panel { margin-bottom: 72px; }
}