/* About-only profile layout. Shared navigation, footer and reading type remain. */
.about-profile { color: var(--ink); background: #fff; }
.about-profile p { font-size: 16px; line-height: 1.7; }
.about-profile h1 { font-size: 32px; line-height: 1.2; }
.about-profile h2 { font-size: 24px; line-height: 1.3; }
.about-profile h3 { font-size: 18px; line-height: 1.4; }
.about-profile .kicker { font-size: 12px; margin: 0 0 12px; }
.about-profile-hero { padding: 48px 0 44px; }
.about-profile-intro { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 64px; align-items: center; }
.about-profile-copy { min-width: 0; }
.about-profile-copy h1 { max-width: 600px; margin: 0 0 20px; }
.about-profile-copy p { margin: 0 0 16px; }
.about-profile-copy .about-profile-lead { font-size: 20px; font-weight: 600; color: var(--navy); }
.about-profile .about-hero-photo { grid-area: auto; align-self: center; min-width: 0; }
.about-profile .broker-portrait { margin: 0; border: 0; border-radius: 8px; overflow: hidden; }
.about-profile .broker-portrait img { display: block; width: 100%; height: auto; }
.about-profile-links a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--navy); text-decoration: underline; text-underline-offset: 4px; }
.about-profile-section { padding: 40px 0; border-top: 1px solid #dce3e9; }
.about-profile-section-head { max-width: 640px; margin-bottom: 28px; }
.about-profile-section-head h2 { margin: 0 0 12px; }
.about-profile-section-head p { margin: 0; }
.about-profile-standards { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 48px; }
.about-profile-standards li { border-top: 1px solid #dce3e9; padding-top: 16px; }
.about-profile-standards h3 { margin: 0 0 8px; }
.about-profile-standards p { margin: 0 0 6px; }
.about-profile-role-layout { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.7fr); gap: 56px; }
.about-profile-roles { list-style: none; padding: 0; margin: 0; }
.about-profile-roles li { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 24px; padding: 20px 0; border: 0; border-bottom: 1px solid #dce3e9; border-radius: 0; background: transparent; box-shadow: none; }
.about-profile-roles li:first-child { padding-top: 0; }
.about-profile-roles li:last-child { border: 0; padding-bottom: 0; }
.about-profile-roles h3 { margin: 0 0 6px; }
.about-profile-roles p { margin: 0 0 8px; }
.about-profile-roles .about-role-line { font-size: 14px; line-height: 1.55; color: #526271; font-weight: 400; }
.about-profile-roles .about-profile-authority, .about-profile-roles .about-role-note { font-size: 13px; line-height: 1.6; }
.about-profile .robo-mark-role { margin-bottom: 10px; }
.about-profile .about-contact { border-top: 1px solid #dce3e9; background: #edf4f9; padding: 40px 0; }
.about-profile .about-split { grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); gap: 64px; }
.about-profile .about-card { background: transparent; border: 0; border-left: 1px solid #c5d4df; border-radius: 0; padding: 0 0 0 32px; box-shadow: none; }
.about-profile .about-card-small { font-size: 13px; }
.about-profile :focus-visible { outline: 3px solid var(--color-focus); outline-offset: 4px; }
.about-anchor { position: absolute; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 1100px) {
  .about-profile-intro { grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); gap: 32px; }
  .about-profile-role-layout { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .about-profile-roles li { grid-template-columns: 220px minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .about-profile-intro { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .about-profile .about-hero-photo { width: 100%; max-width: 500px; margin: 0; }
  .about-profile .about-split { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .about-profile .about-card { padding: 24px 0 0; border-left: 0; border-top: 1px solid #c5d4df; }
}
@media (max-width: 600px) {
  .about-profile h1 { font-size: 26px; }
  .about-profile h2 { font-size: 22px; }
  .about-profile-hero { padding: 28px 0; }
  .about-profile-section { padding: 28px 0; }
  .about-profile-standards { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .about-profile-roles li { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .about-profile .about-contact { padding: 28px 0; }
}