.about-container {
    max-width: 900px;
    margin: 0 auto;
    background: #ffffff;
    padding: 40px 50px;
    border-radius: 8px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.08);
}
.about-container h1 { text-align: center; font-family: var(--heading-font); color: var(--primary-color); font-size: 2.8rem; margin-bottom: 15px; }
.about-container .intro-text { text-align: center; font-size: 1.2rem; color: #555; max-width: 700px; margin: 0 auto 40px auto; }
.bio-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-top: 40px;
}
.bio-card { text-align: center; }
.bio-image img { width: 100%; max-width: 250px; height: 250px; border-radius: 50%; object-fit: cover; border: 5px solid #fff; box-shadow: 0 4px 15px rgba(0,0,0,0.15); margin-bottom: 20px; }
.bio-card h2 { font-family: var(--heading-font); font-size: 2rem; color: var(--primary-color); margin-bottom: 10px; }
.bio-text { text-align: left; font-size: 1rem; line-height: 1.7; }
@media (max-width: 768px) {
    .bio-grid { grid-template-columns: 1fr; }
}