/* About-only leadership layout: the cream, chocolate and copper brand palette. */
.about-refresh { background: #fbf8f3; color: #3b2114; }
.about-refresh .about-page { width: min(1120px, calc(100% - 48px)); padding: 144px 0 56px; }
.about-refresh .about-intro { max-width: 760px; margin-bottom: 36px; }
.about-refresh .about-intro .eyebrow,
.about-refresh .about-role { color: #a74712; font-size: .875rem; font-weight: 700; letter-spacing: .08em; line-height: 1.5; text-transform: uppercase; }
.about-refresh .about-intro h1 { max-width: 17ch; margin: 12px 0 18px; color: #3b2114; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(2.5rem, 5.4vw, 4.3rem); font-weight: 500; line-height: 1.04; letter-spacing: -.045em; }
.about-refresh .about-intro .price-lede { max-width: 66ch; margin: 0; color: #73523f; font-size: 1rem; line-height: 1.7; }
.about-refresh #team { scroll-margin-top: 104px; }
.about-refresh .about-team > h2 { margin: 0 0 18px; color: #4a2918; font-size: 1rem; font-weight: 600; letter-spacing: 0; }
.about-team-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.about-profile { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #e7c6ad; border-radius: 22px; background: #fffdf9; }
.about-portrait { flex: none; margin: 0; aspect-ratio: 4 / 3; overflow: hidden; background: #f2e5d5; }
.about-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.about-profile-copy { flex: 1; padding: 24px; }
.about-profile .about-role { min-height: 3em; margin: 0 0 9px; }
.about-refresh .about-profile h3 { margin: 0 0 12px; color: #3b2114; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.6rem, 2.5vw, 2rem); font-weight: 500; letter-spacing: -.035em; line-height: 1.1; }
.about-refresh .about-profile p { margin: 0; color: #70503c; font-size: .9375rem; line-height: 1.65; }
.about-refresh .about-profile .about-role { margin-bottom: 9px; color: #a74712; font-size: .875rem; line-height: 1.5; }
.about-refresh .about-profile .about-credential { margin: 0 0 12px; color: #4b2b19; font-size: .875rem; font-weight: 600; line-height: 1.5; }
.about-profile-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
.about-refresh .about-profile .about-profile-heading h3 { margin: 0; }
.about-profile .about-bio-link { display: inline; color: #9d4313; font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.about-profile .about-social-link { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 44px; width: 44px; height: 44px; border: 1px solid #e7c6ad; border-radius: 50%; color: #9d4313; text-decoration: none; }
.about-profile .about-social-link svg { display: block; }
.about-profile .about-social-link:hover { background: #f4e5d4; border-color: #9d4313; }
.about-profile .about-bio-link:hover { color: #632d10; }
.about-refresh .about-specialists { margin-top: 32px; scroll-margin-top: 104px; }
.about-refresh .about-specialists > h2 { margin: 0 0 18px; color: #4a2918; font-size: 1rem; font-weight: 600; letter-spacing: 0; }
.about-advisors-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.about-specialist { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #e7c6ad; border-radius: 18px; background: #fffdf9; }
.about-specialist-portrait { flex: none; margin: 0; aspect-ratio: 4 / 3; overflow: hidden; background: linear-gradient(135deg, #f7ede1, #ead6c0); }
.about-specialist-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.about-specialist-copy { flex: 1; padding: 20px; }
.about-refresh .about-specialist h3 { margin: 0 0 8px; color: #3b2114; font-family: Georgia, 'Times New Roman', serif; font-size: 1.65rem; font-weight: 500; letter-spacing: -.035em; line-height: 1.15; }
.about-refresh .about-specialist p { margin: 0; color: #73523f; font-size: .875rem; line-height: 1.5; overflow-wrap: break-word; }
.about-refresh .about-specialist .about-specialist-role { color: #4b2b19; font-weight: 600; }
.about-refresh .about-specialist .about-specialist-affiliation { margin-top: 8px; }
.about-team-grid:has(.about-biography[open]),
.about-advisors-grid:has(.about-biography[open]) { align-items: start; }
.about-biography { grid-column: 1 / -1; min-width: 0; margin: 0 24px 12px; border-top: 1px solid #e7c6ad; }
.about-specialist .about-biography { margin-right: 20px; margin-left: 20px; }
.about-biography summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; list-style: none; padding: 14px 0; min-height: 44px; color: #9d4313; font-size: .9375rem; font-weight: 600; line-height: 1.5; cursor: pointer; }
.about-biography summary::-webkit-details-marker { display: none; }
.about-biography summary::marker { content: ""; }
.about-biography summary::after { content: "+"; flex: none; font-size: 1.25rem; font-weight: 400; }
.about-biography[open] > summary::after { content: "−"; }
.about-biography summary:hover { color: #632d10; }
.about-biography summary:focus-visible { outline: 3px solid #ab4d18; outline-offset: 3px; border-radius: 3px; }
.about-biography-content { padding: 0 0 8px; }
.about-refresh .about-biography-content p { margin: 0 0 12px; font-size: .9375rem; line-height: 1.65; }
.about-refresh .about-biography-content p:last-child { margin-bottom: 0; }
.about-refresh .about-biography-sources { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding-top: 4px; }
.about-biography-sources a { display: inline-flex; align-items: center; min-height: 44px; color: #9d4313; font-size: .875rem; line-height: 1.5; text-decoration: underline; text-underline-offset: 3px; }
.about-refresh .about-editorial { gap: 40px; margin-top: 38px; }
.about-refresh .about-section { padding: 26px 0 0; border-color: #e7c6ad; }
.about-refresh .about-section h2 { margin: 0 0 14px; color: #3b2114; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.5rem, 2.5vw, 1.9rem); font-weight: 500; line-height: 1.15; letter-spacing: -.035em; }
.about-refresh .about-section p { margin: 0 0 12px; color: #73523f; font-size: .9375rem; line-height: 1.7; }
.about-refresh .about-section a { display: inline-flex; align-items: center; min-height: 44px; color: #9d4313; }
.about-refresh .about-next { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 28px; padding-top: 28px; border-top: 1px solid #e7c6ad; }
.about-refresh .about-next h2 { margin: 0; color: #3b2114; font-family: Georgia, 'Times New Roman', serif; font-size: 1.7rem; font-weight: 500; letter-spacing: -.035em; }
.about-refresh .about-next .price-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.about-refresh .about-next .button { min-height: 48px; padding: 12px 20px; border: 1px solid #dcb494; border-radius: 999px; color: #492616; font-size: .9375rem; line-height: 1.4; text-align: center; text-decoration: none; }
.about-refresh .about-next .button.primary { border-color: #f58220; background: #f58220; color: #321b0e; }
.about-refresh .about-next .button.ghost { background: transparent; }
.about-refresh .about-page a:focus-visible { outline: 3px solid #ab4d18; outline-offset: 4px; }
@media (max-width: 900px) {
  .about-team-grid { gap: 14px; }
  .about-profile-copy { padding: 20px; }
  .about-biography { margin-right: 20px; margin-left: 20px; }
  .about-advisors-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
}
@media (max-width: 760px) {
  .about-refresh .about-page { width: calc(100% - 36px); padding-top: 128px; padding-bottom: 40px; }
  .about-refresh .about-intro { margin-bottom: 28px; }
  .about-refresh .about-intro h1 { font-size: clamp(2.6rem, 8vw, 3.5rem); }
  .about-team-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .about-profile { display: grid; grid-template-columns: minmax(110px, 32%) minmax(0, 1fr); border-radius: 18px; }
  .about-portrait { aspect-ratio: auto; height: 100%; min-height: 230px; }
  .about-portrait img { object-position: center top; }
  .about-portrait img[src$="dino-goh-portrait.jpg"] { object-position: 60% top; }
  .about-profile-copy { align-self: center; padding: 22px; }
  .about-profile .about-role { min-height: 0; }
  .about-refresh .about-profile h3 { font-size: 1.75rem; }
  .about-refresh .about-editorial { gap: 24px; margin-top: 28px; }
  .about-refresh .about-next { align-items: flex-start; flex-direction: column; gap: 18px; }
}
@media (max-width: 520px) {
  .about-refresh .about-page { width: calc(100% - 32px); padding-top: 116px; }
  .about-refresh .about-intro h1 { font-size: clamp(2.3rem, 10vw, 3rem); }
  .about-refresh .about-intro .price-lede { font-size: .94rem; }
  .about-profile { grid-template-columns: minmax(96px, 31%) minmax(0, 1fr); }
  .about-profile-copy { padding: 18px 16px; }
  .about-refresh .about-profile h3 { font-size: 1.4rem; margin-bottom: 9px; }
  .about-refresh .about-profile p { font-size: .9375rem; line-height: 1.55; }
  .about-refresh .about-profile .about-role { font-size: .875rem; letter-spacing: .07em; }
  .about-refresh .about-profile .about-credential { font-size: .875rem; margin-bottom: 10px; }
  .about-refresh .about-next .price-actions { width: 100%; flex-direction: column; }
  .about-refresh .about-next .button { width: 100%; }
  .about-refresh .about-specialists { margin-top: 26px; }
  .about-advisors-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .about-specialist { display: grid; grid-template-columns: minmax(96px, 31%) minmax(0, 1fr); }
  .about-specialist-portrait { aspect-ratio: auto; height: 100%; min-height: 160px; }
  .about-specialist-copy { align-self: center; }
  .about-biography, .about-specialist .about-biography { margin: 0 16px 8px; }
  .about-refresh .about-biography-content p { font-size: .9375rem; line-height: 1.65; }
  .about-specialist { border-radius: 16px; }
  .about-specialist-copy { padding: 16px 13px; }
  .about-refresh .about-specialist h3 { margin-bottom: 7px; font-size: 1.35rem; }
  .about-refresh .about-specialist p { font-size: .875rem; line-height: 1.5; }
}