/*=====================================================
        ABOUT PAGE — shared placeholder box style
======================================================*/

.vc-ph{

    background:linear-gradient(135deg,#f2f0ef,#e6e3df);

    border:1.5px dashed rgba(12,19,67,.25);

    border-radius:8px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:10px;

    color:#6b7280;

    font-size:13px;

    font-weight:700;

    letter-spacing:.4px;

    text-align:center;

    padding:20px;

    width:100%;

    height:100%;

    transition:border-color .35s ease, background .35s ease;
}

.vc-ph i{

    font-size:30px;

    color:#c9a868;
}

.vc-ph:hover{

    border-color:rgba(201,168,104,.6);

    background:linear-gradient(135deg,#f6f4f2,#eae7e2);
}

/*=====================================================
        OUR STORY
======================================================*/

.vc-about-story{

    padding:100px 0;

    background:#ffffff;
    overflow:hidden;
}

.vc-about-story-flex{

    display:flex;

    align-items:center;

    gap:60px;
}

.vc-story-txt{

    flex:1.1;
}

.vc-story-photo{

    flex:0.9;
}

.vc-about-eyebrow{

    display:block;

    color:#8a6a34;

    font-size:13px;

    font-weight:800;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:12px;
}

.vc-about-story h2{

    font-family:var(--title-fonts);

    font-size:36px;

    font-weight:800;

    color:#0c1343;

    line-height:1.25;

    margin-bottom:22px;
}

.vc-about-story p{

    font-size:15.5px;

    color:#4a5068;

    line-height:1.85;
}

.vc-about-quote{

    margin-top:26px;

    padding-left:22px;

    border-left:3px solid #c9a868;

    font-style:italic;

    font-size:16px;

    color:#0c1343;

    line-height:1.7;

    transition:border-color .35s ease, transform .35s ease;
}

.vc-about-quote:hover{

    border-color:#0c1343;

    transform:translateX(4px);
}

.vc-about-quote b{

    font-weight:800;

    font-style:normal;

    color:#8a6a34;
}

.vc-about-photo-ph{

    min-height:460px;
}

/*=====================================================
        MANUFACTURING GRID
======================================================*/

.vc-about-mfg{

    padding:100px 0;

    background:#F2F0EF;

    text-align:center;
}

.vc-about-mfg h2{

    font-family:var(--title-fonts);

    font-size:36px;

    font-weight:800;

    color:#0c1343;

    margin-top:12px;
}

.vc-about-mfg > .container > p{

    font-size:15.5px;

    color:#4a5068;

    max-width:680px;

    margin:20px auto 0;

    line-height:1.8;
}

.vc-mfg-grid{

    display:flex;

    gap:16px;

    max-width:960px;

    margin:50px auto 0;

    height:460px;
}

.vc-mfg-grid .vc-col-a{

    flex:1.3;
}

.vc-mfg-grid .vc-col-b{

    flex:1;

    display:flex;

    flex-direction:column;

    gap:16px;
}

.vc-mfg-grid .vc-col-b .vc-ph{

    flex:1;
}

/*=====================================================
        MISSION / VISION
======================================================*/

.vc-mv{

    padding:100px 0;

    background:#F2F0EF;
}

.vc-mv-flex{

    display:flex;

    gap:50px;
}

.vc-mv-col{

    flex:1;
}

.vc-mv-card{

    position:relative;

    overflow:hidden;

    padding:44px 38px;

    border-radius:8px;

    background:#0c1343;

    height:100%;

    transition:transform .4s ease, box-shadow .4s ease;
}

.vc-mv-card:hover{

    transform:translateY(-6px);

    box-shadow:0 25px 55px rgba(12,19,67,.2);
}

.vc-mv-card::before{

    content:"";

    position:absolute;

    inset:0;

    opacity:0;

    transition:opacity .45s ease;

    z-index:0;
}

.vc-mv-card:hover::before{

    opacity:1;
}

.vc-mv-card > *{

    position:relative;

    z-index:1;
}

.vc-mv-card::before{

    background:linear-gradient(160deg,#1a2568,#0c1343);
}

.vc-mv-card.vc-mv-alt{

    background:#F2F0EF;

    border:2px solid #0c1343;
}

.vc-mv-card.vc-mv-alt::before{

    background:linear-gradient(160deg,#10173f 0%,#0c1343 60%,#0a0e30 100%);
}

.vc-mv-card h3{

    color:#c9a868;

    font-size:13px;

    font-weight:800;

    letter-spacing:2px;

    text-transform:uppercase;

    transition:color .4s ease;
}

.vc-mv-card.vc-mv-alt h3{

    color:#8a6a34;
}

.vc-mv-card.vc-mv-alt:hover h3{

    color:#c9a868;
}

.vc-mv-card p{

    color:#ffffff;

    font-size:17px;

    transition:color .4s ease;

    line-height:1.7;

    margin-top:16px;

    font-weight:500;
}

.vc-mv-card.vc-mv-alt p{

    color:#0c1343;
}

.vc-mv-card.vc-mv-alt:hover p{

    color:rgba(255,255,255,.9);
}

/*=====================================================
        STATS BAND
======================================================*/

.vc-about-stats{

    background:#0c1343;

    padding:70px 0;
}

.vc-about-stats-flex{

    display:flex;

    justify-content:space-between;

    text-align:center;

    flex-wrap:wrap;

    gap:24px;
}

.vc-about-stat-num{

    display:flex;

    align-items:baseline;

    justify-content:center;

    gap:2px;
}

.vc-about-stat .n{

    color:#c9a868;

    font-family:var(--title-fonts);

    font-size:38px;

    font-weight:800;

    line-height:1;
}

.vc-about-stat .t{

    color:#b9c2e0;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

    margin-top:10px;
}

/*=====================================================
        LEGACY TIMELINE
======================================================*/

.vc-legacy-tl-section{

    padding:100px 0;

    background:#ffffff;

    text-align:center;
}

.vc-legacy-tl-section h2{

    font-family:var(--title-fonts);

    font-size:40px;

    font-weight:800;

    color:#0c1343;

    margin-top:12px;
}

.vc-legacy-tl-section .vc-sub{

    color:#4a5068;

    font-size:15.5px;

    max-width:600px;

    margin:20px auto 0;

    line-height:1.7;
}

.vc-tl-card{

    margin-top:70px;

    background:#F2F0EF;

    border-radius:16px;

    padding:70px 50px 90px;

    position:relative;

    overflow:hidden;
}

.vc-timeline{

    position:relative;

    padding:0 30px;

    z-index:2;
}

.vc-line-bg{

    position:absolute;

    top:39px;

    left:90px;

    right:90px;

    height:3px;

    background:#dcd8d0;

    border-radius:3px;
}

.vc-line-fill{

    position:absolute;

    top:39px;

    left:90px;

    width:0;

    height:3px;

    background:linear-gradient(90deg,#8a6a34,#0c1343);

    border-radius:3px;

    transition:width 1.6s cubic-bezier(.22,1,.36,1);
}

.vc-tl-card.vc-in-view .vc-line-fill{

    width:calc(100% - 180px);
}

.vc-tl-stops{

    display:flex;

    justify-content:space-between;

    position:relative;

    flex-wrap:wrap;

    gap:30px;
}

.vc-tl-stop{

    text-align:center;

    width:230px;
}

.vc-tl-icon{

    width:80px;

    height:80px;

    border-radius:50%;

    background:#ffffff;

    border:3px solid #8a6a34;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    color:#8a6a34;

    margin:0 auto 22px;

    position:relative;

    z-index:2;

    box-shadow:0 10px 24px rgba(12,19,67,.1);

    transition:transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease;
}

.vc-tl-stop:hover .vc-tl-icon{

    transform:translateY(-6px) scale(1.06);

    box-shadow:0 16px 32px rgba(12,19,67,.18);
}

.vc-tl-stop.vc-mid .vc-tl-icon{

    border-color:#4a5a8a;

    color:#4a5a8a;
}

.vc-tl-stop.vc-now .vc-tl-icon{

    background:#0c1343;

    border-color:#c9a868;

    color:#c9a868;

    box-shadow:0 0 0 8px rgba(12,19,67,.1), 0 14px 30px rgba(12,19,67,.25);
}

.vc-tl-yr{

    display:block;

    color:#8a6a34;

    font-size:13px;

    font-weight:800;

    letter-spacing:1.5px;
}

.vc-tl-stop h4{

    font-family:var(--title-fonts);

    font-size:19px;

    font-weight:800;

    color:#0c1343;

    margin-top:8px;
}

.vc-tl-stop.vc-now h4{

    font-size:24px;
}

.vc-tl-stop p{

    font-size:12.5px;

    color:#6a7280;

    margin-top:10px;

    line-height:1.65;
}

.vc-legacy-story{

    margin-top:70px;

    text-align:left;

    max-width:840px;

    margin-left:auto;

    margin-right:auto;

    padding:38px 44px;

    background:#ffffff;

    border-radius:10px;

    border-left:4px solid #8a6a34;

    box-shadow:0 20px 40px rgba(12,19,67,.06);

    position:relative;

    z-index:2;

    transition:transform .4s ease, box-shadow .4s ease;
}

.vc-legacy-story:hover{

    transform:translateY(-4px);

    box-shadow:0 26px 50px rgba(12,19,67,.1);
}

.vc-legacy-story p{

    font-size:15px;

    color:#4a5068;

    line-height:1.9;
}

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

@media(max-width:991px){

    .vc-about-story-flex{

        flex-direction:column;
    }

    .vc-about-photo-ph{

        min-height:300px;

        margin-top:40px;
    }

    .vc-mfg-grid{

        flex-direction:column;

        height:auto;
    }

    .vc-mfg-grid .vc-col-a .vc-ph{

        min-height:260px;
    }

    .vc-mfg-grid .vc-col-b{

        flex-direction:row;
    }

    .vc-mfg-grid .vc-col-b .vc-ph{

        min-height:180px;
    }

    .vc-mv-flex{

        flex-direction:column;

        gap:24px;
    }

    .vc-mv-card{

        margin-bottom:0;
    }

    .vc-line-bg,
    .vc-line-fill{

        display:none;
    }

    .vc-tl-stops{

        justify-content:center;
    }
}

@media(max-width:767px){

    .vc-about-story h2,
    .vc-about-mfg h2,
    .vc-legacy-tl-section h2{

        font-size:28px;
    }

    .vc-tl-card{

        padding:50px 24px 60px;
    }

    .vc-mfg-grid .vc-col-b{

        flex-direction:column;
    }

    .vc-legacy-story{

        padding:28px 26px;
    }
}