/* ══════════════════════════════════════════════════════════════════
   Corbit — Resources page
   Ported 1:1 from the "Corbit Resources- Final" canvas.
   Sections: coming-soon band (the only one — the archive is still
   being written, so the page says so instead of faking cards).
   ══════════════════════════════════════════════════════════════════ */

/* ═══════════ 01 · COMING SOON ═══════════ */
/* The band rides on .page-hero (navy ground, faint grid) from main.css —
   only the glow, the copy scale and the scan line are local. */

/* a fixed glow over the fold instead of the pointer-tracked spotlight the
   other dark heroes use — there is nothing here to point at */
.coming__glow {
  position: absolute;
  top: -260px;
  left: 50%;
  width: 1000px;
  height: 760px;
  margin-left: -500px;
  background: radial-gradient(ellipse at center,
    rgba(1, 233, 197, .13) 0%, rgba(1, 233, 197, 0) 62%);
  pointer-events: none;
}

.coming__body {
  position: relative;
  padding: 150px var(--gutter) 160px;
}

.coming__badge {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 7px 16px;
  margin-bottom: 34px;
  border: 1px solid rgba(1, 233, 197, .32);
  background: rgba(1, 233, 197, .07);
  font-size: 13px;
  font-weight: var(--fw-semibold);
  color: var(--mint-7);
}

.coming__title {
  margin: 0 0 26px;
  font-size: 56px;
  line-height: 1.3;
  font-weight: var(--fw-black);
  letter-spacing: -.035em;
  color: var(--white);
  max-width: 900px;
}

.coming__text {
  margin: 0;
  font-size: 17.5px;
  line-height: 2.05;
  color: rgba(255, 255, 255, .68);
  max-width: 720px;
}

/* Hairline across the foot of the band with a cyan sweep running along it */
.coming__scan {
  position: absolute;
  left: 64px;
  right: 64px;
  bottom: 120px;
  height: 2px;
  overflow: hidden;
  background: rgba(255, 255, 255, .14);
}
.coming__scan span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 26%;
  background: linear-gradient(90deg,
    rgba(1, 233, 197, 0), var(--mint-7), rgba(1, 233, 197, 0));
  animation: nhScan 3.4s ease-in-out infinite;
}

@keyframes nhScan {
  from { transform: translateX(-100%); }
  to   { transform: translateX(385%); }
}

/* ── Responsive ───────────────────────────────────────────────────── */
@media (max-width: 980px) {
  .coming__body { padding: 104px var(--gutter) 118px; }
  .coming__title { font-size: 40px; }
  .coming__scan { left: 32px; right: 32px; bottom: 84px; }
}

@media (max-width: 620px) {
  .coming__body { padding: 84px var(--gutter) 96px; }
  .coming__title { font-size: 30px; }
  .coming__text { font-size: 16px; }
  .coming__scan { left: 24px; right: 24px; bottom: 60px; }
}