/* =========================================================
   ETREVÉ - Editorial Pages
========================================================= */

.page{
    padding:140px 0 80px;
}

.page-heading{

    max-width:900px;
    margin:0 auto 90px;

    text-align:center;

}

.eyebrow{

    display:inline-block;

    margin-bottom:20px;

    font-size:12px;

    letter-spacing:.45em;

    text-transform:uppercase;

    color:#b4975a;

}

.page-heading h1{

    font-family:"Cormorant Garamond", serif;

    font-size:clamp(64px,7vw,112px);

    font-weight:300;

    line-height:.95;

    color:#fff;

    margin-bottom:35px;

}

.lead{

    max-width:760px;

    margin:auto;

    font-size:20px;

    line-height:1.9;

    color:#a4a4a4;

}

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

.editorial{

    padding:120px 0;

}

.editorial .narrow{

    max-width:760px;

    margin:auto;

}

.editorial h2{

    font-size:56px;

    margin-bottom:35px;

}

.editorial p{

    font-size:18px;

    line-height:2;

    color:#9d9d9d;

    margin-bottom:32px;

}

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

.editorial-image{

    padding:0 0 120px;

}

.editorial-image img{

    width:100%;

    max-width:1500px;

    display:block;

    margin:auto;

}

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

.quote-block{

    padding:120px 0;

}

.quote-block blockquote{

    max-width:900px;

    margin:auto;

    text-align:center;

    font-family:"Cormorant Garamond", serif;

    font-size:58px;

    line-height:1.3;

    color:white;

}

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

.collection-grid{

    padding-bottom:120px;

}

.grid{

    display:grid;

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

    gap:70px;

}

.grid article img{

    width:100%;

    aspect-ratio:4/5;

    object-fit:cover;

    display:block;

}

.grid article h3{

    margin:25px 0 12px;

    font-size:30px;

}

.grid article p{

    color:#9d9d9d;

    line-height:1.8;

}

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

.journal-list{

    padding-bottom:120px;

}

.journal-entry{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:90px;

    align-items:center;

    margin-bottom:140px;

}

.journal-entry.reverse{

    direction:rtl;

}

.journal-entry.reverse>*{

    direction:ltr;

}

.journal-entry img{

    width:100%;

    aspect-ratio:4/5;

    object-fit:cover;

    display:block;

}

.journal-entry span{

    display:block;

    margin-bottom:15px;

    letter-spacing:.4em;

    color:#b4975a;

    font-size:12px;

    text-transform:uppercase;

}

.journal-entry h2{

    font-size:52px;

    margin-bottom:30px;

}

.journal-entry p{

    color:#9d9d9d;

    line-height:1.9;

}

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

.circle-signup{

    padding:120px 0 160px;

}

.signup-card{

    max-width:820px;

    margin:auto;

    padding:80px;

    background:#111;

    border:1px solid rgba(255,255,255,.08);

    text-align:center;

}

.signup-card h2{

    font-size:54px;

    margin-bottom:25px;

}

.signup-card p{

    color:#999;

    line-height:1.9;

    margin-bottom:45px;

}

.signup-card form{

    display:flex;

    gap:20px;

}

.signup-card input{

    flex:1;

    padding:18px 24px;

    background:#181818;

    border:1px solid #2b2b2b;

    color:white;

    font-size:16px;

}

.signup-card button{

    padding:18px 42px;

    background:#b4975a;

    color:#000;

    border:none;

    cursor:pointer;

    transition:.25s;

}

.signup-card button:hover{

    opacity:.85;

}

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

@media (max-width:960px){

    .grid{

        grid-template-columns:1fr;

    }

    .journal-entry{

        grid-template-columns:1fr;

    }

    .journal-entry.reverse{

        direction:ltr;

    }

    .signup-card{

        padding:40px;

    }

    .signup-card form{

        flex-direction:column;

    }

}