.article{
    background:#ffffff;
}

.article-hero{
    position:relative;
    height:500px;
}

.article-hero img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.article-hero .overlay{

    position:absolute;
    inset:0;

    background:
    rgba(0,0,0,0.45);

    display:flex;

    flex-direction:column;

    justify-content:center;
    align-items:center;

    color:white;
    text-align:center;
}

.article-hero h1{
    font-size:3rem;
}

.article-container{

    max-width:900px;

    margin:auto;

    padding:80px 20px;
}

.lead{

    font-size:1.2rem;

    margin-bottom:50px;

    line-height:2;
}

.article h2{

    margin-top:60px;
    margin-bottom:20px;

    color:#3E2D24;
}

.article p{

    margin-bottom:25px;

    line-height:2;
}

figure{

    margin:50px 0;
}

figure img{

    width:100%;
    border-radius:10px;
}

figcaption{

    margin-top:10px;

    color:#666;

    font-size:0.9rem;
}

.sources{

    margin-top:80px;

    padding:30px;

    background:#f5f0e6;

    border-radius:10px;
}