/* ABOUT */

.about__image {
    display: none;
    /* background-color: #fff; */
    /* outline: var(--outline); */
    /* box-shadow: var(--box-shadow); */
}

.about__text {
    padding: 20px;
}

.about__nav {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;

    display: none;
}

.about__nav a {
    text-decoration: underline;
}

.about__nav a:not(:last-child) {
    padding-right: 1rem;
    position: relative;
}

.about__nav a::before {
    background-color: var(--black);
    border-radius: 50%;
    content: '';
    height: var(--stroke-width);
    right: .5rem;
    position: absolute;
    top: 50%;
    transform: translate(50%, -50%);
    width: var(--stroke-width);
}


@media screen and (min-width: 1024px) {

    .about__nav {
        display: flex;
    }

    .about__image {
        box-shadow: var(--box-shadow);
        display: flex;
        flex-direction: column;
    }

    .about__image-item {
        /* outline: var(--outline); */
        box-shadow: var(--box-shadow);
        height: auto;
        width: 100%;
    }

    .about__text {
        display: flex;
        flex-direction: column;
        position: sticky;
        top: 0;
    }

    .about__text-inner {
        border-bottom: var(--border);
        border-top: var(--border);
        padding: 20px 0;
    }

}