/* =========================================================
   IIPE 2027 - Halaman "Coming Soon" (dipakai Exhibitor Manual)
   Dimuat setelah bottom.css (badge, judul pixel, tombol pixel, contact-link).
   Panel kuning-oranye supaya beda dari hero ungu/biru/hijau halaman lain.
   ========================================================= */
.soon {
  --t: min(7vw, 100px);
  position: relative; overflow: hidden; text-align: center;
  display: grid; align-items: center;
  min-height: min(78vh, 760px);
  padding: clamp(48px, 7vw, 110px) 6vw calc(var(--t) + clamp(40px, 6vw, 90px));
  background:
    linear-gradient(90deg, #FFB84D 50%, transparent 50%) left bottom / calc(var(--t) * 2) var(--t) repeat-x,
    #E8A91F;
}
.soon-inner { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; }
.soon .badge { margin-bottom: 18px; background: #FFFFDA; color: #B27A0B; border-color: #B27A0B; box-shadow: 0 3px 0 #B27A0B; }
.soon .px-title { --oc: #B27A0B; --pv: .5vw; --pmax: 6px; margin: 0 auto; }
.soon-sub {
  max-width: 560px; margin: 24px auto 0;
  font: 400 clamp(16px, 1.5vw, 20px)/1.6 'Funnel Display', system-ui, sans-serif; color: #FFFFDA;
}
.soon-buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: clamp(26px, 3vw, 40px); }
.soon-note {
  margin: 28px 0 0;
  font: 400 clamp(15px, 1.3vw, 17px)/1.5 'Funnel Display', system-ui, sans-serif; color: #FFFFDA;
}
.soon-note .contact-link { font-weight: 600; }

.soon-prop { position: absolute; bottom: calc(var(--t) - 2px); width: clamp(64px, 10vw, 150px); pointer-events: none; }
.soon-prop.l { left: 6%; }
.soon-prop.r { right: 6%; }
.soon-prop img { display: block; width: 100%; height: auto; image-rendering: pixelated; }
.soon-prop .coin { position: absolute; left: 50%; top: 0; width: 48%; transform: translate(-50%, -58%); animation: bBob 2.4s steps(4) infinite; }
.soon-prop.r .coin { animation-delay: -1.2s; }

@media (prefers-reduced-motion: reduce) { .soon-prop .coin { animation: none; } }

@media (max-width: 720px) {
  .soon { --t: 12vw; min-height: 0; padding-bottom: calc(var(--t) + 24vw + 16px); }
  .soon-prop { width: 20vw; }
  .soon-prop.l { left: 3%; }
  .soon-prop.r { right: 3%; }
}