/* ===================== COMING SOON ===================== */
#coming-soon { padding: 100px 56px; border-top: 1px solid var(--border); overflow: hidden; position: relative; }
.cs-bg-text {
  position: absolute; left: 50%; transform: translateX(-50%);
  font-size: 200px; font-weight: 600; color: rgba(201,169,110,0.025);
  font-family: var(--ff-serif); pointer-events: none; white-space: nowrap; font-style: italic;
  top: 50%; margin-top: -100px;
}
.cs-inner { max-width: 700px; margin: 0 auto; text-align: center; position: relative; z-index: 1; }
.cs-label { font-family: var(--ff-sans); font-size: 9px; letter-spacing: 0.5em; text-transform: uppercase; color: var(--gold-dark); margin-bottom: 28px; }
.cs-title { font-size: 64px; font-weight: 300; line-height: 0.95; margin-bottom: 8px; color: var(--text); text-shadow: 0 0 18px rgba(248,241,227,0.04), 0 0 30px rgba(196,138,94,0.05); }
.cs-title em { font-style: italic; color: var(--gold); display: block; text-shadow: 0 0 16px rgba(212,175,55,0.14), 0 0 28px rgba(196,138,94,0.10); }
.cs-title span { color: var(--text-dim); font-size: 52px; }
.cs-divider { display: flex; align-items: center; gap: 20px; margin: 28px auto; justify-content: center; }
.cs-divider-line { width: 80px; height: 1px; background: var(--border-gold); }
.cs-divider-glyph { color: var(--gold-dark); font-size: 12px; }
.cs-teaser { font-size: 18px; font-style: italic; color: var(--text-muted); line-height: 1.7; margin-bottom: 36px; }
.cs-countdown { display: flex; gap: 32px; justify-content: center; margin-bottom: 40px; }
.cs-count-item { text-align: center; }
.cs-count-num { font-size: 40px; color: var(--gold); letter-spacing: -0.02em; line-height: 1; }
.cs-count-label { font-family: var(--ff-sans); font-size: 8px; letter-spacing: 0.4em; text-transform: uppercase; color: var(--text-dim); margin-top: 6px; }
.cs-count-sep { font-size: 28px; color: var(--text-dim); align-self: flex-start; margin-top: 10px; }