/* Light is clipped to the original lettering, preserving its engraved texture. */
.hero h1.cover-title{position:relative;isolation:isolate}
.effect-definitions{position:absolute;pointer-events:none;overflow:hidden}
.title-ignition{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;-webkit-mask:linear-gradient(105deg,transparent 36%,#0006 43%,#000 49%,#000b 53%,transparent 64%) 160% 0/300% 100% no-repeat;mask:linear-gradient(105deg,transparent 36%,#0006 43%,#000 49%,#000b 53%,transparent 64%) 160% 0/300% 100% no-repeat;animation:edge-ignition 10s cubic-bezier(.25,.46,.35,1) 1s infinite}
.title-edge{display:block;width:100%;height:auto;filter:url(#title-gold-edge);opacity:.94}
@keyframes edge-ignition{0%,7%{mask-position:160% 0;-webkit-mask-position:160% 0;opacity:0}12%{opacity:.9}46%{mask-position:-60% 0;-webkit-mask-position:-60% 0;opacity:1}55%,100%{mask-position:-60% 0;-webkit-mask-position:-60% 0;opacity:0}}
.motion-paused .title-ignition{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.title-ignition{animation:none;opacity:0}}
.title-wordmark{animation:wordmark-breath 8s ease-in-out infinite}
.cover-title::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(112deg,transparent 38%,#c9964230 44%,#ffe5ab99 49%,#fff4d8d9 50%,#edc77d66 53%,transparent 60%) 150% 0 / 280% 100% no-repeat;
  -webkit-mask:url('assets/orion-cover-wordmark.webp') center/100% 100% no-repeat;
  mask:url('assets/orion-cover-wordmark.webp') center/100% 100% no-repeat;
  mix-blend-mode:screen;opacity:0;
  animation:wordmark-sheen 11s cubic-bezier(.22,.45,.35,1) 1.5s infinite;
}
@keyframes wordmark-sheen{
  0%,8%{background-position:150% 0;opacity:0}
  14%{opacity:.72}
  42%{background-position:-50% 0;opacity:.5}
  48%,100%{background-position:-50% 0;opacity:0}
}
@keyframes wordmark-breath{
  0%,100%{filter:drop-shadow(0 5px 20px #0008) drop-shadow(0 0 5px #dfaa4222)}
  50%{filter:drop-shadow(0 5px 20px #0008) drop-shadow(0 0 13px #e2b35850)}
}
.motion-paused .title-wordmark,.motion-paused .cover-title::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .title-wordmark{animation:none}
  .cover-title::after{animation:none;opacity:0}
}