/* ==========================================================
   CONTACT PAGE - 3D Torus Canvas Animation
   ==========================================================
   Mobile-First Responsive CSS
   Breakpoints: 1025px, 1281px
   ========================================================== */

/* ==========================================================
   BASE STYLES (320px+)
========================================================== */
.innovation-section {
    background: #000;
    margin-top: 10rem;
    width: 100%;
    overflow: visible;
    position: relative;
    z-index: 1;
}

.capabilities-header {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: visible;
}

.capabilities-canvas {
    width: 100%;
    max-width: none;
    height: 20rem;
}

/* ==========================================================
   DESKTOP (1025-1280px)
========================================================== */
@media (min-width: 1025px) {
    .capabilities-canvas {
        height: 24rem;
    }
}

/* ==========================================================
   LARGE DESKTOP (1281px+)
========================================================== */
@media (min-width: 1281px) {
    .capabilities-canvas {
        height: 28rem;
    }
}