/* ==========================================================================
   VERTEXVOUND v2 — RESPONSIVE
   ========================================================================== */

@media (max-width: 1200px) {
  .trusted-grid { grid-template-columns: repeat(4, 1fr); }
  .impact-grid { grid-template-columns: 1fr 1fr; }
  .why-row, .why-row-stats { grid-template-columns: 1fr; }
  .why-label { writing-mode: horizontal-tb; margin-bottom: 20px; }
  .why-collage { margin-top: 40px; }
}

@media (max-width: 992px) {
  .nav, .header-search { display: none; }
  .hamburger { display: flex; }

  .wow-grid { grid-template-columns: 1fr; gap: 50px; }
  .core-grid { grid-template-columns: repeat(2, 1fr); }
  .core-item { border-bottom: 1px solid rgba(11,11,11,.2); }
  .core-item:nth-child(2n) { border-right: none; }

  .touch-grid { grid-template-columns: 1fr; gap: 60px; }
  .why-stats { grid-template-columns: 1fr 1fr; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .footer-nextmove { grid-column: 1 / -1; }
}

@media (max-width: 680px) {
  .container { padding: 0 20px; }

  .te-hero { padding-top: 110px; }
  .te-line-wrap { flex-direction: column; align-items: flex-start; gap: 4px; }
  .te-hero-eyebrow { margin-top: 6px; }
  .te-hero-rule { margin: 40px 20px 0; }
  .te-hero-scroll { left: 20px; bottom: 24px; }

  .trusted, .wow-feature, .core, .impact, .case-study, .why, .get-in-touch, .faq { padding: 90px 0; }
  .services { padding: 90px 0 0; }

  .trusted-grid { grid-template-columns: repeat(3, 1fr); }

  .explore-btn { width: 110px; height: 110px; font-size: 11px; }

  .service-row-head { padding: 24px 20px; }
  .service-projects { grid-template-columns: 1fr; padding: 0 20px 40px; }

  .core-grid { grid-template-columns: 1fr; }
  .core-item { border-right: none; }

  .impact-grid { grid-template-columns: 1fr; }

  .case-bg-text span { font-size: 22vw; }
  .case-nav { gap: 20px; }

  .why-rings { grid-template-columns: 1fr; gap: 50px; }
  .why-stats { grid-template-columns: 1fr; }
  .why-collage { height: 280px; }

  .contact-form { padding: 28px; }
  .form-row { grid-template-columns: 1fr; }

  .footer-top { grid-template-columns: 1fr; gap: 40px; }
  .footer-bottom { flex-direction: column; gap: 16px; text-align: center; }

  .cursor, .cursor-follower { display: none; }
  body { cursor: auto; }
}

@media (max-width: 380px) {
  .btn { padding: 14px 24px; font-size: 13px; }
}
/* ====================================
   FAQ CTA - Mobile
==================================== */

@media (max-width: 768px){

    .faq-cta .header-cta{
        display:inline-flex !important;
        justify-content:center;
        align-items:center;
        width:auto;
        margin:25px auto 0;
    }

}
/* ====================================
   MOBILE HEADER
==================================== */

@media (max-width:992px){

.header{
    padding:0;
}

.header-inner{
    height:72px;
    padding:0 18px;
}

.logo{
    display:flex;
    align-items:center;
}

.logo img{
    height:46px;
    width:auto;
    max-width:100%;
    object-fit:contain;
}

.header-cta{
    display:none;
}

.hamburger{
    display:flex;
    width:42px;
    height:42px;
    align-items:center;
    justify-content:center;
    margin-left:auto;
}

}