/* One solid brand canvas under artwork AND narrative; geometry stays original. */
:root { --pectis-canvas: #efe8d8; }
.origin,
.origin-scroll,
.origin-sticky,
.bloom-stage,
.origin-manifesto,
.microsite .living-section,
.microsite .living-art,
.microsite .living-steps {
  background: var(--pectis-canvas);
}
.origin-sticky::before,
.microsite .living-art::after { display: none; }
.bloom-source,
.microsite .living-motion {
  filter: none;
  mask-image: none;
  -webkit-mask-image: none;
  border: 0;
  box-shadow: none;
}
.microsite .living-step { background: transparent; box-shadow: none; }
@media (max-width: 680px) {
  .microsite .living-art {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .microsite .living-step { border-color: transparent; }
}

/* Motion timing only; the section geometry and composition are unchanged. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: pectis-page-out .26s ease both; }
::view-transition-new(root) { animation: pectis-page-in .32s ease both; }
@keyframes pectis-page-out { to { opacity: 0; } }
@keyframes pectis-page-in { from { opacity: 0; } to { opacity: 1; } }
.reveal { transition-timing-function: cubic-bezier(.22,1,.36,1); }
.kinetic-char,
.letter-reveal .letter {
  filter: none;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(.22,1,.36,1);
}
.microsite .living-step {
  opacity: .88;
  filter: none;
  transition: opacity .4s ease;
}
.microsite .living-step.active { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}