.title {background:var(--primary-400); color:var(--neutral-100); overflow-y:clip;}
.title-hero {background:var(--primary-400); color:var(--neutral-100);}
.title-hero .level-2-title {font-size:var(--fs-para-lg-m); max-width: 540px; line-height: 1.2;}
.title  .profile-title-container .level-1-title {margin:0 0 0.75rem 0;}
.title  .profile-title-container .level-2-title {margin:0 0 0.75rem 0; font-size:var(--fs-para-lg-m);}
.title  .profile-title-container p {font-size:var(--fs-para-sm-m);}
.title  .profile-title-container {display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between;}
.title  .profile-title-text {max-width:260px; align-content:center;}
.title  .profile-title-img {max-width:260px; margin:0 auto -2rem auto; align-content:flex-end;}


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

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

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

.title-hero .profile-title-img {align-content:flex-end; flex: 0 0 100%;}
.title-hero .profile-title-img img {width:224px; margin:0 0 -2.9rem auto;}
.title-hero .profile-title-container {display:flex; flex-wrap:wrap; gap:1rem; justify-content:space-between;}

@media (min-width:530px) {
    .title-hero .profile-title-img img {width:280px; margin:0 0 -3.1rem auto;}
}

@media (min-width:576px) {
    .title-hero .profile-title-img img {margin-top:-3rem;}
}

@media (min-width:768px) {
    .title-hero .profile-title-img {margin:0 0 -2rem auto;}
    .title-hero .level-2-title {font-size:var(--fs-para-lg-m);}
}

@media (min-width:870px) {
    .title-hero .profile-title-container {flex-wrap:nowrap;}
    .title-hero .profile-title-img {flex:0 0 280px;}
}

@media (min-width:1100px) {
    .title-hero .profile-title-img img {width:380px; margin:0 0 -3.5rem auto;}
    .title-hero .profile-title-img {flex:0 0 380px;}
}