.cognition-cinema-playback__entry--effect-ink-bloom h2,
.cognition-cinema-playback__entry--effect-ink-bloom .cognition-cinema-playback__body { animation: cognition-v359-ink-bloom 1.1s ease-out both; }
.cognition-cinema-playback__entry--effect-sky-drop h2,
.cognition-cinema-playback__entry--effect-sky-drop .cognition-cinema-playback__body { animation: cognition-v359-sky-drop 1s cubic-bezier(.15,.85,.3,1) both; }
.cognition-cinema-playback__entry--effect-light-slice h2,
.cognition-cinema-playback__entry--effect-light-slice .cognition-cinema-playback__body { animation: cognition-v359-light-slice 1s ease-out both; }
.cognition-cinema-playback__entry--effect-quadrant-gather h2,
.cognition-cinema-playback__entry--effect-quadrant-gather .cognition-cinema-playback__body { animation: cognition-v359-quadrant-gather 1.15s ease-out both; }
.cognition-cinema-playback__entry--effect-scroll-unfold h2,
.cognition-cinema-playback__entry--effect-scroll-unfold .cognition-cinema-playback__body { animation: cognition-v359-scroll-unfold 1.1s ease-out both; }
.cognition-cinema-playback__entry--effect-water-rise h2,
.cognition-cinema-playback__entry--effect-water-rise .cognition-cinema-playback__body { animation: cognition-v359-water-rise 1.1s ease-out both; }
.cognition-cinema-playback__entry--effect-seal-strike h2,
.cognition-cinema-playback__entry--effect-seal-strike .cognition-cinema-playback__body { animation: cognition-v359-seal-strike .9s cubic-bezier(.1,.85,.3,1) both; }
.cognition-cinema-playback__entry--effect-mirror-reveal h2,
.cognition-cinema-playback__entry--effect-mirror-reveal .cognition-cinema-playback__body { animation: cognition-v359-mirror-reveal 1.05s ease-out both; }
.cognition-cinema-playback__entry--effect-star-orbit h2,
.cognition-cinema-playback__entry--effect-star-orbit .cognition-cinema-playback__body { animation: cognition-v359-star-orbit 1.2s ease-out both; }
.cognition-cinema-playback__entry--effect-depth-push h2,
.cognition-cinema-playback__entry--effect-depth-push .cognition-cinema-playback__body { animation: cognition-v359-depth-push 1.1s ease-out both; }

@keyframes cognition-v359-ink-bloom { from { opacity:0; filter:blur(14px); transform:scale(.94); } to { opacity:1; filter:none; transform:none; } }
@keyframes cognition-v359-sky-drop { from { opacity:0; filter:blur(8px); transform:translateY(-2.4rem); } to { opacity:1; filter:none; transform:none; } }
@keyframes cognition-v359-light-slice { from { opacity:0; clip-path:inset(0 100% 0 0); filter:brightness(2); } to { opacity:1; clip-path:inset(0); filter:none; } }
@keyframes cognition-v359-quadrant-gather { from { opacity:0; filter:blur(8px); transform:scale(1.24); letter-spacing:.3em; } to { opacity:1; filter:none; transform:none; letter-spacing:inherit; } }
@keyframes cognition-v359-scroll-unfold { from { opacity:0; clip-path:inset(0 50%); transform:scaleX(.72); } to { opacity:1; clip-path:inset(0); transform:none; } }
@keyframes cognition-v359-water-rise { from { opacity:0; filter:blur(6px); transform:translateY(2rem) scaleY(.8); } to { opacity:1; filter:none; transform:none; } }
@keyframes cognition-v359-seal-strike { from { opacity:0; filter:blur(5px); transform:scale(1.45) rotate(-3deg); } to { opacity:1; filter:none; transform:none; } }
@keyframes cognition-v359-mirror-reveal { from { opacity:0; filter:blur(8px); transform:rotateY(65deg); } to { opacity:1; filter:none; transform:none; } }
@keyframes cognition-v359-star-orbit { from { opacity:0; filter:blur(7px); transform:rotate(-12deg) scale(.78); } to { opacity:1; filter:none; transform:none; } }
@keyframes cognition-v359-depth-push { from { opacity:0; filter:blur(13px); transform:perspective(800px) translateZ(-150px); } to { opacity:1; filter:none; transform:none; } }

.cognition-cinema-playback__importance {
  position: relative;
  z-index: 3;
  width: max-content;
  max-width: 100%;
  margin: clamp(0.18rem, 0.55vh, 0.45rem) auto clamp(0.32rem, 0.9vh, 0.72rem);
  color: #f4c45d;
  font-size: clamp(0.75rem, 1.45vw, 1.2rem);
  line-height: 1;
  letter-spacing: 0.18em;
  text-align: center;
  text-shadow: 0 0 0.5rem rgba(255, 193, 62, 0.8), 0 1px 0 rgba(68, 28, 5, 0.9);
}

.cognition-cinema-playback__entry--effect-ember-rise h2,
.cognition-cinema-playback__entry--effect-ember-rise .cognition-cinema-playback__importance,
.cognition-cinema-playback__entry--effect-ember-rise .cognition-cinema-playback__body {
  animation: cognition-v358-ember-rise 1.15s cubic-bezier(.17,.84,.35,1) both;
}
.cognition-cinema-playback__entry--effect-aurora-flow h2,
.cognition-cinema-playback__entry--effect-aurora-flow .cognition-cinema-playback__importance,
.cognition-cinema-playback__entry--effect-aurora-flow .cognition-cinema-playback__body {
  animation: cognition-v358-aurora-flow 1.3s ease-out both;
}
.cognition-cinema-playback__entry--effect-crystal-focus h2,
.cognition-cinema-playback__entry--effect-crystal-focus .cognition-cinema-playback__importance,
.cognition-cinema-playback__entry--effect-crystal-focus .cognition-cinema-playback__body {
  animation: cognition-v358-crystal-focus 1s cubic-bezier(.2,.75,.2,1) both;
}
.cognition-cinema-playback__entry--effect-thunder-flash h2,
.cognition-cinema-playback__entry--effect-thunder-flash .cognition-cinema-playback__importance,
.cognition-cinema-playback__entry--effect-thunder-flash .cognition-cinema-playback__body {
  animation: cognition-v358-thunder-flash .9s ease-out both;
}
.cognition-cinema-playback__entry--effect-petal-gather h2,
.cognition-cinema-playback__entry--effect-petal-gather .cognition-cinema-playback__importance,
.cognition-cinema-playback__entry--effect-petal-gather .cognition-cinema-playback__body {
  animation: cognition-v358-petal-gather 1.25s cubic-bezier(.16,.8,.3,1) both;
}
.cognition-cinema-playback__entry--effect-sand-emerge h2,
.cognition-cinema-playback__entry--effect-sand-emerge .cognition-cinema-playback__importance,
.cognition-cinema-playback__entry--effect-sand-emerge .cognition-cinema-playback__body {
  animation: cognition-v358-sand-emerge 1.25s ease-out both;
}
.cognition-cinema-playback__entry--effect-halo-open h2,
.cognition-cinema-playback__entry--effect-halo-open .cognition-cinema-playback__importance,
.cognition-cinema-playback__entry--effect-halo-open .cognition-cinema-playback__body {
  animation: cognition-v358-halo-open 1.05s cubic-bezier(.2,.78,.25,1) both;
}
.cognition-cinema-playback__entry--effect-ripple-focus h2,
.cognition-cinema-playback__entry--effect-ripple-focus .cognition-cinema-playback__importance,
.cognition-cinema-playback__entry--effect-ripple-focus .cognition-cinema-playback__body {
  animation: cognition-v358-ripple-focus 1.2s ease-out both;
}
.cognition-cinema-playback__entry--effect-comet-arrive h2,
.cognition-cinema-playback__entry--effect-comet-arrive .cognition-cinema-playback__importance,
.cognition-cinema-playback__entry--effect-comet-arrive .cognition-cinema-playback__body {
  animation: cognition-v358-comet-arrive 1s cubic-bezier(.12,.75,.23,1) both;
}
.cognition-cinema-playback__entry--effect-page-breathe h2,
.cognition-cinema-playback__entry--effect-page-breathe .cognition-cinema-playback__importance,
.cognition-cinema-playback__entry--effect-page-breathe .cognition-cinema-playback__body {
  animation: cognition-v358-page-breathe 1.35s ease-out both;
}

@keyframes cognition-v358-ember-rise { from { opacity: 0; transform: translateY(2.4rem) scale(.94); filter: blur(9px) brightness(1.9); } to { opacity: 1; transform: none; filter: none; } }
@keyframes cognition-v358-aurora-flow { from { opacity: 0; transform: translateX(-2rem) skewX(-5deg); filter: hue-rotate(70deg) blur(8px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes cognition-v358-crystal-focus { from { opacity: 0; transform: scale(1.16); filter: blur(13px) brightness(2.1); } to { opacity: 1; transform: scale(1); filter: none; } }
@keyframes cognition-v358-thunder-flash { 0% { opacity: 0; transform: scale(.88); filter: brightness(3) blur(7px); } 35% { opacity: 1; transform: scale(1.025); } 55% { opacity: .55; } 100% { opacity: 1; transform: none; filter: none; } }
@keyframes cognition-v358-petal-gather { from { opacity: 0; transform: rotate(-3deg) scale(.9) translateY(-1.5rem); filter: blur(8px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes cognition-v358-sand-emerge { from { opacity: 0; transform: translateY(.8rem); filter: sepia(1) blur(12px); clip-path: inset(80% 0 0); } to { opacity: 1; transform: none; filter: none; clip-path: inset(0); } }
@keyframes cognition-v358-halo-open { from { opacity: 0; transform: scale(.72); filter: blur(8px) drop-shadow(0 0 2rem #f5ca69); } to { opacity: 1; transform: scale(1); filter: none; } }
@keyframes cognition-v358-ripple-focus { from { opacity: 0; transform: scaleX(1.18) scaleY(.82); filter: blur(9px); } to { opacity: 1; transform: none; filter: none; } }
@keyframes cognition-v358-comet-arrive { from { opacity: 0; transform: translate(5rem,-2rem) skewX(-8deg); filter: blur(10px) brightness(1.8); } to { opacity: 1; transform: none; filter: none; } }
@keyframes cognition-v358-page-breathe { 0% { opacity: 0; transform: perspective(900px) rotateX(12deg) scale(.96); filter: blur(7px); } 65% { opacity: 1; transform: perspective(900px) rotateX(-1deg) scale(1.01); } 100% { transform: none; filter: none; } }

@media (prefers-reduced-motion: reduce) {
  [class*="cognition-cinema-playback__entry--effect-"] h2,
  [class*="cognition-cinema-playback__entry--effect-"] .cognition-cinema-playback__importance,
  [class*="cognition-cinema-playback__entry--effect-"] .cognition-cinema-playback__body { animation: none !important; }
}