/* About section: navy, white and gold, isolated from the other sections. */
.about-refresh { color: #1f3a5f; background: #fff; }
.profile-heading { margin-bottom: 42px; }
.profile-eyebrow { color: #805014; font-size: 10px; font-weight: 700; letter-spacing: 2px; margin: 0 0 18px; line-height: 1.7; }
.profile-eyebrow::before { content: ''; display: inline-block; width: 28px; height: 2px; background: #e8a33d; margin-right: 12px; vertical-align: middle; }
.profile-heading h2 { font: 700 clamp(32px, 4vw, 52px)/1.15 Arial, Helvetica, sans-serif; letter-spacing: -1.8px; margin: 0; }
.profile-heading h2 span { color: #69788b; font-weight: 400; }
.profile-grid { display: grid; grid-template-columns: 1fr 1.12fr; gap: clamp(32px, 6vw, 84px); align-items: stretch; }
.profile-grid > * { min-width: 0; }
.profile-story { display: flex; flex-direction: column; }
.profile-photo { position: relative; flex: 1; min-height: 320px; margin: 0 0 26px; overflow: hidden; border-radius: 6px 64px 6px 6px; background: #1f3a5f; }
.profile-photo::after { display: none; }
.profile-photo img { position: absolute; inset: -2%; display: block; width: 104%; height: 104%; max-width: none; object-fit: cover; object-position: center 55%; }
.profile-photo figcaption { position: absolute; bottom: 25px; left: 28px; right: 20px; z-index: 1; display: block; padding: 0; }
.profile-photo figcaption span { display: block; font-size: 9px; letter-spacing: 1.5px; color: #ffd494; margin-bottom: 10px; }
.profile-photo figcaption strong { font-size: 21px; font-weight: 500; line-height: 1.35; color: #fff; }
.profile-bio { font-size: 14px; line-height: 1.9; color: #5d6b7c; margin: 0 0 24px; }
.profile-bio strong { color: #1f3a5f; font-weight: 600; }
.profile-mission { display: flex; gap: 18px; padding: 23px; background: #fff7e9; border-left: 3px solid #e8a33d; border-radius: 0 5px 5px 0; }
.profile-mission-icon { font-size: 30px; line-height: 1; color: #805014; }
.profile-mission p { font-size: 9px; letter-spacing: 1.7px; color: #805014; font-weight: 700; margin: 0 0 8px; }
.profile-mission h3 { font-size: 19px; font-weight: 500; line-height: 1.45; margin: 0; }
.profile-background { background: #f5f7fa; border: 1px solid #e3e8ef; border-radius: 8px; padding: 28px 30px; }
.profile-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 5px; background: #e8edf3; border-radius: 5px; margin-bottom: 30px; }
.profile-tabs[hidden] { display: none; }
.profile-tabs button { display: flex; justify-content: space-between; align-items: center; border: 0; background: transparent; color: #56677d; border-radius: 3px; padding: 14px 18px; font-size: 13px; font-weight: 600; }
.profile-tabs button[aria-selected="true"] { background: #1f3a5f; color: #fff; box-shadow: 0 3px 8px #1f3a5f15; }
.profile-tabs button span { color: #e8a33d; font-size: 18px; }
.about-refresh button:focus-visible, .about-refresh summary:focus-visible, .profile-panel:focus-visible { outline: 2px solid #1f3a5f; outline-offset: 4px; }
.profile-detail > summary { display: flex; justify-content: space-between; cursor: pointer; padding: 18px 0; font-size: 16px; font-weight: 600; list-style: none; border-bottom: 1px solid #dae1ea; }
.profile-detail > summary::-webkit-details-marker { display: none; }
.profile-detail > summary span { color: #805014; font-size: 22px; }
.profile-detail[open] > summary span { transform: rotate(45deg); }
.profile-panel { padding-top: 24px; }
.profile-panel-label { color: #68778a; font-size: 9px; letter-spacing: 1.3px; line-height: 1.7; margin: 0 0 28px; }
.profile-timeline { list-style: none; padding: 0 0 0 22px; margin: 0 0 0 5px; border-left: 1px solid #d8b678; }
.profile-timeline li { position: relative; padding: 0 0 29px 6px; }
.profile-timeline li:last-child { padding-bottom: 0; }
.profile-timeline li::before { content: ''; position: absolute; top: 4px; left: -28px; width: 11px; height: 11px; border: 3px solid #f5f7fa; border-radius: 50%; background: #e8a33d; box-shadow: 0 0 0 1px #e8a33d; }
.profile-timeline time { display: block; font-size: 10px; font-weight: 700; letter-spacing: 1px; color: #805014; margin-bottom: 8px; }
.profile-timeline h3, .profile-education h3 { font-size: 18px; line-height: 1.35; font-weight: 600; margin: 0 0 8px; color: #1f3a5f; }
.profile-timeline p, .profile-education p { font-size: 13px; line-height: 1.8; margin: 0; color: #5d6b7c; }
.profile-education { list-style: none; padding: 0; margin: 0; }
.profile-education li { display: flex; align-items: flex-start; gap: 16px; padding: 25px 0; border-bottom: 1px solid #dfe5ed; }
.profile-education li:first-child { padding-top: 0; }
.profile-education li:last-child { border-bottom: 0; }
.profile-degree-icon { display: grid; place-items: center; width: 44px; height: 44px; flex-shrink: 0; background: #fff0d8; border-radius: 6px; color: #805014; }
.profile-degree-icon svg { width: 26px; height: 26px; }
.profile-footnote { border-top: 1px solid #dfe5ed; padding-top: 22px; margin: 26px 0 0; font-size: 11px; color: #68778a; }
@media(min-width: 768px) {
  .profile-background.is-tabbed .profile-detail > summary { display: none; }
  .profile-background.is-tabbed .profile-panel { padding-top: 0; }
  .profile-background.is-tabbed .profile-detail:not([open]) { display: none; }
  .profile-background.is-tabbed .profile-panel { min-height: 480px; }
}
@media(max-width: 767px) {
  .profile-grid { grid-template-columns: 1fr; gap: 30px; }
  .profile-photo { flex: none; min-height: 0; aspect-ratio: 1 / 1; }
  .profile-heading { margin-bottom: 28px; }
  .profile-heading h2 { letter-spacing: -1px; }
  .profile-background { padding: 12px 23px 24px; }
  .profile-panel { padding-bottom: 22px; }
  .profile-eyebrow { font-size: 9px; letter-spacing: 1.3px; }
}

/* Larger, easier-to-read biography. */
.profile-bio { font-size: 16px; line-height: 1.85; }
@media(max-width: 767px) { .profile-bio { font-size: 15px; } }