:root {
  --off-white: #faf9f7;
  --charcoal: #2d2d2d;
  --charcoal-dark: #1a1a1a;
  --accent: #b8866b;
  --accent-light: #d4a98a;
  --text-secondary: #6b6560;
  --text-light: #9a928a;
  --transition: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ===== Page Content ===== */
.section { max-width: 800px; margin: 0 auto; padding: 48px 20px; }
.section h2 { font-size: 1.2rem; font-weight: 500; color: var(--charcoal); margin-bottom: 24px; padding-bottom: 8px; border-bottom: 1px solid var(--accent); letter-spacing: 0.04em; }
.section h3 { font-size: 1rem; color: var(--accent); margin: 28px 0 12px; font-weight: 500; }
.profile-card { background: #fff; border-radius: 12px; padding: 32px; border: 1px solid #e8e3db; margin-bottom: 32px; cursor: default; }
.profile-card h2 { border: none; margin-bottom: 8px; font-size: 1.5rem; }
.profile-card .title { color: var(--accent); font-size: .9rem; margin-bottom: 16px; }
.credential-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; margin: 16px 0; }
.cred { background: #fff; border-left: 4px solid var(--accent); padding: 16px 20px; border-radius: 0 8px 8px 0; cursor: default; }
.cred h4 { font-size: .95rem; color: var(--charcoal); margin-bottom: 4px; font-weight: 500; }
.cred p { font-size: .83rem; color: var(--text-secondary); }
.cred .org { font-size: .75rem; color: var(--accent); margin-top: 4px; }
.philosophy { background: var(--charcoal-dark); color: #fff; border-radius: 12px; padding: 32px; margin: 24px 0; }
.philosophy h3 { color: var(--accent-light); margin-top: 0; }
.philosophy p { color: rgba(255,255,255,0.65); }
.family { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.family-member { background: #fff; border-radius: 8px; padding: 20px; border: 1px solid #e8e3db; cursor: default; }
.family-member h4 { color: var(--charcoal); }
.family-member .award { color: var(--accent); font-size: .85rem; }