.react-ink {
  mix-blend-mode: overlay;  /* или screen / color-dodge / difference */
  animation: reactInk 8s ease-in-out infinite;
  will-change: filter;
  pointer-events: none;
}

@keyframes reactInk {
  0%   { filter: brightness(100%) saturate(110%) hue-rotate(0deg); }
  40%  { filter: brightness(115%) saturate(105%) hue-rotate(18deg); }  /* ближе к #ECE9E3 */
  70%  { filter: brightness(120%) saturate(110%) hue-rotate(28deg); }  /* ближе к #FCF3E5 */
  100% { filter: brightness(100%) saturate(110%) hue-rotate(0deg); }
}

/* Шапка прилипает к верху, не улетает при скролле */
#rec1233533161 {
  position: sticky;
  top: max(0px, env(safe-area-inset-top));
  z-index: 10000;
}

/* Артборд Zero Block не должен быть «экранной высотой» */
#rec1233533161 .t396__artboard {
  height: auto !important;
}

/* На всякий случай: не даём родителям ломать контекст наложения */
.t-body, .t-records {
  transform: none !important;
  perspective: none !important;
  filter: none !important;
}

/* Если у тебя были прозрачные/стеклянные шапки */
#rec1233533161 .t396__artboard,
#rec1233533161 .t396__carrier,
#rec1233533161 .t396__filter {
  background: transparent !important;
}

