/* About-only repairs; reuse the approved enquiry banner's tokens and layout. */
.about-skip { position: absolute; left: 20px; top: -80px; z-index: 10001; padding: 12px 20px; background: var(--heading); color: #fff; }
.about-skip:focus { top: 12px; }
.about-director-grid { display: grid; grid-template-columns: minmax(0, 320px) minmax(0, 1fr); align-items: center; gap: var(--g5-space-12, 48px); }
.about-director-portrait { margin: 0; }
.about-director-portrait img { display: block; width: 100%; height: auto; border-radius: var(--g5-space-6, 24px); }
.about-director-copy { min-width: 0; }
.about-director-copy h3 { margin: 0 0 var(--g5-space-2, 8px); color: var(--heading); font-size: var(--g5-type-20, 20px); font-weight: 600; line-height: 1.3; }
.about-director-copy .about-director-role { margin-bottom: var(--g5-space-6, 24px); }
#about-enquiry { padding-block: var(--g5-space-12, 48px); background: var(--g5-color-stone, #F2F0EB); color: var(--heading); }
#about-enquiry .wrap { display: flex; align-items: center; justify-content: space-between; gap: var(--g5-space-12, 48px); }
#about-enquiry .wrap > div { min-width: 0; }
#about-enquiry h2 { color: var(--heading); margin: 0 0 var(--g5-space-4, 16px); }
#about-enquiry p { color: var(--text); margin: 0; max-width: 750px; }
#about-enquiry .btn { flex: none; width: 250px; max-width: 100%; padding: 14px 20px; color: var(--heading); text-align: center; }
@media (max-width: 1100px) {
  #about-enquiry .wrap { flex-direction: column; align-items: flex-start; gap: var(--g5-space-6, 24px); }
}
@media (max-width: 700px) {
  .about-director-grid { grid-template-columns: minmax(0, 1fr); gap: var(--g5-space-6, 24px); }
  .about-director-portrait { width: min(100%, 320px); }
}