.hero{display:grid;grid-template-areas:"stack";place-items:center}.hero>*{grid-area:stack}.banner-image{max-width:100%;aspect-ratio:16/9}.edit-icon{place-self:end;align-self:start;padding:1rem 1rem 0 0}.profile-pic{translate:0 60%;outline:5px solid #323232;width:clamp(9rem,.273rem + 43.636vw,12rem);border-radius:50%;aspect-ratio:1}section{margin-top:3rem}h2,h3{color:var(--secondary-black-text-color);text-shadow:initial;font-size:1.25rem;line-height:2rem;text-transform:uppercase}.artist-info{margin-top:6rem;place-items:center;color:var(--white-text-color)}.artist-info div p:first-child{font-size:1.25rem;font-style:normal;font-weight:600;line-height:2rem;letter-spacing:.125rem;text-transform:uppercase}.artist-info h1{margin-top:.25rem;color:var(--white-text-color);font-size:2.25rem;line-height:normal;text-shadow:none}.artist-info div p:last-child{margin-top:.63rem;font-size:1.5rem;font-style:normal;font-weight:350;line-height:normal}.artist-info .button{border-radius:6.25rem;border:1px solid #444;box-shadow:0 4px 15px #3b3b3b80;display:flex;place-content:center;gap:1rem;width:100%;margin-top:2rem}.artist-info .button a{color:var(--white-text-color);text-decoration:none;font-size:1.125rem;font-weight:500;line-height:normal}.artist-info .button img{width:1.25rem}.artist-metrics{margin-top:2rem;border-radius:.5rem;border:1px solid #444;background:#292929;box-shadow:0 0 15px 3px #44444480;display:grid;grid-template-columns:repeat(2,1fr);column-gap:1rem;row-gap:2rem;place-items:center;text-align:center;padding-block:2rem;padding-inline:1.5rem}.artist-metrics div p:first-child{color:var(--accent-color);font-size:clamp(2rem,1.955rem + .223vw,2.313rem);font-weight:600;line-height:2rem;letter-spacing:.23125rem;text-transform:uppercase}.artist-metrics div p:last-child{color:var(--secondary-black-text-color);font-size:clamp(.8rem,.771rem + .143vw,1rem);font-weight:800;text-transform:uppercase}.artist-about p{color:var(--white-text-color);line-height:2rem}.artist-socials-images{margin-top:1rem;display:flex;gap:1rem}.artist-socials img{width:3rem}.artist-tips h3{text-transform:capitalize}.tips-btn-container{display:flex;flex-wrap:wrap;gap:.5rem}.tips-btn{color:var(--black-text-color);border-radius:6.25rem;border:1px solid #444;box-shadow:0 4px 15px #3b3b3b80;font-size:1rem;padding-block:.5em;padding-inline:1em}@media (min-width: 48rem){.banner-image{aspect-ratio:3.5/1}}@media (min-width: 65rem){.content-box{margin-block:1rem}.hero{margin-top:6.25rem;margin-bottom:3rem;margin-left:var(--main-desktop-offset);place-items:initial;position:relative}.profile-pic{margin-left:2rem}.desktop-artist-info{position:relative;margin-left:15rem}.hero .artist-metrics,.hero .artist-info{grid-area:unset}.hero .artist-info{display:grid;grid-template-columns:repeat(2,1fr);justify-items:start}.hero .artist-info :nth-child(2){margin-left:auto;margin-right:.5rem}.artist-info h1{font-weight:400}.artist-info .button-container{display:flex;gap:1rem}.artist-info .button{padding-block:.5rem;padding-inline:1.5rem;border-radius:6.25rem;border:1px solid var(--menu-border-color);background:linear-gradient(97deg,#3B3B3B 8.52%,#292929 90.67%);box-shadow:0 4px 15px #3b3b3b80;margin-top:unset}.artist-info .button img{width:1rem}.hero .artist-metrics{grid-template-columns:repeat(4,1fr);width:fit-content}.artist-about{margin-top:0}.desktop-artist-info-grid{display:grid;grid-template-columns:2fr 1fr;gap:5rem}}@media (min-width: 120rem){.banner-image{max-width:initial;min-width:100%;aspect-ratio:6.5/1}}