/* =============================================
   HERO — mobile image 
   ============================================= */
@media (max-width: 1024px) {
  .hero-content {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }

  .hero-right {
    display: block !important;
    height: 50vw;
    min-height: 280px;
    position: relative;
    order: -1;
  }

  .hero-right-bg {
    position: absolute;
    inset: 0;
    min-height: unset;
    background-position: center top;
  }

  .hc-stats-bar {
    left: 16px;
    bottom: 16px;
  }

  .hc-stat {
    padding: 10px 14px;
  }

  .hc-num {
    font-size: 24px;
  }

  .hero-left {
    padding: 40px 24px;
    min-height: unset;
  }
}

/* =============================================
   TEAM — mobile touch fixes
   ============================================= */
@media (max-width: 1024px) {
  .team-card {
    cursor: pointer;
  }

  /* Active state при натискане */
  .team-card.touched .tc-img-1 {
    opacity: 0;
    transform: scale(1.05);
  }

  .team-card.touched .tc-img-2 {
    opacity: 1;
    transform: scale(1);
  }

  .team-card.touched .tc-overlay {
    opacity: 1;
    transform: translateY(0);
  }

  .team-card.touched .tc-location {
    opacity: 1;
  }

  .team-card.touched .tc-info {
    opacity: 0;
  }
}