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

.operations-hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:#071014;

}

.operations-video{

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:100%;

    object-fit:cover;

}

.operations-overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(
    rgba(7, 16, 20, 0.854),
    rgba(7, 16, 20, 0.966)
    );

}
.containerr{
    width: 90%;
    margin: auto;
}
.operations-hero-content{

    position:relative;

    z-index:2;

    max-width:760px;

}

.hero-label{

    display:inline-flex;

    align-items:center;

    padding:12px 18px;

    border-radius:100px;

    background:
    rgba(255,255,255,.05);

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

    color:#C6A15B;

    font-size:12px;

    letter-spacing:3px;

    text-transform:uppercase;

    font-family:
    "JetBrains Mono",
    monospace;

}

.operations-hero h1{

    margin-top:35px;

    max-width:750px;

    color:#F4F1EA;

    font-size:88px;

    line-height:1.05;

    font-weight:500;

}

.operations-hero p{

    margin-top:35px;

    max-width:650px;

    color:#C5CECB;

    font-size:22px;

    line-height:1.9;

}

.operations-domains{

    display:flex;

    gap:20px;

    margin-top:60px;

    flex-wrap:wrap;

}

.operations-domains div{

    padding:18px 28px;

    border-radius:18px;

    background:
    rgba(255,255,255,.05);

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

    backdrop-filter:
    blur(18px);

    color:#F4F1EA;

    font-size:16px;

    transition:.35s;

}

.operations-domains div:hover{

    transform:
    translateY(-6px);

    border-color:
    rgba(198,161,91,.30);

    background:
    rgba(255,255,255,.08);

}

.hero-scroll{

    position:absolute;

    bottom:40px;

    left:50%;

    transform:
    translateX(-50%);

    z-index:2;

}

.hero-scroll span{

    color:#C6A15B;

    font-size:11px;

    letter-spacing:4px;

    font-family:
    "JetBrains Mono",
    monospace;

}

/* ==========================
TABLET
========================== */

@media(max-width:992px){

.operations-hero h1{

    font-size:64px;

}

}

/* ==========================
MOBILE
========================== */

@media(max-width:768px){
.containerr{
    width: 95%;
}
.operations-hero{

    min-height:90vh;

}

.operations-hero h1{

    font-size:42px;

}

.operations-hero p{

    font-size:17px;

}

.operations-domains{

    flex-direction:column;

}

.operations-domains div{

    width:100%;

}

}
/* =====================================================
INDUSTRIAL ENVIRONMENTS
===================================================== */

.ops-environments{

    padding:140px 0;

    background:#F4F1EA;

}

.ops-wrapper{

    width:min(1400px,92%);

    margin:auto;

}

.ops-header{

    max-width:850px;

}

.ops-section-tag{

    color:#C6A15B;

    font-size:12px;

    letter-spacing:3px;

    text-transform:uppercase;

    font-family:
    "JetBrains Mono",
    monospace;

}

.ops-header h2{

    margin-top:30px;

    color:#071014;

    font-size:72px;

    line-height:1.1;

    font-weight:500;

}

.ops-environment-card{

    display:grid;

    grid-template-columns:
    1fr
    1fr;

    gap:70px;

    align-items:center;

    margin-top:100px;

}

.ops-reverse{

    direction:rtl;

}

.ops-reverse
.ops-environment-content{

    direction:ltr;

}

.ops-environment-image{

    overflow:hidden;

    border-radius:30px;

}

.ops-environment-image img{

    width:100%;

    height:650px;

    object-fit:cover;

    transition:.6s;

}

.ops-environment-card:hover
.ops-environment-image img{

    transform:scale(1.05);

}

.ops-environment-content span{

    color:#C6A15B;

    font-size:12px;

    letter-spacing:3px;

    font-family:
    "JetBrains Mono",
    monospace;

}

.ops-environment-content h3{

    margin-top:24px;

    color:#071014;

    font-size:60px;

    line-height:1.1;

    font-weight:500;

}

.ops-environment-content p{

    margin-top:30px;

    max-width:540px;

    color:#5D676D;

    font-size:20px;

    line-height:1.9;

}

/* ==========================
TABLET
========================== */

@media(max-width:992px){

.ops-environment-card{

    grid-template-columns:1fr;

    gap:40px;

}

.ops-reverse{

    direction:ltr;

}

.ops-environment-image img{

    height:450px;

}

.ops-header h2{

    font-size:52px;

}

.ops-environment-content h3{

    font-size:42px;

}

}

/* ==========================
MOBILE
========================== */

@media(max-width:768px){

.ops-environments{

    padding:80px 0;

}

.ops-header h2{

    font-size:36px;

}

.ops-environment-image img{

    height:280px;

}

.ops-environment-content h3{

    font-size:30px;

}

.ops-environment-content p{

    font-size:17px;

}

}

/* =====================================================
INFRASTRUCTURE INTELLIGENCE
===================================================== */

.ops-intelligence{

    padding:140px 0;

    background:#071014;

}

.ops-intelligence-grid{

    display:grid;

    grid-template-columns:
    .95fr
    1.05fr;

    gap:90px;

}

.ops-intelligence-visual{

    position:sticky;

    top:120px;

    height:fit-content;

}

.ops-intelligence-image{

    overflow:hidden;

    border-radius:30px;

}

.ops-intelligence-image img{

    width:100%;

    min-height:720px;

    object-fit:cover;

    display:block;

}

.ops-intelligence-card{

    position:absolute;

    left:35px;

    right:35px;

    bottom:35px;

    padding:32px;

    border-radius:24px;

    background:
    rgba(7,16,20,.82);

    backdrop-filter:
    blur(24px);

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

}

.ops-intelligence-card span{

    color:#C6A15B;

    font-size:12px;

    letter-spacing:3px;

    font-family:
    "JetBrains Mono",
    monospace;

}

.ops-intelligence-card h3{

    margin-top:18px;

    color:#F4F1EA;

    font-size:30px;

    line-height:1.4;

    font-weight:500;

}

.ops-intelligence-content{

    display:flex;

    flex-direction:column;

    gap:120px;

}

.ops-story-block span{

    color:#C6A15B;

    font-size:12px;

    letter-spacing:3px;

    font-family:
    "JetBrains Mono",
    monospace;

}

.ops-story-block h2{

    margin-top:25px;

    color:#F4F1EA;

    font-size:62px;

    line-height:1.1;

    font-weight:500;

}

.ops-story-block p{

    margin-top:30px;

    max-width:620px;

    color:#BFC8C5;

    font-size:20px;

    line-height:1.9;

}

/* ==========================
TABLET
========================== */

@media(max-width:992px){

.ops-intelligence-grid{

    grid-template-columns:1fr;

}

.ops-intelligence-visual{

    position:relative;

    top:auto;

}

.ops-intelligence-image img{

    min-height:500px;

}

.ops-story-block h2{

    font-size:46px;

}

}

/* ==========================
MOBILE
========================== */

@media(max-width:768px){

.ops-intelligence{

    padding:80px 0;

}

.ops-intelligence-image img{

    min-height:320px;

}

.ops-intelligence-card{

    left:20px;

    right:20px;

    bottom:20px;

    padding:22px;

}

.ops-intelligence-card h3{

    font-size:22px;

}

.ops-story-block h2{

    font-size:32px;

}

.ops-story-block p{

    font-size:17px;

}

.ops-intelligence-content{

    gap:70px;

}

}

/* =====================================================
OPERATIONAL ARCHIVE
===================================================== */

.ops-archive{

    padding:140px 0;

    background:#F4F1EA;

}

.ops-archive-header{

    max-width:800px;

}

.ops-archive-header h2{

    margin-top:28px;

    color:#071014;

    font-size:72px;

    line-height:1.1;

    font-weight:500;

}

.ops-archive-header p{

    margin-top:32px;

    color:#5C666B;

    font-size:20px;

    line-height:1.9;

}

.ops-archive-terminal{

    margin-top:90px;

    border-radius:30px;

    overflow:hidden;

    background:#FFFFFF;

    border:1px solid
    rgba(7,16,20,.08);

    box-shadow:
    0 40px 100px
    rgba(7,16,20,.08);

}

.ops-archive-top{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:30px 40px;

    border-bottom:1px solid
    rgba(7,16,20,.08);

    font-family:
    "JetBrains Mono",
    monospace;

    font-size:12px;

    letter-spacing:2px;

}

.ops-archive-status{

    display:flex;

    align-items:center;

    gap:12px;

}

.ops-archive-dot{

    width:10px;

    height:10px;

    border-radius:50%;

    background:#29C46A;

}

.ops-log-item{

    display:grid;

    grid-template-columns:
    140px
    180px
    1fr;

    gap:30px;

    padding:35px 40px;

    border-bottom:1px solid
    rgba(7,16,20,.06);

    transition:.35s;

}

.ops-log-item:hover{

    background:#FAFAFA;

    padding-left:55px;

}

.ops-log-item span{

    color:#8A9490;

    font-family:
    "JetBrains Mono",
    monospace;

}

.ops-log-item strong{

    color:#071014;

    font-size:24px;

    font-weight:500;

}

.ops-log-item p{

    color:#5D676D;

    line-height:1.8;

}

.ops-archive-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:30px 40px;

    background:#071014;

    color:#C6A15B;

    font-size:12px;

    letter-spacing:2px;

    font-family:
    "JetBrains Mono",
    monospace;

}

.ops-archive-bottom span{

    color:#B8C2BE;

}

/* ==========================
TABLET
========================== */

@media(max-width:992px){

.ops-log-item{

    grid-template-columns:1fr;

    gap:15px;

}

.ops-archive-top,
.ops-archive-bottom{

    flex-direction:column;

    align-items:flex-start;

    gap:15px;

}

}

/* ==========================
MOBILE
========================== */

@media(max-width:768px){

.ops-archive{

    padding:80px 0;

}

.ops-archive-header h2{

    font-size:38px;

}

.ops-archive-header p{

    font-size:17px;

}

.ops-log-item{

    padding:24px;

}

}

/* =====================================================
STRATEGIC COLLABORATION
===================================================== */

.ops-collaboration{

    padding:140px 0;

    background:

    linear-gradient(
    rgba(7,16,20,.94),
    rgba(7,16,20,.96)
    ),

    url("./finance quinticlabs-team.webp");

    background-size:cover;

    background-position:center;

    background-attachment:fixed;

}

.ops-collaboration-panel{

    max-width:1100px;

    margin:auto;

    padding:80px;

    border-radius:36px;

    background:

    rgba(255,255,255,.04);

    backdrop-filter:
    blur(28px);

    -webkit-backdrop-filter:
    blur(28px);

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

    text-align:center;

    box-shadow:
    0 40px 120px
    rgba(0,0,0,.25);

}

.ops-collaboration-tag{

    color:#C6A15B;

    font-size:12px;

    letter-spacing:3px;

    text-transform:uppercase;

    font-family:
    "JetBrains Mono",
    monospace;

}

.ops-collaboration-panel h2{

    margin-top:30px;

    color:#F4F1EA;

    font-size:72px;

    line-height:1.05;

    font-weight:500;

}

.ops-collaboration-panel p{

    max-width:760px;

    margin:35px auto 0;

    color:#C4CECA;

    font-size:20px;

    line-height:1.9;

}

.ops-collaboration-grid{

    margin-top:60px;

    display:grid;

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

    gap:20px;

}

.ops-collaboration-item{

    padding:24px;

    border-radius:20px;

    background:
    rgba(255,255,255,.04);

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

    color:#F4F1EA;

    transition:.35s;

}

.ops-collaboration-item:hover{

    transform:
    translateY(-6px);

    border-color:
    rgba(198,161,91,.30);

}

.ops-collaboration-actions{

    margin-top:60px;

    display:flex;

    justify-content:center;

    gap:24px;

    flex-wrap:wrap;

}

.ops-btn-primary,
.ops-btn-secondary{

    display:inline-flex;

    align-items:center;

    gap:14px;

    padding:18px 34px;

    border-radius:100px;

    text-decoration:none;

    transition:.35s;

}

.ops-btn-primary{

    background:#C6A15B;

    color:#071014;

}

.ops-btn-primary:hover{

    transform:
    translateY(-4px);

}

.ops-btn-secondary{

    background:
    rgba(255,255,255,.04);

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

    color:#F4F1EA;

}

.ops-btn-secondary:hover{

    transform:
    translateY(-4px);

    background:
    rgba(255,255,255,.08);

}

.ops-collaboration-foot{

    margin-top:50px;

    color:#C6A15B;

    font-size:12px;

    letter-spacing:3px;

    text-transform:uppercase;

    font-family:
    "JetBrains Mono",
    monospace;

}

/* ==========================
TABLET
========================== */

@media(max-width:992px){

.ops-collaboration-grid{

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

}

.ops-collaboration-panel h2{

    font-size:52px;

}

}

/* ==========================
MOBILE
========================== */

@media(max-width:768px){

.ops-collaboration{

    padding:80px 0;

}

.ops-collaboration-panel{

    padding:50px 25px;

}

.ops-collaboration-panel h2{

    font-size:36px;

}

.ops-collaboration-panel p{

    font-size:17px;

}

.ops-collaboration-grid{

    grid-template-columns:1fr;

}

.ops-collaboration-actions{

    flex-direction:column;

}

.ops-btn-primary,
.ops-btn-secondary{

    justify-content:center;

    width:100%;

}

}