/* Penn: the typography carries the change in thinking. */
body.design-combined #formationStory .penn-story { gap: 0; }
.penn-story-opening { max-width: 58ch; }
/* Three equal editorial cards; the drawings express the ideas, not decoration. */
.penn-insights { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 32px calc(var(--portfolio-inset) * -.5) 0; }
.penn-insight { position: relative; min-width: 0; padding: 22px 20px 26px; border: 1px solid #e0eaf1; border-radius: 18px; background: #f8fafc; transition: border-color .3s ease, box-shadow .3s ease, background .3s ease; }
.penn-number { display:block; font:500 11px/1.5 'Poppins',sans-serif; letter-spacing:.12em; color:#6e8497; }
.penn-card-art { display:block; width:100%; height:auto; aspect-ratio:260/150; margin:18px auto 20px; overflow:visible; }
.penn-shift { display:flex; flex-wrap:wrap; align-content:start; align-items:baseline; gap:3px 7px; min-height:64px; margin:0 0 18px; padding-bottom:16px; position:relative; font:500 15px/1.45 'Poppins',sans-serif; letter-spacing:-.025em; color:#71808e; }
.penn-shift::after { content:''; position:absolute; bottom:0; left:0; width:28px; height:1px; background:#d9e4ec; }
.penn-shift-arrow { display:inline-block; color:#008bea; }
.penn-shift-to { color:#087fd0; font-weight:600; }
body.design-combined #aboutScroll .penn-story .penn-insight p { max-width:none; margin:0; font-size:14px; line-height:1.75; letter-spacing:-.01em; }
body.design-combined #aboutScroll .penn-story .penn-insight p.penn-premise { color:#576571; margin-bottom:18px; }
body.design-combined #aboutScroll .penn-story .penn-insight p.penn-realization { color:#465560; }
.penn-highlight,.penn-connected { display:inline; font-weight:600; color:#243744; background:none; box-shadow:none; }
@media (hover:hover) and (pointer:fine) {
  .penn-insight:hover { border-color:#a9d7f2; background:#f5faff; box-shadow:0 12px 30px #264d7410; }
}
.penn-question { margin: 56px 0 16px; text-align: left; }
body.design-combined #aboutScroll .penn-question p.penn-question-intro { max-width: 48ch; margin: 0 0 22px; }
body.design-combined #aboutScroll .penn-question p.penn-old-question,
body.design-combined #aboutScroll .penn-question p.penn-new-question {
  max-width: 38ch;
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-size: clamp(21px, 1.65vw, 25px);
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -.025em;
}
body.design-combined #aboutScroll .penn-question p.penn-old-question { margin-bottom: 16px; color: #66717a; font-weight: 400; }
body.design-combined #aboutScroll .penn-question p.penn-new-question { color: #242a30; }
.penn-question-label,
.penn-but {
  display: inline;
  margin: 0 6px 0 0;
  font: inherit;
  font-weight: 400;
  letter-spacing: inherit;
  text-transform: none;
  color: #66717a;
}
.penn-old-phrase { position: relative; }
.penn-strike { position: absolute; left: 0; right: 0; top: 54%; height: 1px; background: #0099fd; transform-origin: left center; pointer-events: none; }
.penn-possible { color: #0099fd; font-weight: 500; font-style: normal; }
.penn-possible svg { display: none; }
@media (prefers-reduced-motion:reduce) {
  .penn-insight { --ink: 1 !important; }
  .penn-story [style] { opacity: 1 !important; transform: none !important; }
  .penn-possible path { stroke-dasharray: none !important; stroke-dashoffset: 0 !important; }
}

@media (max-width: 999px) {
  .penn-insights { grid-template-columns: minmax(0,1fr); margin:28px 0 0; gap:18px; }
  .penn-insight { padding:24px; }
  .penn-card-art { max-width:260px; margin-block:12px 20px; }
  .penn-shift { min-height:0; font-size:17px; }
  body.design-combined #aboutScroll .penn-story .penn-insight p { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
  .penn-insight { transition:none; }
  .penn-diagram-draw { stroke-dasharray:none !important; stroke-dashoffset:0 !important; }
}

@media (min-width:1000px) {
  body.design-combined #aboutScroll .penn-story .penn-insight p.penn-premise { min-height:73.5px; }
}