/* =========================================

EASYBLACK
About Page

========================================= */


.about-hero {

min-height:70vh;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

text-align:center;

}


.about-hero h1 {

font-size:

clamp(4rem,8vw,7rem);

}



.about-hero p {

letter-spacing:.3em;

text-transform:uppercase;

color:#BCA47A;

}





.biography-content,
.statement-content,
.education-content {

width:min(900px,85%);

margin:auto;

padding:6rem 0;

}



.biography-content p,
.statement-content p {

font-size:1.2rem;

line-height:1.9;

margin-bottom:2rem;

}





.statement-content {

background:#111;

padding-left:5%;

padding-right:5%;

}





blockquote {

margin-top:4rem;

font-family:

"Cormorant Garamond",
serif;


font-size:2rem;

line-height:1.5;

color:#E6E2D8;

}





.education-grid {

display:grid;

grid-template-columns:

repeat(2,1fr);

gap:4rem;

}



.education-grid h3 {

font-size:2rem;

margin-bottom:1rem;

}





@media(max-width:700px){


.education-grid {

grid-template-columns:1fr;

}


}


/* =========================================
   ARTIST PORTRAIT
========================================= */


.biography-layout {

    display:grid;

    grid-template-columns: 1fr 1.5fr;

    gap:5rem;

    align-items:start;

}



.artist-image img {

    width:100%;

    height:auto;

    display:block;

}



.artist-image {

    position:relative;

}



.biography-text {

    max-width:700px;

}



@media(max-width:900px){


    .biography-layout {

        grid-template-columns:1fr;

        gap:3rem;

    }


}