.js-on .lc-reveal[data-armed="1"]:not([data-shown="1"]) {
  clip-path: inset(0 100% 0 0);
}
.js-on .lc-reveal[data-armed="1"] {
  transition: clip-path var(--lc-wipe);
}

.js-on .lc-reveal[data-armed="1"][data-shown="1"] {
  clip-path: inset(0 0 0 0);
}


.lc-reveal-block { position: relative; }
.js-on .lc-reveal-block[data-shown="1"]::after {
  content: "";
  position: absolute;
  top: 0; bottom: 0; left: 0;
  width: 2px;
  background: linear-gradient(to bottom, transparent, var(--lc-aqua) 18%, var(--lc-aqua) 82%, transparent);
  box-shadow: 0 0 14px 2px rgba(var(--lc-rgb-aqua), 0.55);
  pointer-events: none;
  animation: lc-cutline var(--lc-wipe) forwards;
}

@keyframes lc-cutline {
  from { left: 0; opacity: 1; }
  92%  { opacity: 1; }
  to   { left: 100%; opacity: 0; }
}


.js-on .lc-reveal-stagger[data-armed="1"] > * { transition-delay: 0ms; }
.js-on .lc-reveal-stagger[data-shown="1"] > *:nth-child(2) { transition-delay: 60ms; }
.js-on .lc-reveal-stagger[data-shown="1"] > *:nth-child(3) { transition-delay: 120ms; }
.js-on .lc-reveal-stagger[data-shown="1"] > *:nth-child(4) { transition-delay: 180ms; }
.js-on .lc-reveal-stagger[data-shown="1"] > *:nth-child(5) { transition-delay: 240ms; }
.js-on .lc-reveal-stagger[data-shown="1"] > *:nth-child(6) { transition-delay: 300ms; }


@keyframes lc-tally-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(var(--lc-rgb-on-air), 0.55), 0 0 14px rgba(var(--lc-rgb-on-air), 0.5); }
  50%      { box-shadow: 0 0 0 5px rgba(var(--lc-rgb-on-air), 0), 0 0 22px rgba(var(--lc-rgb-on-air), 0.75); }
}
.js-on .lc-statusbar-air > i {
  animation: lc-tally-pulse 2.4s var(--lc-ease-out) infinite;
}

@keyframes lc-tally-glow {
  0%, 100% { filter: drop-shadow(0 0 2px rgba(var(--lc-rgb-on-air), 0.5)); }
  50%      { filter: drop-shadow(0 0 6px rgba(var(--lc-rgb-on-air), 0.95)); }
}
.js-on .lc-wm-tally {
  animation: lc-tally-glow 2.4s var(--lc-ease-out) infinite;
}
.lc-statusbar-air > i {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--lc-on-air);
  display: inline-block;
  flex: none;
}


@keyframes lc-cutflash {
  0%   { opacity: 0.85; }
  40%  { opacity: 0.25; }
  100% { opacity: 0; }
}
.lc-mixer-pgm .lc-cutflash {
  position: absolute; inset: 0;
  background: var(--lc-champagne);
  opacity: 0;
  pointer-events: none;
  mix-blend-mode: overlay;
}
.js-on .lc-mixer-pgm[data-cut="1"] .lc-cutflash {
  animation: lc-cutflash 140ms linear;
}


@keyframes lc-colon { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0.45; } }
.js-on .lc-tc-colon { animation: lc-colon 1s steps(1, end) infinite; }


.lc-ticker { overflow: hidden; flex: 1 1 12rem; min-width: 0; }
.lc-ticker > div { display: flex; gap: var(--lc-s5); white-space: nowrap; width: max-content; }
@keyframes lc-ticker-run { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.js-on .lc-ticker > div { animation: lc-ticker-run 46s linear infinite; }
.lc-ticker:hover > div, .lc-ticker:focus-within > div { animation-play-state: paused; }


.lc-sticker { transition: box-shadow var(--lc-settle), border-color var(--lc-settle); }
a.lc-sticker:hover, button.lc-sticker:hover { box-shadow: 0 0 0 3px rgba(var(--lc-rgb-aqua), 0.25), var(--lc-sh-1); }


@keyframes lc-wheel-nudge {
  0%   { transform: rotate(0deg); }
  55%  { transform: rotate(-8deg); }
  100% { transform: rotate(0deg); }
}
.js-on .lc-wheel-pointer[data-nudge="1"] { animation: lc-wheel-nudge 320ms var(--lc-ease-out); transform-origin: 50% 12%; }
.lc-wheel-seg { transition: opacity var(--lc-settle), stroke-width var(--lc-cut); }
.lc-wheel-seg[data-dim="1"] { opacity: 0.28; }


.js-on .lc-segbar-fill { transition: width var(--lc-settle-slow) var(--lc-ease-out); }


@media (prefers-reduced-motion: reduce) {
  .js-on .lc-reveal, .js-on .lc-reveal[data-armed="1"],
  .js-on .lc-reveal[data-armed="1"]:not([data-shown="1"]) {
    clip-path: none !important;
    transition: none !important;
  }
  .js-on .lc-reveal-block[data-shown="1"]::after { display: none; }
  .js-on .lc-wm-tally,
  .js-on .lc-statusbar-air > i,
  .js-on .lc-tc-colon,
  .js-on .lc-ticker > div,
  .js-on .lc-mixer-pgm[data-cut="1"] .lc-cutflash,
  .js-on .lc-wheel-pointer[data-nudge="1"] { animation: none !important; }
  .lc-mixer-pgm::after { display: none; }   
  * { transition-duration: 1ms !important; }
  .lc-tile:hover .lc-tile-img img,
  .lc-teaser:hover .lc-teaser-media img,
  .lc-mega-card:hover .lc-mega-thumb img { transform: none; }
}


@media print {
  .lc-reveal { clip-path: none !important; }
  .lc-header, .lc-drawer, .lc-mixer-strip, .lc-mixer-bar { display: none !important; }
}
html:not(.js-on) .lc-reveal { clip-path: none !important; }