/* One restrained light pass through status glyphs on pointer entry. */
.portfolio-home .availability-label{--availability-glint:#819b6e;color:inherit}
:root[data-theme="dark"] .portfolio-home .availability-label{--availability-glint:#caff9e}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
  @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
    .portfolio-home:not([data-motion-disabled="true"]):not([data-motion-paused="true"]) .availability:hover .availability-label{
      background-image:linear-gradient(110deg,var(--text) 40%,var(--availability-glint) 50%,var(--text) 60%);
      background-size:250% 100%;background-repeat:no-repeat;
      background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
      animation:availability-light-pass 1100ms cubic-bezier(.45,0,.25,1) 1 both;
    }
  }
}
@keyframes availability-light-pass{
  /* Keep the gradient covering every glyph at both ends of the sweep. */
  from{background-position:100% 0}
  to{background-position:0% 0}
}
@media(forced-colors:active){.portfolio-home .availability-label{background:none!important;color:CanvasText!important;-webkit-text-fill-color:CanvasText!important;animation:none!important}}