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

    artist.css
    ELGIN Core v1.3.0

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


/* ==========================================================
   HIDE SQUARESPACE PAGE TITLE
   ========================================================== */

.blog-item-title,
.item-title,
.entry-title,
.sqs-title,
h1[data-animation-role="header-element"]{

    display:none !important;

}


/* ==========================================================
   ARTIST HEADER
   ========================================================== */

.artist{

    margin:40px 0 60px;

}

.artist-header{

    display:grid;

    grid-template-columns:40% 60%;

    column-gap:10px;

    align-items:start;

}


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

.artist-image{

    width:100%;

}

.artist-image img{

    display:block;

    width:100%;

    height:auto;

}


/* ==========================================================
   INFO
   ========================================================== */

.artist-info{

    width:100%;

}

.artist-info h1{

    margin:0;

    font-size:2.25rem;

    font-weight:500;

    letter-spacing:.03em;

    text-transform:uppercase;

    line-height:1.1;

}


/* ==========================================================
   YEARS
   ========================================================== */

.artist-years{

    margin:10px 0 34px;

    font-size:1rem;

    color:#777;

}


/* ==========================================================
   METADATA
   ========================================================== */

.meta{

    display:flex;

    flex-direction:column;

}

.meta-row{

    display:grid;

    grid-template-columns:135px 1fr;

    gap:0;

    align-items:start;

    padding:15px 0;

    border-bottom:1px solid #ece7e2;

}

.meta-row:last-child{

    border-bottom:none;

}

.meta-label{

    font-size:.74rem;

    font-weight:600;

    letter-spacing:.20em;

    text-transform:uppercase;

    color:#888;

}

.meta-value{

    font-size:1rem;

    color:#222;

    line-height:1.45;

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:900px){

    .artist{

        margin:30px 0 40px;

    }

    .artist-header{

        grid-template-columns:1fr;

        row-gap:30px;

    }

    .artist-info h1{

        font-size:1.9rem;

    }

    .meta-row{

        grid-template-columns:120px 1fr;

    }

}