/* Local v1.9.1 trial. Only the existing header sign receives a warm reflection. */
.site-header .wordmark{--brand-glint-size:48px;--brand-glint-play-state:running}
@supports (mask-image:url("assets/keiss-warm-fox-mark.png")) or (-webkit-mask-image:url("assets/keiss-warm-fox-mark.png")){
 .site-header .wordmark::after{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:var(--brand-glint-size);height:var(--brand-glint-size);pointer-events:none;
  background:linear-gradient(110deg,transparent 43%,rgba(255,235,204,.8) 50%,transparent 57%);
  background-size:300% 100%;background-repeat:no-repeat;background-position:120% 50%;
  -webkit-mask:url("assets/keiss-warm-fox-mark.png") center/contain no-repeat;
  mask:url("assets/keiss-warm-fox-mark.png") center/contain no-repeat;
  opacity:0;animation:keiss-mark-glint 14s ease-in-out infinite;
  animation-play-state:var(--brand-glint-play-state);
 }
}
@keyframes keiss-mark-glint{
 0%,10%{background-position:120% 50%;opacity:0}
 12%{opacity:.28}
 24%{background-position:-20% 50%;opacity:.28}
 26%,100%{background-position:-20% 50%;opacity:0}
}
@media(max-width:760px){.site-header .wordmark{--brand-glint-size:36px}}
@media(max-width:380px){.site-header .wordmark{--brand-glint-size:30px}}
@media(prefers-reduced-motion:reduce){.site-header .wordmark::after{animation:none;opacity:0}}
@media print{.site-header .wordmark::after{display:none}}
