/* ==========================================================================
 * app/design-src/masterclass/coming-soon.css — page « Bientôt disponible »
 * Mobile-first STRICT. Tokens masterclass uniquement (rule 020 / rule 000 §5).
 * ========================================================================== */

.masterclass-body--coming-soon {
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  background:
    radial-gradient(120% 90% at 80% 0%, color-mix(in srgb, var(--mc-band-soft) 55%, transparent) 0%, transparent 58%),
    linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-secondary) 100%);
}

.mc-coming-soon {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(32px, 8dvh, 72px) var(--space-md);
}

.mc-coming-soon__panel {
  width: min(100%, 36rem);
  margin-inline: auto;
  text-align: center;
}

.mc-coming-soon__brand {
  margin: 0 0 var(--space-xl);
}

.mc-coming-soon__brand-name {
  display: block;
  font-family: var(--font-serif);
  font-size: clamp(1.35rem, 4.5vw, 1.85rem);
  line-height: var(--lh-tight);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--color-ink);
}

.mc-coming-soon__brand-sub {
  display: block;
  margin-top: var(--space-xs);
  font-family: var(--font-mono);
  font-size: var(--fs-eyebrow);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--mc-terracotta);
}

.mc-coming-soon__title {
  margin: 0;
  font-family: var(--font-serif);
  font-weight: var(--fw-regular);
  font-size: clamp(1.75rem, 6vw, 2.35rem);
  line-height: var(--lh-tight);
  color: var(--color-ink);
}