/* ================= HOME PAGE RESPONSIVE ================= */

@media (max-width: 1024px) {
    .hero {
      padding: 120px 32px 80px;
    }
  
    .hero-left h1 {
      font-size: 3.2rem;
    }
  
    .card-stack {
      width: 380px;
      height: 440px;
    }
  }
  
  @media (max-width: 768px) {
  
    .hero {
      flex-direction: column;
      text-align: center;
      padding: 100px 24px 60px;
      gap: 40px;
    }
  
    .hero-left{
      width: 100%;
    }
  
    .hero-right{
    display: none;
    }
    .hero-right {
      display: none;
    }
  
    /* expand hero-left to full width */
    .hero-left {
      width: 100%;
      text-align: center;
    }
  
    /* FIX THE GAP — reset hero height */
    .hero {
      height: auto;
      min-height: unset;
      padding-bottom: 40px; /* optional, looks cleaner */
    }

    .cta-group {
      flex-direction: column;
      align-items: stretch;
      gap: 16px;
    }
  
    .card-stack {
      width: 100%;
      max-width: 420px;
      height: 360px;
    }
  
    .stack-card {
      width: 70%;
      height: 260px;
    }
  
    .scroll-loop-gallery {
      padding: 40px 0 20px;
      overflow-x: auto;
    }
  
    .g-card {
      width: 70vw;
      max-width: 320px;
      scroll-snap-align: center;
    }
  
    .contact-section {
      padding: 80px 24px 100px;
    }
  }
  
  @media (max-width: 480px) {
    .hero-left h1 {
      font-size: 2.4rem;
    }
  
    .faq-section {
      padding: 60px 6%;
    }
  
    .faq-title {
      font-size: 2rem;
    }
  
    .faq-question {
      padding: 16px 16px;
    }
  
    .faq-answer {
      padding: 0 16px 16px 16px;
    }
    
  }