/*=========================================================
              VWSWB FOCUS AREAS — COMPACT EDITORIAL
=========================================================*/

.focus-section{
    padding:8px 0 28px;
    background:#fff;
    position:relative;
    overflow:hidden;
}

.focus-section-header{
    max-width:680px;
    margin:0 auto 16px;
    text-align:center;
}

.focus-section-header h2{
    font-family:'Manrope',sans-serif;
    font-size:32px;
    line-height:1.12;
    font-weight:700;
    color:#302C28;
    margin:0 0 6px;
    letter-spacing:-.025em;
}

.focus-section-header p{
    font-family:'Open Sans',sans-serif;
    font-size:13.5px;
    line-height:1.45;
    color:#756E66;
    margin:0;
}

.focus-section .row{
    --bs-gutter-x:16px;
    --bs-gutter-y:16px;
}

.focus-card{
    background:#fff;
    border-radius:12px;
    padding:12px 16px 13px;
    position:relative;
    overflow:hidden;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    box-shadow:0 4px 14px rgba(47,43,39,.035);
    border:1px solid #E8E0D6;
    min-height:184px;
    height:100%;
}

.focus-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:3px;
    background:#D9822B;
    transition:width .3s ease;
}

.focus-card:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(47,43,39,.07);
    border-color:#E1D4C4;
}

.focus-card:hover::before{width:100%;}

.focus-icon{
    width:50px;
    height:50px;
    border-radius:12px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#D9822B;
    color:#fff;
    font-size:21px;
    margin:0 0 9px;
    transition:transform .25s ease, background-color .25s ease;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
}

.focus-icon i{
    line-height:1;
}

.focus-card:hover .focus-icon{transform:translateY(-1px);}

.focus-section .row > div:nth-child(2n) .focus-icon{background:#A94F2A;}
.focus-section .row > div:nth-child(3n) .focus-icon{background:#C4873F;}

.focus-section .row > div:nth-child(2n) .focus-card::before{background:#A94F2A;}
.focus-section .row > div:nth-child(3n) .focus-card::before{background:#C4873F;}

.focus-card h4{
    font-family:'Manrope',sans-serif;
    font-size:20px;
    line-height:1.2;
    font-weight:650;
    margin:0 0 6px;
    color:#302C28;
    letter-spacing:-.012em;
}

.focus-card p{
    font-family:'Open Sans',sans-serif;
    font-size:13px;
    line-height:1.45;
    color:#756E66;
    margin:0 0 9px;
}

.focus-card a{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:13px;
    line-height:1.2;
    color:#A94F24;
    font-weight:700;
    text-decoration:none;
    transition:color .2s ease;
}

.focus-card a i{transition:transform .2s ease;}
.focus-card:hover a{color:#D9822B;}
.focus-card:hover a i{transform:translateX(3px);}

/* Quiet editorial eyebrow */
.focus-section .section-tag{
    display:inline-flex;
    align-items:center;
    gap:9px;
    background:transparent;
    color:#A94F24;
    padding:0;
    margin:0 0 7px;
    border-radius:0;
    font-family:'Manrope',sans-serif;
    font-size:10px;
    font-weight:700;
    letter-spacing:2.6px;
    line-height:1.2;
}
.focus-section .section-tag::before,
.focus-section .section-tag::after{
    content:"";
    width:20px;
    height:1px;
    background:#D9A35A;
}
.focus-section .section-tag::before{opacity:.8;}
.focus-section .section-tag::after{opacity:.45;}

@media(max-width:991px){
    .focus-section{padding:8px 0 26px;}
    .focus-section-header{margin-bottom:15px;}
    .focus-section-header h2{font-size:30px;}
    .focus-card{min-height:180px;padding:12px 15px;}
}

@media(max-width:768px){
    .focus-section{padding:8px 0 24px;}
    .focus-section-header{margin-bottom:14px;}
    .focus-section-header h2{font-size:28px;}
    .focus-section-header p{font-size:13px;}
    .focus-section .row{--bs-gutter-x:12px;--bs-gutter-y:12px;}
    .focus-card{padding:12px 14px;min-height:0;}
    .focus-icon{width:48px;height:48px;border-radius:11px;font-size:20px;margin-bottom:8px;}
    .focus-card h4{font-size:19px;}
    .focus-card p{font-size:13px;line-height:1.42;}
}