/* =====================================================
   EDITORIAL PERSPECTIVES
   FINTECHOISIS
===================================================== */

#executive{

    padding:90px 0;

    background:#ffffff;

}

.executive-container{

    width:92%;

    max-width:1400px;

    margin:auto;

}

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

.executive-header{

    text-align:center;

    margin-bottom:60px;

}

.executive-header span{

    display:inline-block;

    padding:8px 18px;

    background:#f3efe7;

    color:#8B6B2E;

    border-radius:30px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}

.executive-header h2{

    margin-top:18px;

    font-size:var(--fs-section-heading);

    color:var(--hero-navy);

    font-weight:700;

}

.executive-header p{

    max-width:760px;

    margin:20px auto 0;

    color:var(--hero-light-body);

    line-height:1.9;

    font-size:17px;

}

/* ==========================================
   FEATURED EDITORIAL
========================================== */

.editorial-feature{

    display:grid;

    grid-template-columns:1.3fr 1fr;

    gap:45px;

    align-items:center;

    background:linear-gradient(135deg,#111418,#222831);

    border-radius:24px;

    overflow:hidden;

    margin-bottom:60px;

}

.editorial-content{

    padding:60px;

}

.editorial-tag{

    display:inline-block;

    padding:8px 18px;

    background:#B8863B;

    color:#ffffff;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-bottom:25px;

}

.editorial-content h3{

    color:#ffffff;

    font-size:38px;

    line-height:1.3;

    margin-bottom:25px;

}

.editorial-content p{

    color:#d8dbe0;

    line-height:1.9;

    margin-bottom:35px;

}

.editorial-btn{

    display:inline-block;

    text-decoration:none;

    background:#B8863B;

    color:#ffffff;

    padding:15px 34px;

    border-radius:40px;

    font-weight:700;

    transition:.35s;

}

.editorial-btn:hover{

    background:#a3742f;

    transform:translateY(-3px);

}

.editorial-graphic{

    min-height:420px;

    background:linear-gradient(160deg,#1b2028,#2d3642);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#B8863B;

    font-size:60px;

}

/* ==========================================
   ARTICLE GRID
========================================== */

.article-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

    gap:30px;

}

.article-card{

    background:#ffffff;

    border:1px solid #eceef2;

    border-radius:18px;

    transition:.35s;

    overflow:hidden;

}

.article-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}

.article-top{

    height:6px;

    background:linear-gradient(90deg,#B8863B,#e4c27b);

}

.article-body{

    padding:30px;

}

.article-category{

    display:inline-block;

    padding:6px 14px;

    background:#f7f4ec;

    color:#8B6B2E;

    border-radius:25px;

    font-size:12px;

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:18px;

}

.article-body h4{

    font-size:24px;

    color:var(--hero-navy);

    line-height:1.4;

    margin-bottom:18px;

}

.article-body p{

    color:var(--hero-light-body);

    line-height:1.8;

    margin-bottom:25px;

}

.article-link{

    text-decoration:none;

    color:#8B6B2E;

    font-weight:700;

}

.article-link:hover{

    color:#B8863B;

}

/* ==========================================
   RESPONSIVE
========================================== */

@media(max-width:992px){

.editorial-feature{

grid-template-columns:1fr;

}

.editorial-content{

padding:40px;

}

.editorial-graphic{

min-height:280px;

}

}

@media(max-width:768px){

#executive{

padding:70px 0;

}

.executive-header h2{

font-size:32px;

}

.article-grid{

grid-template-columns:1fr;

}

.editorial-content h3{

font-size:30px;

}

}