.blog-hero{

    height:-50vh;
    min-height:340px;
    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    background:
       
        url("../images/blog-hero.jpg")
        center/cover no-repeat;

}

.hero-overlay{

    max-width:900px;

    padding:0;

    padding-top:100px;

}

.hero-subtitle{

    display:block;

    color:#A77A2C;

    font-family:"Forum", serif;

    font-size:2rem;

    font-weight:400;

    letter-spacing:0;

    text-transform:none;

    margin-bottom:14px;

}

.blog-hero h1{

    font-family:"Forum", serif;

    font-size:3.5rem;

    font-weight:400;

    line-height:1.15;

    color:#16382F;

    margin-bottom:25px;

}


.blog-hero p{

    font-family:"Cormorant Garamond", serif;
	
	font-size: 20px;

    font-size:1.5rem;

    font-style:italic;

    color:#6d665c;

    line-height:1.8;
	
	position:relative;
	
    top:-30px;

}

/*========================================
        FEATURED ARTICLES
========================================*/

.featured-articles{

    max-width:1200px;

    margin:30px auto;

    padding:0 30px;

}

.article-card{

    display:grid;

    grid-template-columns:1.2fr .8fr;

    gap:100px;

    align-items:center;

}

.article-image{

    width:110%;

    border-radius:28px;

    overflow:hidden;

    box-shadow:0 20px 50px rgba(0,0,0,.18);

}

.article-image img{

    width:100%;

    display:block;

    transition:.6s ease;
	
	transform: scale(1.08);
transition: .8s;


}

.article-card:hover .article-image img{

    transform:scale(1.04);

}

.article-info{

     max-width:460px;

}

.story-badge{

    display:inline-block;

    margin-bottom:20px;

    padding-bottom:10px;

    border-bottom:1px solid rgba(155,122,59,.35);

    font-family:"Forum", serif;

    font-size:24px;

    font-weight:500;

    color:#9b7a3b;

    letter-spacing:1px;

    text-transform:none;

}

.article-info h2{

    font-family:"Forum", serif;

    font-size:3rem;

    font-weight:400;

    line-height:1.15;

    color:#2f2418;

    margin-bottom:25px;

}

.article-info p{

    font-family:"Cormorant Garamond", serif;

    font-size:1.35rem;

    font-style:italic;

    line-height:1.9;

    color:#5d5449;

    margin-bottom:-5px;

}

.read-article{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:220px;

    height:50px;

    border:1px solid var(--brand-gold);

    border-radius:999px;

    text-decoration:none;

    color:var(--brand-bronze);

    font-family:"Cormorant Garamond", serif;

    font-size:1.4rem;

    transition:.35s ease;

    background:rgba(255,255,255,.18);

}

.read-article:hover{

    background:var(--brand-gold);

    color:#fff;

    transform:translateY(-3px);

}

/* =========================
   SECTION DIVIDER
========================= */

.section-divider{

    display:flex;

    justify-content:center;

    align-items:center;

    width:100%;

    margin:40px auto 70px;

}

.section-divider img{

    display:block;

    width:220px;

    height:auto;

    margin:0 auto;

}

/* ===========================
   PROJECT BUTTON
=========================== */

.project-btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    width:240px;
    height:48px;

    background:transparent;

    color:#9b6b2d;

    border:1.5px solid #d4a24c;

    border-radius:999px;

    text-decoration:none;

    font-family:"Cormorant Garamond", serif;
    font-size:18px;
    font-weight:300;

    box-shadow:none;

    transition:all .35s ease;

}

.project-btn:hover{

    background:#16382f;

    color:#d4a24c;

    border-color:#16382f;

    transform:translateY(-3px);

    box-shadow:0 12px 28px rgba(0,0,0,.18);

}

.project-btn i{

    color:inherit;

    transition:.35s ease;

}

.project-btn:hover .fa-arrow-right{

    transform:translateX(6px);

}

.hero-ornament{

    display:block;

    width:180px;

    margin:-10px auto 0;

    opacity:.95;

}

.article-card.reverse{

    grid-template-columns:.8fr 1.2fr;

    margin-top:-20px;

}

.article-card.reverse .article-image{

    order:2;

}

.article-card.reverse .article-info{

    order:1;

}

.article-date{

    margin:18px 0 28px;

    font-family:"Cormorant Garamond", serif;

    font-size:16px;

    font-style:italic;

    color:#9b7a3b;

}

/* Article 720 — control image size */

.article-720-card .article-image{
    flex:0 0 520px !important;
    width:520px !important;
    max-width:520px !important;
}

.article-720-card .article-image img{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
}