/* ======================================================
   GPIR v1.1.0
   Global Intelligence Command Centre
====================================================== */


#command-centre{

    background:var(--hero-light-bg);

    padding:80px 0;

}

.command-header{

    text-align:center;

    max-width:900px;

    margin:0 auto 60px;

}

.command-header .section-label{

    display:inline-block;

    background:var(--hero-gold);

    color:var(--hero-navy);

    padding:8px 18px;

    border-radius:30px;

    font-weight:700;

    font-size:.85rem;

    letter-spacing:1px;

    margin-bottom:20px;

}

.command-header h2{

    color:var(--hero-navy);

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

    margin-bottom:20px;

}

.command-header p{

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

    line-height:1.8;

    font-size:1.05rem;

}

.command-grid{

    display:grid;

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

    gap:30px;

}

.command-card{

    color: var(--hero-navy);

    background: var(--hero-light-card);

    border:1px solid var(--hero-light-border);

    border-radius:var(--radius-md);

    padding:35px;

    transition:var(--transition-normal);

    position:relative;

    overflow:hidden;

    box-shadow:0 4px 16px rgba(15,39,71,.05);

}

.command-card::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:5px;

    height:100%;

    background: var(--hero-gold);

    transform:scaleY(0);

    transform-origin:top;

    transition:var(--transition-normal);

}

.command-card:hover::before{

    transform:scaleY(1);

}

.command-card:hover{

    transform:translateY(-8px);

    border-color:var(--hero-gold);

    box-shadow:var(--shadow-lg);

}
.command-card:focus-within{

    border-color:var(--hero-gold);

    box-shadow:var(--shadow-lg);

}

.command-icon{

    width:56px;

    height:56px;

    margin-bottom:20px;

}

.command-icon img{

    width:100%;

    height:100%;

    object-fit:contain;

}

.command-card h3{

    color: var(--hero-navy);

    margin-bottom:18px;

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

}

.command-card p{

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

    line-height:1.8;

    font-size:var(--fs-body-sm);

    text-align:justify;

    text-align-last:left;

}

@media(max-width:768px){

.command-header h2{

font-size:2rem;

}

.command-grid{

grid-template-columns:1fr;

}

}