.about-page { max-width: 980px; margin: 0 auto; padding: 0; }
.about-image { flex-shrink: 0; }
.profile-photo { background: var(--accent); display: block; height: 150px; object-fit: cover; width: 150px; }
.about-header { display: flex; }
.about-intro { flex: 1; }
.about-intro .social-links { display: flex; flex-wrap: wrap; gap: 1rem; }
.about-hero { background: var(--dark); color: var(--white); margin: 0 0 4rem; padding: clamp(2rem, 5vw, 4rem); }
.about-header { align-items: center; gap: 2.5rem; margin: 0; }
.avatar-placeholder { background: var(--accent); border-radius: 0; color: var(--accent-dark); height: 150px; width: 150px; }
.about-intro h1 { color: var(--white); font-family: var(--serif); font-size: clamp(2.5rem, 6vw, 5rem); letter-spacing: -0.06em; line-height: 0.95; }
.about-intro .tagline { color: var(--accent); font-size: 1rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; }
.about-intro .location { color: #b7c0ba; }
.about-intro .social-links a { border-bottom: 1px solid var(--accent); color: var(--white); }
.about-intro .social-links a:hover { background: var(--accent); color: var(--accent-dark); }
.about-section { border-top: 1px solid var(--rule); margin: 0 0 4rem; padding: 2rem 0 0; }
.about-section h2 { color: var(--ink); font-family: var(--serif); font-size: clamp(2rem, 4vw, 3.5rem); letter-spacing: -0.06em; line-height: 1; }
.about-section p, .about-section li { color: #4f5953; }
.about-section a { color: #617514; }
.timeline { border-left: 3px solid var(--ink); padding-left: 2rem; position: relative; }
.timeline-item { margin-bottom: 2.5rem; position: relative; }
.timeline-marker { background: var(--accent); border: 3px solid var(--paper); border-radius: 50%; box-shadow: 0 0 0 3px var(--rule); height: 1rem; left: -2.56rem; position: absolute; top: 0.3rem; width: 1rem; }
.timeline-content { padding-left: 1.5rem; }
.timeline-period { color: #617514; font-weight: 800; letter-spacing: 0.08em; }
.timeline-content h3 { font-family: var(--serif); font-size: 1.8rem; }
.timeline-content .position-title { color: #4f5953; font-weight: 700; }
.timeline-content ul { color: #4f5953; margin: 0.5rem 0 1rem 1.5rem; }
.timeline-content li { line-height: 1.6; margin-bottom: 0.5rem; }
.expertise-grid { display: grid; gap: 1px; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
.expertise-category { background: var(--white); border-top: 4px solid var(--ink); border-radius: 0; box-shadow: none; }
.expertise-category h3 { color: var(--ink); font-family: var(--serif); }
.expertise-category ul { margin: 0; padding-left: 1.2rem; }
.cta-section { background: var(--dark); border-top: 0; color: var(--white); padding: 2.5rem; }
.cta-section h2, .cta-section p { color: var(--white); }
.cta-section a { color: var(--accent); }
.language-switch { display: none; }

@media (max-width: 680px) {
  .about-header { align-items: flex-start; flex-direction: column; }
  .about-hero { margin-left: -20px; margin-right: -20px; }
  .avatar-placeholder { height: 100px; width: 100px; }
  .profile-photo { height: 100px; width: 100px; }
}