/* A clipped reflection over the actual wordmark, never over its background. */
#hero .hero-wordmark-light{position:relative;display:block;width:100%;line-height:0;}
@supports ((mask-image:url("")) or (-webkit-mask-image:url(""))){
  #hero .hero-wordmark-light::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    -webkit-mask:url('/assets/sotomoto-wordmark-v2.svg') center/100% 100% no-repeat;
    mask:url('/assets/sotomoto-wordmark-v2.svg') center/100% 100% no-repeat;
    background:linear-gradient(110deg,transparent 39%,rgba(92,110,124,.22) 46%,rgba(255,255,255,.52) 50%,rgba(255,255,255,.16) 54%,transparent 61%) 100% 50%/300% 100% no-repeat;
    animation:hero-wordmark-reflection 7s ease-in-out -.5s infinite;
  }
  @keyframes hero-wordmark-reflection{
    0%,8%{background-position:100% 50%;opacity:0;}
    12%{opacity:1;}
    42%{background-position:0% 50%;opacity:1;}
    47%,100%{background-position:0% 50%;opacity:0;}
  }
}
@media(prefers-reduced-motion:reduce){#hero .hero-wordmark-light::after{display:none;animation:none;}}