/* ============================================================
   Discord-dominant homepage — sim is the design language;
   warm cream/brown bleeds at the shell margins, not the hero.
   ============================================================ */

/* Acts that host the canvas read as dark embed zones */
.act--hero,
.act--discord {
  background:
    radial-gradient(ellipse 80% 50% at 50% 20%, rgba(92, 74, 58, 0.12), transparent 55%),
    #121316;
  color: #ececec;
}

.act--board {
  background: color-mix(in srgb, var(--bg) 55%, #121316);
}

/* Suppress asymmetric Fraunces marketing stack when Discord leads */
.act--hero .act-layer--bg,
.act--discord .act-layer--bg {
  display: none;
}

.act--hero .act-stage,
.act--discord .act-stage {
  justify-content: flex-start;
  padding-top: calc(var(--progress-h) + var(--header-h) + 1.25rem);
  gap: 0;
}

.act--hero .act-layer--fore,
.act--discord .act-layer--fore {
  width: 100%;
}

/* Board act: embed narrative, not cream headline */
.act--board .act-headline,
.act--board .act-eyebrow {
  display: none;
}

.act--board .act-lead {
  display: none;
}

.act--board .act-stage {
  justify-content: center;
}

/* Pipeline / SOP keep cream warmth */
.act--pipeline,
.act--sop {
  background: var(--bg);
}

/* Header reads closer to Discord density on dark acts */
body:has(.act--hero) .cine-header {
  background: color-mix(in srgb, #121316 82%, var(--glass-bg));
  border-bottom-color: rgba(255, 255, 255, 0.08);
}