/* ==========================================================================
   07 · Countdown
   Referensi: assets/image-reference/7.00 Countdown.png (frame 412 × 917)
   Urutan masuk: "Counting Down" per baris (0ms) → subjudul (400ms)
   → angka bergulir dari 0 (700 / 800 / 900 / 1000ms) → tombol + bunga (1400ms)
   ========================================================================== */

.countdown {
  height: var(--frame-h);
  display: flex;
  flex-direction: column;
  padding: clamp(3rem, 16.66svh, 9.55rem) var(--gutter) 0;
}

.countdown__title {
  /* "Menghitung" lebih panjang dari "Counting": diperkecil supaya muat
     satu baris (desain asli 69.5px untuk "Counting Down") */
  font-size: clamp(3rem, 14.3vw, 3.6rem);
  font-weight: 300;
  line-height: 1.09;
}

.countdown__subtitle {
  max-width: 13.5rem;
  margin-top: clamp(0.75rem, 2svh, 1.15rem);
  font-size: 0.75rem; /* 12px */
  line-height: 1.167; /* 14px */
}

/* --- Angka ---------------------------------------------------------------- */

.countdown__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: clamp(1rem, 3.86svh, 2.2rem);
  margin-top: clamp(1.5rem, 5.21svh, 3rem);
  /* Kolom angka simetris di tengah frame (pusat ±78px dari tengah) */
  padding-inline: 0.5rem;
  text-align: center;
}

.countdown__num {
  display: block;
  font-family: var(--font-display);
  font-size: clamp(4.5rem, 21.97vw, 5.65625rem); /* 90.5px di frame 412 */
  font-weight: 700;
  line-height: 1;
}

.countdown__label {
  display: block;
  margin-top: 0.48rem;
  font-size: 0.75rem; /* 12px */
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.countdown__action {
  position: relative;
  z-index: 1;
  margin-top: clamp(1.25rem, 5.16svh, 2.95rem);
}

/* Bunga matahari terpotong di bawah tengah */
.countdown__flower {
  position: absolute;
  left: 50%;
  bottom: -5.5rem;
  width: 12.25rem; /* 196px */
  aspect-ratio: 1;
  margin-left: -6.125rem;
}

.countdown__flower img {
  width: 100%;
  height: 100%;
}

/* --- Odometer (angka bergulir) ------------------------------------------- */
/* Setiap digit = jendela setinggi 1em berisi strip 0–9 yang digeser. */

.odo {
  display: inline-flex;
  height: 1em;
  overflow: hidden;
}

.odo__digit {
  display: block;
  height: 1em;
  overflow: hidden;
}

.odo__strip {
  display: flex;
  flex-direction: column;
  transform: translateY(calc(var(--d, 0) * -1em));
  transition: transform var(--odo-dur, 300ms) var(--ease-snap);
}

.odo__strip > span {
  display: block;
  height: 1em;
  line-height: 1;
}

@media (prefers-reduced-motion: reduce) {
  .odo__strip {
    transition: none;
  }
}