/* ==========================================================
   LISTING
========================================================== */

.b612-listing{

    max-width:1680px;

    margin:120px auto;

    padding:0 40px;

}

/****************************************************/

.b612-listing-header{

    margin-bottom:70px;

}

/****************************************************/

.b612-listing-kicker{

    display:block;

    margin:0 0 18px;

    font-family:'Inter',sans-serif;
    font-size:13px;
    font-weight:500;

    letter-spacing:.18em;
    text-transform:uppercase;

    color:#A8A2A0;

}

/****************************************************/

.b612-listing-title{

    margin:0;

    max-width:700px;

    font-family:'Cormorant Garamond',serif;
    font-size:56px;
    font-weight:400;

    line-height:.95;
    letter-spacing:-.02em;

    color:#1A1A1A;

}

/****************************************************/

.b612-listing-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:24px;

}

/* ==========================================================
   BOOK ROW
========================================================== */

.b612-book-row{

    position:relative;

    display:grid;

    grid-template-columns:110px 1fr;

    gap:24px;

    align-items:center;

    padding:20px 150px 20px 20px;

    border:1px solid #ECE8E3;

    border-radius:16px;

    background:#FFF;

    text-decoration:none;

    color:inherit;

    transition:.25s;

    background-color: #F7F3EA;

    background-image:
        repeating-linear-gradient(
            90deg,
            rgba(120, 105, 85, .045) 0px,
            rgba(120, 105, 85, .045) 1px,
            transparent 1px,
            transparent 4px
        ),
        repeating-linear-gradient(
            90deg,
            rgba(255, 255, 255, .28) 0px,
            rgba(255, 255, 255, .28) 1px,
            transparent 1px,
            transparent 9px
        );


}


.b612-book-row:hover{

    transform:translateY(-4px);

    box-shadow:0 14px 35px rgba(0,0,0,.08);

}

.b612-book-row-cover{

    display:block;

    width:120px;

    border-radius:8px;

    transition:.25s;

}

.b612-book-row:hover .b612-book-row-cover{

    transform:scale(1.03);

}

.b612-book-row-content{

    min-width:0;

}

.b612-book-row-title{

    margin:0 0 8px;

    font-family:'Cormorant Garamond',serif;

    font-size:24px;

    font-weight:500;

    line-height:1.15;

    color:#1A1A1A;

    text-decoration:none;

}

.b612-book-row-author{

    margin:0;

    font-family:'Inter',sans-serif;

    font-size:15px;

    font-weight:400;

    color:#777;

    text-decoration:none;

}

.b612-book-row-button{

    position:absolute;

    right:24px;

    top:50%;

    transform:translateY(-50%);

    display:inline-flex;

    align-items:center;

    justify-content:center;

    height:36px;

    padding:0 16px;

    border:1px solid #DDD7D2;

    border-radius:999px;

    background:#FFF;

    font-family:'Inter',sans-serif;

    font-size:12px;

    font-weight:500;

    color:#1A1A1A;

    text-decoration:none;

    white-space:nowrap;

    transition:.25s;

}

.b612-book-row:hover .b612-book-row-button{

    background:#1A1A1A;

    color:#FFF;

}