.ProfilePage {
    background: var(--site-paper);
}

.ProfileBanner {
    height: 60vh;
    padding: 0;
    margin-top: 104px;
    background: #d7d7d7;
}

.StudioProfile {
    padding: 29px 53px 0;
}

.StudioProfile .studioProfileInner {
    width: 100%;
}

.StudioProfile h1 {
    height: 78px;
    color: var(--site-ink);
    font-size: var(--ft44);
    font-weight: 600;
    line-height: 78px;
    letter-spacing: 0;
    text-align: center;
}

.StudioProfile .profileCopy {
    margin-top: 41px;
    padding-bottom: 10px;
    color: #929292;
    font-size: var(--ft16);
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0;
}

.StudioProfile .profileCopy p+p {
    margin-top: 19px;
}

.StudioProfile .emailLink {
    display: block;
    margin-top: 16px;
    color: #bd7437;
    font-size: var(--ft20);
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0;
}

.StudioProfile .emailLink:hover,
.StudioProfile .emailLink:focus-visible {
    color: #8f5120;
    text-decoration: underline;
}

.StudioProfile .instagramLink {
    display: flex;
    align-items: center;
    gap: 39px;
    width: max-content;
    margin-top: 57px;
    color: #807d79;
    font-size: var(--ft20);
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0;
}

.StudioProfile .profileBullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 7px 1px 4px;
    background: #151515;
}

.StudioProfile .instagramIcon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    transition: transform .3s ease;
}

.StudioProfile .instagramIcon .iconImg {
    width: 47px;
    height: 47px;
    object-fit: contain;
}

.StudioProfile .instagramLink:hover .instagramIcon,
.StudioProfile .instagramLink:focus-visible .instagramIcon {
    transform: translateY(-2px);
}

.ProfileFooter {
    display: flex;
    padding: 195px 3% 28px;
    justify-content: space-between;
}

@media only screen and (min-width:768px) and (max-width:1199px) {


    .StudioProfile {
        padding-right: 36px;
        padding-left: 36px
    }

    .StudioProfile h1 {
        font-size: var(--ft42)
    }
}

@media only screen and (max-width:767px) {


    .StudioProfile {
        padding: 36px 20px 0
    }

    .StudioProfile h1 {
        height: auto;
        font-size: var(--ft32);
        line-height: 44px
    }

    .StudioProfile .profileCopy {
        margin-top: 26px;
        font-size: var(--ft16);
        line-height: 27px
    }

    .StudioProfile .instagramLink {
        margin-top: 40px;
        gap: 20px;
        font-size: var(--ft16)
    }

    .ProfileFooter {
        padding: 42px 0 24px 20px
    }
}