/* HELL-MU PATCH 21: animation-only overlay for the APPROVED V20/V19 crest.
   The masthead background, dimensions, menu and CMS layouts are untouched. */
.hell-theme .masthead .hell-masthead-glow,
.hell-theme .masthead .hell-masthead-fx,
body[data-hell-mode="preview"] .masthead .hell-masthead-glow,
body[data-hell-mode="preview"] .masthead .hell-masthead-fx {
  display:none!important; animation:none!important;
}
.hell-theme .masthead .hell-v21-crest,
body[data-hell-mode="preview"] .masthead .hell-v21-crest {
  position:absolute; top:50%; left:50%; height:93%; width:auto;
  aspect-ratio:1672 / 405; transform:translate(-50%,-50%);
  pointer-events:none; z-index:3; overflow:visible;
}
.hell-v21-crest .hell-v21-eye,
.hell-v21-crest .hell-v21-metal,
.hell-v21-crest .hell-v21-spark {
  display:block;pointer-events:none;position:absolute;
}
.hell-v21-crest .hell-v21-eye {
  inset:0; background:url('../images/hell-v21-eyes-glow.png') center / 100% 100% no-repeat;
  opacity:.34;mix-blend-mode:screen;
  animation:hell-v21-eye-fire 7.1s linear infinite;
}
/* Single brief streak across ONLY the silver letter-mask — never the castles. */
.hell-v21-crest .hell-v21-metal {
  inset:0;
  -webkit-mask:url('../images/hell-v21-letters-mask.png') center / 100% 100% no-repeat;
  mask:url('../images/hell-v21-letters-mask.png') center / 100% 100% no-repeat;
  background-image:linear-gradient(105deg,transparent 39%,rgba(255,163,72,.03) 44%,rgba(255,240,201,.60) 49%,rgba(255,201,102,.22) 52%,transparent 58%);
  background-repeat:no-repeat;background-size:310% 100%;background-position:150% 0;
  mix-blend-mode:screen;opacity:0;
  animation:hell-v21-metal-streak 11s ease-in-out infinite;
}
.hell-v21-crest .hell-v21-spark {
  left:var(--spark-x); top:var(--spark-y);
  width:var(--spark-size);height:var(--spark-size);
  border-radius:50%; background:#ffc078;
  box-shadow:0 0 4px 1px rgba(255,99,23,.65);
  opacity:0;
  animation:hell-v21-ember var(--spark-duration) ease-out var(--spark-delay) infinite;
  will-change:transform,opacity;
}
/* Flicker is intentionally irregular, not a pulsing washing-machine effect. */
@keyframes hell-v21-eye-fire {
  0%,11%,100%{opacity:.22;filter:brightness(1)}
  14%,17%{opacity:.60;filter:brightness(1.55)}
  19%,33%{opacity:.34;filter:brightness(1.15)}
  38%{opacity:.74;filter:brightness(1.75)}
  39.5%{opacity:.30;filter:brightness(1.05)}
  42%,44%{opacity:.57;filter:brightness(1.45)}
  49%,79%{opacity:.27;filter:brightness(1)}
  84%{opacity:.68;filter:brightness(1.6)}
  88%{opacity:.21;filter:brightness(1)}
}
@keyframes hell-v21-metal-streak {
  0%,53%{opacity:0;background-position:150% 0}
  55%{opacity:.45;background-position:135% 0}
  74%{opacity:.55;background-position:-28% 0}
  76%,100%{opacity:0;background-position:-45% 0}
}
@keyframes hell-v21-ember {
  0%,23%,100%{opacity:0;transform:translate3d(0,5px,0) scale(.7)}
  29%{opacity:.64}
  49%{opacity:.12;transform:translate3d(var(--spark-drift),-37px,0) scale(.35)}
  55%{opacity:0}
}
@media (max-width:980px){
  .hell-theme .masthead .hell-v21-crest,
  body[data-hell-mode="preview"] .masthead .hell-v21-crest {height:100%}
}
@media (prefers-reduced-motion:reduce){
  .hell-theme .hell-v21-crest .hell-v21-eye,
  body[data-hell-mode="preview"] .hell-v21-crest .hell-v21-eye{animation:none!important;opacity:.24!important;filter:none!important}
  .hell-v21-crest .hell-v21-metal,
  .hell-v21-crest .hell-v21-spark {animation:none!important;opacity:0!important}
}