/* Decorative layers only: existing content, dimensions and colours are retained. */
#status, .initiator-section, #join, .journal-section { position: relative; isolation: isolate; }
.living-texture {
  --texture-colour: var(--forest-deep, #061A14);
  --texture-overlay: .93;
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: var(--texture-colour);
}
.living-texture--founder {
  --texture-colour: var(--cream-soft, #F2E8D8);
  --texture-overlay: .91;
}
.living-texture--join { --texture-overlay: .91; }
.living-texture-frame { position: absolute; inset: 0; overflow: hidden; }
.living-texture--status .living-texture-frame {
  position: sticky;
  top: 0;
  height: 100vh;
  height: 100svh;
  max-height: 100%;
}
.living-texture img, .living-texture video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Blur and saturation are baked into the small web assets. */
  filter: brightness(.82);
}
.living-texture--founder img, .living-texture--founder video { filter: brightness(.98); }
.living-texture--status img, .living-texture--status video { filter: brightness(.65); }
.living-texture video { opacity: 0; }
.living-texture video.is-playing { opacity: 1; }
.living-texture-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--texture-colour);
  opacity: var(--texture-overlay);
}
@media (prefers-reduced-motion: reduce) {
  .living-texture video { display: none; }
}

.living-texture--journal {
  --texture-colour: var(--cream-soft, #F2E8D8);
  --texture-overlay: .90;
}
.living-texture--journal img, .living-texture--journal video {
  filter: saturate(.5) brightness(.86) blur(1px);
}