/* ==========================================
   LyricsGroove Artist Hero
========================================== */

.lg-artist-hero{

position:relative;

margin-bottom:100px;

}

.lg-artist-container{

width:min(1400px,94%);

margin:auto;

position:relative;

}

.lg-artist-banner{

position:relative;

height:500px;

overflow:hidden;

}

.lg-artist-banner img{

width:100%;

height:100%;

object-fit:cover;

object-position:center;

display:block;

}

.lg-artist-overlay{

position:absolute;

inset:0;

background:linear-gradient(
180deg,
rgba(0,0,0,.15),
rgba(0,0,0,.65)
);

}

.lg-artist-profile{

display:flex;

align-items:flex-end;

gap:40px;

position:relative;

margin-top:-140px;

z-index:20;

}

.lg-artist-photo{

width:240px;

height:240px;

flex-shrink:0;

background:#fff;

padding:8px;

border-radius:20px;

box-shadow:var(--lg-shadow-lg);

overflow:hidden;

}


.lg-artist-photo img{

width:100%;

height:100%;

border-radius:16px;

object-fit:cover;

object-position:center;

display:block;

}

.lg-artist-details h1{

margin:0 0 10px;

font-size:54px;

font-weight:800;

line-height:1.1;

color:#fff;

text-shadow:0 3px 20px rgba(0,0,0,.45);

}
/* Native Name */

.lg-native-name{

margin-top:8px;

font-size:22px;

font-weight:500;

color:#E5E7EB;

letter-spacing:.02em;

}

/* ==========================================
   Tablet
========================================== */

@media (max-width:1024px){

    .lg-artist-banner{

        height:420px;

    }

}

/* ==========================================
   Mobile
========================================== */

@media (max-width:768px){

    .lg-artist-banner{

        height:320px;

    }

    .lg-artist-profile{

        flex-direction:column;

        align-items:center;

        text-align:center;

        gap:20px;

        margin-top:-90px;

    }

    .lg-artist-photo{

        width:180px;

        height:180px;

    }

    .lg-artist-details h1{

        font-size:42px;

        line-height:1.1;

    }

    .lg-native-name{

        font-size:18px;

    }

}