@import url('./finalhope-header-pulse-20260913.css?v=1');
@property --fh-shine-position { syntax:'<percentage>'; inherits:false; initial-value:150%; }
@property --fh-shine-opacity { syntax:'<number>'; inherits:false; initial-value:.12; }

/* Preserve layout and approved art; render the characters once at native resolution. */
html body.we-body #weNavbar .we-brand::before {
  background-image:url('../img/finalhope-masthead-native-20260913.webp')!important;
  filter:saturate(1.18) contrast(1.065)!important;
  image-rendering:auto!important;
}
/* Lightweight highlight moves across the existing gold pixels only. */
html body.we-body #weNavbar .we-brand::after {
  content:''!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  top:-20px!important;
  width:min(1000px,96vw)!important;
  height:clamp(240px,32vw,334px)!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
  mix-blend-mode:screen!important;
  filter:none!important;
  border:0!important;
  box-shadow:none!important;
  mask-image:url('../img/finalhope-logo-shine-mask-20260913.png')!important;
  -webkit-mask-image:url('../img/finalhope-logo-shine-mask-20260913.png')!important;
  mask-mode:alpha!important;
  mask-size:100% auto!important;
  -webkit-mask-size:100% auto!important;
  mask-repeat:no-repeat!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-position:center top!important;
  -webkit-mask-position:center top!important;
  background-image:linear-gradient(110deg,transparent 38%,rgba(255,203,107,.16)44%,rgba(255,239,186,.92)50%,rgba(255,211,107,.55)55%,transparent 62%),linear-gradient(rgba(255,186,65,.28),rgba(255,186,65,.28))!important;
  background-size:250% 100%,100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:var(--fh-shine-position) 0,0 0!important;
  opacity:var(--fh-shine-opacity)!important;
  animation:fhCrispGoldShine 5.76s ease-in-out infinite!important;
}
@keyframes fhCrispGoldShine {
  0%,12% { --fh-shine-position:150%; --fh-shine-opacity:.12; }
  48% { --fh-shine-opacity:.92; }
  74%,100% { --fh-shine-position:-150%; --fh-shine-opacity:.12; }
}
@media(max-width:760px) {
  html body.we-body #weNavbar .we-brand::after {
    top:30px!important;
    width:100%!important;
    height:calc(100vw / 3)!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  html body.we-body #weNavbar .we-brand::before {
    background-image:url('../img/finalhope-masthead-native-20260913.webp')!important;
  }
  html body.we-body #weNavbar .we-brand::after { display:none!important; animation:none!important; }
}