/*
 * Tonal chapter breaks across the site's major editorial sections.
 * The colors stay within Gradient's graphite, mineral teal, and muted violet
 * palette while changing each section's dominant temperature and value.
 */
.manifesto {
  position: relative;
  background:
    radial-gradient(circle at 82% 16%, rgba(105, 151, 141, 0.2), transparent 34%),
    linear-gradient(132deg, #202a2a 0%, #243032 54%, #2b2730 100%);
}

.research {
  position: relative;
  background:
    radial-gradient(circle at 12% 18%, rgba(112, 90, 130, 0.16), transparent 30%),
    linear-gradient(150deg, #17191f 0%, #172222 56%, #1b2024 100%);
  border-top: 1px solid rgba(190, 208, 202, 0.15);
  box-shadow: inset 0 34px 70px rgba(4, 7, 9, 0.24);
}

.facilities {
  position: relative;
  background:
    radial-gradient(circle at 78% 12%, rgba(83, 128, 119, 0.16), transparent 32%),
    linear-gradient(155deg, #0b1113 0%, #10191b 58%, #12191b 100%);
  border-top: 1px solid rgba(183, 216, 208, 0.12);
}

.history {
  position: relative;
  background:
    radial-gradient(circle at 13% 18%, rgba(119, 153, 143, 0.2), transparent 34%),
    linear-gradient(142deg, #1b2928 0%, #24282c 52%, #28242d 100%);
  border-top: 1px solid rgba(183, 216, 208, 0.16);
  box-shadow: inset 0 34px 70px rgba(3, 8, 9, 0.2);
}

.journal {
  position: relative;
  background:
    radial-gradient(circle at 86% 16%, rgba(107, 82, 112, 0.2), transparent 32%),
    radial-gradient(circle at 8% 88%, rgba(75, 119, 110, 0.11), transparent 30%),
    linear-gradient(145deg, #17191c 0%, #1d1c23 54%, #211d27 100%);
  border-top: 1px solid rgba(196, 184, 202, 0.14);
  box-shadow: inset 0 34px 70px rgba(5, 7, 9, 0.22);
}