.about-page {
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.7;
    color: var(--text-dark);
}

.about-page h1 {
    font-size: 2.2rem;
    margin-bottom: 20px;
    color: var(--text-dark);
}

.about-page h2 {
    margin-top: 40px;
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: var(--text-dark);
    border-bottom: 2px solid var(--gold);
    padding-bottom: 5px;
}

.about-page p {
    margin: 15px 0;
    color: var(--text-dark);
}

.about-image {
    float: right;
    width: 200px;
    height: auto;
    margin: 0 0 20px 30px;
    border-radius: 14px;
    box-shadow: var(--shadow-card);
}

.about-page ul {
    margin: 15px 0 15px 25px;
}

.about-page li {
    margin-bottom: 8px;
}

.about-page strong {
    color: var(--text-dark);
}

@media (max-width: 700px) {
    .about-image {
        float: none;
        display: block;
        margin: 0 auto 20px;
        max-width: 80%;
    }
}