/* =====================================================
   VISAC RESEARCH
   Intelligence Research Layer
===================================================== */


/* GLOBAL */

.research-page {
    background:#ffffff;
    color:#050505;
}


.research-container {

    width:min(1280px,92%);
    margin:0 auto;

}



/* =====================================================
   HERO
===================================================== */


.research-hero {

    padding:120px 0 110px;

}


.research-label {

    display:flex;
    align-items:center;
    gap:12px;

    font-size:12px;
    letter-spacing:4px;
    text-transform:uppercase;

    color:#666;

    margin-bottom:35px;

}


.research-label span {

    width:8px;
    height:8px;
    border-radius:50%;
    background:#000;

}



.research-hero h1 {

    max-width:1250px;

    font-size:clamp(55px,6vw,96px);

    line-height:.98;

    letter-spacing:-4px;

    font-weight:500;

    margin:0;

}



.research-hero p {

    max-width:900px;

    margin-top:45px;

    font-size:22px;

    line-height:1.55;

    color:#666;

}



.research-actions {

    display:flex;

    gap:20px;

    margin-top:50px;

}



.research-button {

    display:inline-flex;

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

    padding:18px 38px;

    font-size:12px;

    letter-spacing:3px;

    text-transform:uppercase;

    text-decoration:none;

}



.research-button.dark {

    background:#050505;

    color:#fff;

}



.research-button.light {

    border:1px solid #ddd;

    color:#050505;

}



/* =====================================================
   SECTION HEADERS
===================================================== */


.research-section-header {

    max-width:1000px;

}



.research-section-header h2 {

    font-size:clamp(42px,5vw,72px);

    line-height:1;

    letter-spacing:-3px;

    font-weight:500;

    margin:0;

}



.research-section-header p {

    margin-top:30px;

    max-width:850px;

    font-size:20px;

    line-height:1.6;

    color:#666;

}



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


.research-mission {

    background:#050505;

    color:#fff;

    padding:120px 0;

}



.research-mission .research-label {

    color:#aaa;

}



.research-mission-grid {

    margin-top:80px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}



.research-card {

    padding:45px;

    border:1px solid rgba(255,255,255,.15);

    min-height:330px;

}



.research-card span {

    font-size:12px;

    letter-spacing:3px;

    color:#888;

}



.research-card h3 {

    margin-top:45px;

    font-size:34px;

    letter-spacing:-1px;

}



.research-card p {

    margin-top:25px;

    color:#aaa;

    line-height:1.6;

}



/* =====================================================
   DOMAINS
===================================================== */


.research-domains {

    padding:120px 0;

}



.research-domain-grid {


    margin-top:80px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;


}



.research-domain-card {


    border:1px solid #e5e5e5;

    padding:40px;

    min-height:260px;

    transition:.25s;


}



.research-domain-card:hover {

    border-color:#000;

}



.research-domain-card h3 {

    font-size:30px;

    letter-spacing:-1px;

}



.research-domain-card p {


    margin-top:25px;

    color:#666;

    line-height:1.6;


}



/* =====================================================
   PIPELINE
===================================================== */


.research-pipeline {


    background:#050505;

    color:#fff;

    padding:120px 0;


}



.pipeline-research-flow {


    margin-top:80px;

    display:flex;

    align-items:stretch;

    gap:20px;


}



.pipeline-step {


    flex:1;

    border:1px solid rgba(255,255,255,.15);

    padding:35px;


}



.pipeline-step span {


    font-size:12px;

    letter-spacing:3px;

    color:#888;


}



.pipeline-step h3 {


    margin-top:35px;

    font-size:30px;


}



.pipeline-step p {


    margin-top:20px;

    color:#aaa;

}



.pipeline-step.active {

    border-color:#fff;

}



.pipeline-arrow {


    display:flex;

    align-items:center;

    font-size:25px;

    color:#777;

}



/* =====================================================
   FEATURED RESEARCH
===================================================== */


.featured-research {

    padding:120px 0;

}



.featured-grid {


    margin-top:70px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;


}



.featured-card {


    border:1px solid #e5e5e5;

    padding:40px;


}



.featured-id {


    font-size:12px;

    letter-spacing:3px;

    color:#888;


}



.featured-card h3 {


    margin-top:35px;

    font-size:30px;

    letter-spacing:-1px;


}



.featured-card p {


    margin-top:25px;

    color:#666;

    line-height:1.6;


}



.featured-card a {


    display:block;

    margin-top:35px;

    color:#000;

    text-decoration:none;

    font-size:14px;


}



/* =====================================================
   STACK
===================================================== */


.research-stack {


    background:#050505;

    color:#fff;

    padding:120px 0;


}



.research-stack-grid {


    margin-top:70px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;


}



.research-stack-grid > div {


    border:1px solid rgba(255,255,255,.15);

    padding:40px;


}



.research-stack-grid h3 {


    font-size:36px;

}



.research-stack-grid strong {


    display:block;

    margin-top:20px;


}



.research-stack-grid p {


    margin-top:25px;

    color:#aaa;

}



/* =====================================================
   CTA
===================================================== */


.research-cta {


    padding:120px 0;

    text-align:center;


}



.research-cta h2 {


    font-size:clamp(45px,5vw,75px);

    letter-spacing:-3px;

    font-weight:500;


}



.research-cta p {


    margin:30px auto;

    font-size:20px;

    color:#666;


}



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


@media(max-width:1000px){


.research-mission-grid,
.research-domain-grid,
.featured-grid,
.research-stack-grid {

    grid-template-columns:1fr;

}



.pipeline-research-flow {

    flex-direction:column;

}



.pipeline-arrow {

    justify-content:center;

}



.research-hero {

    padding:80px 0;

}



.research-hero h1 {

    font-size:48px;

    letter-spacing:-2px;

}



.research-section-header h2 {

    letter-spacing:-1px;

}



.research-actions {

    flex-direction:column;

}



.research-button {

    width:100%;

}


}