body[data-chamber="rethink"] {
  --chamber-accent: #c4a574;
  --chamber-accent-soft: rgba(196, 165, 116, .16);
  --chamber-shadow: rgba(62, 42, 24, .28);
  --soil: #2a1c12;
  --leaf: #8ba58e;
}

body[data-chamber="rethink"][data-pathway="homes"] {
  --pathway: #d6b66e;
  --pathway-soft: rgba(214, 182, 110, .16);
}

body[data-chamber="rethink"][data-pathway="food"] {
  --pathway: #8ba58e;
  --pathway-soft: rgba(139, 165, 142, .16);
}

body[data-chamber="rethink"][data-pathway="energy"] {
  --pathway: #f2d594;
  --pathway-soft: rgba(242, 213, 148, .16);
}

body[data-chamber="rethink"][data-pathway="communities"] {
  --pathway: #c4a574;
  --pathway-soft: rgba(196, 165, 116, .16);
}

body[data-chamber="rethink"][data-pathway="land"] {
  --pathway: #7f9a82;
  --pathway-soft: rgba(127, 154, 130, .16);
}

body[data-chamber="rethink"]::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(70rem 40rem at 16% -10%, rgba(62, 42, 24, .4), transparent 58%),
    radial-gradient(50rem 34rem at 94% 8%, rgba(139, 165, 142, .12), transparent 62%),
    radial-gradient(46rem 38rem at 50% 108%, rgba(20, 36, 28, .46), transparent 58%);
}

.rethink-crumb {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem 1rem;
  align-items: center;
  margin: 0 0 .35rem;
  color: var(--muted);
  font-size: .82rem;
}

.rethink-crumb a {
  color: var(--brass-bright);
  text-decoration: none;
}

.rethink-crumb a:hover,
.rethink-crumb a:focus-visible {
  color: var(--paper);
}

.rethink-place {
  margin: .15rem 0 .55rem;
  color: var(--leaf);
  font-size: .92rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.rethink-hero .hero-quiet {
  max-width: 40rem;
  color: var(--muted);
  font-size: .98rem;
}

.rethink-mark {
  position: relative;
  min-height: 24rem;
  isolation: isolate;
  overflow: hidden;
  border-radius: 1.15rem;
  border: 1px solid rgba(214, 182, 110, .2);
  background:
    radial-gradient(circle at 38% 32%, var(--pathway-soft, rgba(214, 182, 110, .18)), transparent 46%),
    linear-gradient(165deg, rgba(20, 36, 28, .35), rgba(12, 16, 18, .72));
}

.rethink-mark span,
.rethink-mark i {
  position: absolute;
  pointer-events: none;
}

.rethink-mark-homes .beam {
  inset: 18% 22% auto 22%;
  height: 38%;
  border: 1px solid rgba(214, 182, 110, .42);
  border-bottom: 0;
  border-radius: 1.1rem 1.1rem 0 0;
  background: linear-gradient(180deg, rgba(242, 213, 148, .16), transparent 70%);
}

.rethink-mark-homes .hearth {
  left: 50%;
  bottom: 18%;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  transform: translateX(-50%);
  background: radial-gradient(circle at 40% 38%, rgba(242, 213, 148, .7), rgba(214, 182, 110, .08) 62%, transparent 70%);
  box-shadow: 0 0 40px rgba(214, 182, 110, .28);
}

.rethink-mark-food .soil {
  right: 10%;
  bottom: 16%;
  left: 10%;
  height: 42%;
  border-radius: 50% 50% 1rem 1rem;
  background:
    linear-gradient(180deg, rgba(139, 165, 142, .08), transparent 28%),
    repeating-linear-gradient(180deg, rgba(90, 64, 38, .18) 0 8px, transparent 8px 16px);
}

.rethink-mark-food .sprout {
  left: 50%;
  bottom: 38%;
  width: .35rem;
  height: 28%;
  border-radius: 999px;
  transform: translateX(-50%);
  background: linear-gradient(180deg, var(--leaf), rgba(42, 28, 18, .9));
}

.rethink-mark-energy .core {
  top: 50%;
  left: 50%;
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle at 40% 36%, #fff6d8, var(--brass) 46%, transparent 68%);
  box-shadow: 0 0 60px rgba(242, 213, 148, .35);
}

.rethink-mark-energy .ray {
  top: 50%;
  left: 50%;
  width: min(70%, 16rem);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(242, 213, 148, .75), transparent);
  transform-origin: center;
}

.rethink-mark-energy .ray:nth-child(2) { transform: translate(-50%, -50%) rotate(32deg); }
.rethink-mark-energy .ray:nth-child(3) { transform: translate(-50%, -50%) rotate(64deg); }
.rethink-mark-energy .ray:nth-child(4) { transform: translate(-50%, -50%) rotate(96deg); }
.rethink-mark-energy .ray:nth-child(5) { transform: translate(-50%, -50%) rotate(128deg); }

.rethink-mark-communities .node {
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  border: 1px solid rgba(214, 182, 110, .55);
  background: rgba(242, 213, 148, .35);
}

.rethink-mark-communities .node:nth-child(1) { top: 28%; left: 30%; }
.rethink-mark-communities .node:nth-child(2) { top: 24%; right: 28%; }
.rethink-mark-communities .node:nth-child(3) { top: 58%; left: 22%; }
.rethink-mark-communities .node:nth-child(4) { top: 62%; right: 24%; }
.rethink-mark-communities .node:nth-child(5) { top: 46%; left: 48%; }

.rethink-mark-communities .link {
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(214, 182, 110, .55), transparent);
}

.rethink-mark-land .canopy {
  top: 12%;
  left: 50%;
  width: min(72%, 16rem);
  aspect-ratio: 1.35 / 1;
  border-radius: 50% 50% 46% 46%;
  transform: translateX(-50%);
  background:
    radial-gradient(circle at 38% 42%, rgba(139, 165, 142, .5), transparent 42%),
    radial-gradient(circle at 62% 36%, rgba(242, 213, 148, .16), transparent 38%),
    radial-gradient(circle at 50% 58%, rgba(61, 90, 68, .62), transparent 58%);
}

.rethink-mark-land .water {
  right: 18%;
  bottom: 16%;
  left: 18%;
  height: 2.4rem;
  border-radius: 100%;
  background: radial-gradient(ellipse at center, rgba(139, 165, 142, .28), transparent 70%);
}

.rethink-prose {
  max-width: 44rem;
}

.rethink-strip {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  padding: 0;
  margin: 1.2rem 0 0;
  list-style: none;
}

.rethink-pill,
.capsula-systems a,
.rethink-connect a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.75rem;
  padding: .55rem 1.05rem;
  border: 1px solid rgba(139, 165, 142, .28);
  border-radius: 999px;
  color: var(--mist);
  background: rgba(139, 165, 142, .08);
  font-size: .82rem;
  font-weight: 650;
  text-decoration: none;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease;
}

.rethink-pill:hover,
.rethink-pill:focus-visible,
.capsula-systems a:hover,
.capsula-systems a:focus-visible,
.rethink-connect a:hover,
.rethink-connect a:focus-visible {
  color: #15110a;
  border-color: var(--brass-bright);
  background: linear-gradient(115deg, var(--brass-bright), var(--brass));
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(214, 182, 110, .26);
  text-decoration: none;
}

.rethink-pill[aria-current="page"] {
  color: var(--paper);
  border-color: var(--brass);
  background: rgba(214, 182, 110, .16);
}

.rethink-maturity {
  display: inline-flex;
  align-items: center;
  width: max-content;
  max-width: 100%;
  padding: .28rem .55rem;
  border: 1px solid rgba(244, 240, 231, .16);
  border-radius: 999px;
  color: var(--brass-bright);
  background: rgba(214, 182, 110, .08);
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.rethink-maturity-developing {
  color: var(--mist);
  border-color: rgba(139, 165, 142, .3);
  background: rgba(139, 165, 142, .08);
}

.rethink-maturity-experimental {
  color: #d7c4a0;
  border-color: rgba(196, 165, 116, .28);
  background: rgba(196, 165, 116, .08);
}

.rethink-idea h3,
.rethink-source h3,
.rethink-seed-card h3 {
  font-size: 1.18rem;
}

.rethink-source {
  display: grid;
  gap: .7rem;
}

.rethink-source a {
  font-weight: 700;
}

.rethink-seed {
  padding: clamp(1.4rem, 4vw, 2.4rem);
  border: 1px solid rgba(214, 182, 110, .38);
  border-radius: var(--radius);
  background:
    linear-gradient(145deg, rgba(42, 28, 18, .35), rgba(18, 26, 28, .7));
  box-shadow: 0 22px 50px rgba(0, 0, 0, .22);
}

.rethink-seed p.lead,
.rethink-seed blockquote {
  color: var(--paper);
  font-family: var(--serif);
  font-size: clamp(1.35rem, 3vw, 2rem);
  font-style: italic;
  line-height: 1.28;
}

.rethink-hold {
  margin-top: 1.6rem;
  color: var(--brass-bright);
  font-family: var(--serif);
  font-size: clamp(1.35rem, 3vw, 2.1rem);
  font-style: italic;
  line-height: 1.25;
}

.rethink-check {
  border-left: 3px solid var(--brass);
  background: rgba(214, 182, 110, .08);
}

.rethink-random {
  display: grid;
  gap: 1rem;
}

.rethink-random-result {
  min-height: 7.5rem;
}

.rethink-connect {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  padding: 0;
  margin: 1.3rem 0 0;
  list-style: none;
}

.rethink-next {
  text-decoration: none;
  color: inherit;
}

.rethink-next:hover,
.rethink-next:focus-visible {
  border-color: var(--brass);
  color: inherit;
}

.rethink-next h3 {
  color: var(--paper);
}

.rethink-path-grid .card {
  text-decoration: none;
  color: inherit;
  min-height: 12.5rem;
}

.rethink-path-grid .card:hover,
.rethink-path-grid .card:focus-visible {
  border-color: var(--brass);
  color: inherit;
  transform: translateY(-3px);
}

.rethink-follow {
  margin-top: 1.6rem;
}

.capsula-systems {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  padding: 0;
  margin: 1.4rem 0 0;
  list-style: none;
}

.capsula-systems li {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

.capsula-thread {
  margin-top: .85rem;
  color: var(--muted);
  font-size: .92rem;
}

@media (max-width: 1020px) {
  .rethink-mark {
    min-height: 18rem;
  }
}

@media (max-width: 520px) {
  .rethink-pill,
  .capsula-systems a,
  .rethink-connect a {
    min-height: 3rem;
    padding: .7rem 1.1rem;
  }

  .rethink-mark {
    min-height: 16rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-chamber="rethink"]::before {
    background: radial-gradient(50rem 28rem at 20% 0, rgba(62, 42, 24, .28), transparent 62%);
  }

  .rethink-pill,
  .capsula-systems a,
  .rethink-connect a,
  .rethink-path-grid .card {
    transition: none;
  }

  .rethink-pill:hover,
  .capsula-systems a:hover,
  .rethink-connect a:hover,
  .rethink-path-grid .card:hover {
    transform: none;
  }
}