.ax-scroll-sequence {
  height: 100vh !important;
  min-height: 650px;
  padding: 0 !important;
  position: relative;
  overflow: hidden;
  background-color: #1f201e !important;
}

.ax-scroll-sequence .section-bg,
.ax-scroll-sequence .section-content {
  height: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #1f201e !important;
}

.ax-scroll-sequence .section-bg-overlay {
  display: none !important;
}

.ax-sticky-wrapper {
  position: relative !important;
  height: 100vh !important;
  min-height: 650px;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background-color: #ffffff !important;
}

.ax-image-track,
.ax-text-track {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ax-form-track {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ax-sticky-wrapper .col-inner {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ax-image-track {
  overflow: hidden !important;
  position: absolute !important;
}

/* Lớp phủ tối ảnh thay thế filter brightness để chống nháy trắng hoàn toàn */
/* .ax-image-track::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  opacity: 0;
  pointer-events: none;
  transition: opacity 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.2s;
  z-index: 2;
} */

/* ========================================================
   TRẠNG THÁI BAN ĐẦU (TRƯỚC KHI SCROLL TỚI)
   - Kích thước chuẩn tỉ lệ 16:9 (800x450 hoặc 75vw)
   - Phóng to bằng GPU transform scale thay vì đổi width/height
     để triệt tiêu 100% hiện tượng drop frame & nháy trắng
   ======================================================== */
.ax-image-track .img {
  width: 800px !important;
  max-width: 75vw;
  aspect-ratio: 16 / 9;
  margin: 0 !important;
  background-color: #1f201e !important;
  transform: scale(1) translateZ(0);
  transform-origin: center center;
  transition: transform 3s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ax-image-track .img-inner {
  background-color: #1f201e !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ax-image-track img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  background-color: #1f201e !important;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
}

.ax-text-track .ax-center-text,
.ax-text-track p {
  font-size: 13vw !important;
  font-weight: 500;
  color: #c4c4c4a1;
  letter-spacing: 0.1em;
  padding-left: 0.15em !important;
  margin: 0 !important;
  line-height: 1;
  white-space: nowrap;
  opacity: 1;
  transform: scale(1);
  transition: font-size 2s cubic-bezier(0.25, 1, 0.5, 1),
    transform 2s cubic-bezier(0.25, 1, 0.5, 1),
    opacity 1.8s cubic-bezier(0.25, 1, 0.5, 1) 2s;
  will-change: font-size, transform, opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ax-form-track {
  z-index: 5 !important;
}

.ax-form-track form {
  margin-bottom: 0 !important;
}

.ax-form-track .col-inner {
  flex-direction: column;
  transform: translateY(110%);
  pointer-events: none;
  transition: transform 1.3s cubic-bezier(0.16, 1, 0.3, 1) 0.8s;
}

/* ========================================================
   KHI SCROLL TỚI (.is-revealed):
   - Bước 1: Phóng ảnh chậm rãi & chữ thu nhỏ biến mất hoàn toàn (0s -> 1.6s)
   - Bước 2: Tối ảnh (bằng lớp phủ overlay) và đẩy contact form từ dưới lên (bắt đầu sau 1.2s)
   ======================================================== */
.ax-sticky-wrapper.is-revealed .ax-image-track .img,
.ax-scroll-sequence.is-revealed .ax-image-track .img {
  transform: scale(var(--cover-scale, 2.5)) translateZ(0);
}

.ax-sticky-wrapper.is-revealed .ax-text-track .ax-center-text,
.ax-sticky-wrapper.is-revealed .ax-text-track p,
.ax-scroll-sequence.is-revealed .ax-text-track .ax-center-text,
.ax-scroll-sequence.is-revealed .ax-text-track p {
  font-size: 24px !important;
  transform: scale(0.35);
  opacity: 0 !important;
  pointer-events: none;
}

.ax-sticky-wrapper.is-revealed .ax-form-track .col-inner,
.ax-scroll-sequence.is-revealed .ax-form-track .col-inner {
  transform: translateY(0);
  pointer-events: auto;
}

@media (max-width: 1059px) {

  /* Chiều cao linh hoạt tự co giãn theo nội dung, không áp cứng 100vh */
  .ax-scroll-sequence {
    height: auto !important;
    min-height: 100vh !important;
    padding: 0 !important;
  }

  .ax-scroll-sequence .section-bg,
  .ax-scroll-sequence .section-content {
    height: 100% !important;
  }

  .ax-sticky-wrapper {
    height: auto !important;
    min-height: 100vh !important;
    overflow: hidden !important;
  }

  /* Giữ nguyên track ảnh tuyệt đối để cover toàn bộ chiều cao linh hoạt */
  .ax-image-track {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 1 !important;
  }

  .ax-image-track .img {
    width: 67% !important;
    max-width: 85vw;
    aspect-ratio: 16 / 9;
    background-color: #1f201e !important;
  }

  /* Giữ nguyên hiệu ứng chữ AXIANG thu nhỏ và biến mất */
  .ax-text-track {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 3 !important;
  }

  .ax-text-track .ax-center-text,
  .ax-text-track p {
    font-size: 15vw !important;
  }

  .ax-sticky-wrapper.is-revealed .ax-text-track .ax-center-text,
  .ax-sticky-wrapper.is-revealed .ax-text-track p,
  .ax-scroll-sequence.is-revealed .ax-text-track .ax-center-text,
  .ax-scroll-sequence.is-revealed .ax-text-track p {
    font-size: 20px !important;
    transform: scale(0.35);
    opacity: 0 !important;
  }

  /* Form track làm trục co giãn chiều cao linh hoạt cho toàn section */
  .ax-form-track {
    position: relative !important;
    z-index: 5 !important;
    width: 100% !important;
    min-height: 100vh !important;
    height: auto !important;
    top: auto !important;
    left: auto !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 30px 0 !important;
  }

  .ax-form-track .col-inner {
    height: auto !important;
    padding: 0 15px !important;
  }

  .ax-glass-form {
    margin: 20px auto !important;
    padding: 36px 20px !important;
  }
}