.profile-page--junyi .profile-hero-portrait {
    inset: 0 0 0 48%;
    overflow: hidden;
    border-radius: 0;
    background: #11140f;
}

.profile-page--junyi .profile-hero-portrait img {
    object-fit: cover;
    object-position: center 18%;
    filter: none;
}

.profile-page--junyi .profile-hero-shade {
    background: linear-gradient(90deg, #11140f 0 43%, rgba(17, 20, 15, .82) 54%, rgba(17, 20, 15, .08));
}

.profile-page--junyi .profile-bio-copy {
    grid-column: 2 / 4;
}

.profile-page--junyi .profile-focus {
    z-index: 4;
    color: #24261f;
    background: #e7ded2;
}

.profile-page--junyi .profile-focus .profile-section-heading > p,
.profile-page--junyi .profile-focus .profile-project-list article > span,
.profile-page--junyi .profile-focus .profile-project-list article > strong {
    color: #627a46;
}

.profile-page--junyi .profile-focus .profile-project-list article {
    border-color: rgba(35, 38, 31, .22);
}

.profile-page--junyi .profile-focus .profile-project-list article p {
    color: rgba(35, 38, 31, .68);
}

.profile-page--junyi .profile-contact-coming .button {
    margin-top: 30px;
    border-color: rgba(255, 255, 255, .38);
}

@media (max-width: 1050px) {
    .profile-page--junyi .profile-hero-portrait {
        inset: 0;
        border-radius: 0;
    }

    .profile-page--junyi .profile-hero-portrait img {
        object-fit: cover;
        object-position: center 18%;
    }

    .profile-page--junyi .profile-hero-shade {
        background: linear-gradient(90deg, rgba(17, 20, 15, .92), rgba(17, 20, 15, .54) 60%, rgba(17, 20, 15, .18));
    }
}

@media (max-width: 760px) {
    .profile-page--junyi .profile-hero-portrait img {
        object-position: center 16%;
    }

    .profile-page--junyi .profile-hero-shade {
        background: linear-gradient(0deg, rgba(17, 20, 15, .95), rgba(17, 20, 15, .32));
    }

    .profile-page--junyi .profile-bio-copy {
        grid-column: auto;
    }
}