/* About page styles. */
.profile{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:72px;align-items:center}
.profile img{aspect-ratio:4/4.6;object-position:top}
.role{font-weight:600;color:var(--steel);margin:10px 0 22px}
.profile .lead+.lead{margin-top:16px}
.about-links{list-style:none;padding:0;display:grid;gap:10px;margin-top:28px}
.about-links a{word-break:break-word}
.areas .card{border-top:4px solid var(--orange)}
@media (max-width:1000px){
  .profile{grid-template-columns:1fr;gap:48px}
  .profile .media-frame{max-width:380px}
}