/* Hero-only type sequence. The navigation keeps the original DE&TH mark. */
.identity-heading[data-wordmark-cycle]{position:relative;aspect-ratio:571/270;isolation:isolate}
.identity-heading[data-wordmark-cycle] .wordmark-frame{position:absolute;inset:0;display:none;width:100%;height:100%;margin:0;filter:drop-shadow(1px 2px 0 #7c42b78c);transform-origin:center;pointer-events:none}
.identity-heading[data-wordmark-cycle] .wordmark-frame[data-wordmark-frame=original],
.identity-heading[data-wordmark-cycle].wordmark-ready .wordmark-frame.is-current{display:block}
.identity-heading[data-wordmark-cycle].wordmark-ready .wordmark-frame[data-wordmark-frame=original]:not(.is-current):not(.is-leaving):not(.is-entering){display:none}
.identity-heading[data-wordmark-cycle] .wordmark-frame>svg,
.identity-heading[data-wordmark-cycle] .wordmark-frame>img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;overflow:visible}
.identity-heading[data-wordmark-cycle].wordmark-ready .wordmark-frame.is-leaving{display:block;animation:wordmark-slice-out 380ms steps(1,end) both}
.identity-heading[data-wordmark-cycle].wordmark-ready .wordmark-frame.is-entering{display:block;animation:wordmark-slice-in 380ms steps(1,end) both}
@keyframes wordmark-slice-out{
  0%{clip-path:inset(0);transform:translateX(0);opacity:1}
  15%{clip-path:polygon(0 0,100% 0,100% 34%,0 34%,0 44%,100% 44%,100% 72%,0 72%);transform:translateX(-3px)}
  34%{clip-path:polygon(0 17%,100% 17%,100% 27%,0 27%,0 68%,100% 68%,100% 83%,0 83%);transform:translateX(6px)}
  58%{clip-path:inset(46% 0 47% 0);transform:translateX(-4px)}
  78%,100%{clip-path:inset(50% 0 50% 0);opacity:0;transform:translateX(0)}
}
@keyframes wordmark-slice-in{
  0%,14%{clip-path:inset(50% 0 50% 0);transform:translateX(5px);opacity:0}
  15%{clip-path:inset(34% 0 56% 0);opacity:1;transform:translateX(5px)}
  34%{clip-path:polygon(0 0,100% 0,100% 17%,0 17%,0 27%,100% 27%,100% 68%,0 68%,0 83%,100% 83%,100% 100%,0 100%);transform:translateX(-4px)}
  58%{clip-path:polygon(0 0,100% 0,100% 46%,0 46%,0 53%,100% 53%,100% 100%,0 100%);transform:translateX(2px)}
  78%,100%{clip-path:inset(0);transform:translateX(0);opacity:1}
}
html[data-fx=off] .identity-heading[data-wordmark-cycle] .wordmark-frame{animation:none!important;transform:none!important;clip-path:none!important}
@media(prefers-reduced-motion:reduce){.identity-heading[data-wordmark-cycle] .wordmark-frame{animation:none!important;transform:none!important;clip-path:none!important}}

/* A brief chromatic slice on every change; no full-screen strobe. */
.identity-heading[data-wordmark-cycle] .wordmark-channel{position:absolute!important;inset:0;opacity:0;pointer-events:none}.identity-heading[data-wordmark-cycle] .wordmark-frame.is-entering .wordmark-channel,.identity-heading[data-wordmark-cycle] .wordmark-frame.is-leaving .wordmark-channel{animation:wordmark-channel-cut 380ms steps(1,end) both}.identity-heading[data-wordmark-cycle] .wordmark-channel--purple{filter:brightness(.65) sepia(1) saturate(6) hue-rotate(217deg);mix-blend-mode:screen}.identity-heading[data-wordmark-cycle] .wordmark-channel--white{animation-delay:35ms!important}
@keyframes wordmark-channel-cut{0%{opacity:0}12%{opacity:.8;clip-path:inset(12% 0 75% 0);transform:translateX(-13px)}28%{opacity:.7;clip-path:inset(62% 0 24% 0);transform:translateX(10px)}46%{opacity:.6;clip-path:inset(34% 0 58% 0);transform:translateX(-7px)}62%,100%{opacity:0;transform:none}}
html[data-fx=off] .identity-heading[data-wordmark-cycle] .wordmark-channel{opacity:0!important}
@media(prefers-reduced-motion:reduce){.identity-heading[data-wordmark-cycle] .wordmark-channel{opacity:0!important;animation:none!important}}