/* =========================================================
   ABOUT SECTION
   ========================================================= */

.about-inner {
    display: grid;
    grid-template-columns: 42% 58%;
    gap: var(--na-gap-lg);

    align-items: center;
}


/* =========================================================
   PHOTO
   ========================================================= */

.about-photo-wrap {
    display: flex;
    justify-content: center;
}

.about-photo {
    width: min(320px, 100%);
    aspect-ratio: 1 / 1;

    object-fit: cover;
    border-radius: 50%;

    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
}


/* =========================================================
   TEXT
   ========================================================= */

.about-text h2 {
    margin: 0 0 5px;
    font-size: 2rem;
}

.about-text h3 {
    margin: 0 0 10px;

    color: rgba(107, 114, 128, 0.7);

    font-size: 1.4rem;
    letter-spacing: 0.05rem;
}

.about-text p {
    max-width: 52ch;

    margin: 0 0 12px;

    font-size: 1.05rem;
    line-height: 1.6;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 768px) {
    .about-inner {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .about-text p {
        margin-left: auto;
        margin-right: auto;
    }
}