.title {background:var(--primary-400); color:var(--neutral-100); overflow-y:clip;}

body.page-home .title .level-1-title {font-size:var(--fs-level1-title-xl-m);} 
body.page-home .title,
body.page-condition .title {background:var(--primary-200);}

.profile-title-container .level-1-title {margin:0 0 0.75rem 0;}
.profile-title-container .level-2-title {margin:0 0 0.75rem 0; font-size:var(--fs-para-lg-m);}
.profile-title-container p {font-size:var(--fs-para-sm-m);}
.profile-title-container {display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between;}
.profile-title-text {max-width:260px; align-content:center;}
.profile-title-img {max-width:260px; margin:0 auto -2rem auto; align-content:flex-end;}


@media (min-width:576px) {
    .profile-title-text {max-width:300px;}
    .title .level-2-title {margin:0 0 0.75rem 0; font-size:var(--fs-para-lg-d);}
}

@media (min-width:600px) {
    .profile-title-text {flex:1 1 52%;}
    .profile-title-img {flex:1 1 43%;}
}

@media (min-width:768px) {
    body.page-home .title .level-1-title {font-size:var(--fs-level1-title-xl-d);} 
    .profile-title-img {max-width:320px; margin:0 40px -4rem auto; flex:1 1 20%;}
    .profile-title-text {max-width:440px; flex:1 1 70%;}
    .profile-title-img img {margin-left:-80px; max-width:calc(100% + 100px);}
    .profile-title-container .level-1-title {margin:0 0 2rem 0;}
    .profile-title-container .level-2-title {margin:0 0 2rem 0;}
}