/* Personal overview cards and closing area only. */
.personal-page .gallery .project-purpose{max-width:none;width:100%;text-wrap:pretty}
.personal-page .portfolio-closing{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(32px,4.4vw,64px);align-items:start;width:100%;margin:32px auto 0;padding:24px 0;border-top:1px solid var(--border)}
.personal-page .portfolio-closing > .implementation-approach,
.personal-page .portfolio-closing > .personal-contact{min-width:0;width:100%;max-width:780px;margin:0 auto;padding:0;border:0;text-align:center}
.personal-page .portfolio-closing > .personal-contact{max-width:640px}
.personal-page .portfolio-closing > .personal-contact h2{font-size:24px;line-height:1.3;margin:0 0 10px;text-wrap:pretty}
.personal-page .portfolio-closing > .personal-contact > p{max-width:none;margin:0 0 10px;text-wrap:pretty}
@media(max-width:850px){
  .personal-page .portfolio-closing{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:28px;padding:20px 0}
  .personal-page .portfolio-closing > .personal-contact h2{font-size:22px}
}