/* Explicit vector arrows retain the surrounding brand color on iOS. */
html body svg.gala-arrow{display:inline-block;width:1em;height:1em;min-width:1em;flex:0 0 auto;vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.8;color:inherit;overflow:visible;transform:none;pointer-events:none}
.hero-mark .logo-auto-sheen{display:none}
@media (hover:none), (pointer:coarse){
 .hero-mark .logo-sheen,.hero-mark .logo-glow{display:none}
 .hero-mark .logo-auto-sheen{display:block;position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;-webkit-mask:url('/assets/gala-gold-logo.webp') center/100% 100% no-repeat;mask:url('/assets/gala-gold-logo.webp') center/100% 100% no-repeat;mix-blend-mode:screen}
 .logo-auto-sheen:after{content:'';position:absolute;inset:-25% auto -25% -45%;width:35%;background:linear-gradient(105deg,transparent 12%,#ffdc8840 32%,#fffce8df 50%,#ffdf8e66 64%,transparent 88%);animation:mobile-gold-sweep 6s ease-in-out infinite;animation-play-state:paused;transform:translate3d(0,0,0);opacity:0}
 .hero-mark[data-shine-active="true"] .logo-auto-sheen:after{animation-play-state:running}
}
@keyframes mobile-gold-sweep{0%,8%{transform:translate3d(0,0,0);opacity:0}14%{opacity:.85}43%{opacity:.85}52%,100%{transform:translate3d(440%,0,0);opacity:0}}
html.motion-paused .hero-mark .logo-auto-sheen{display:none}
@media(prefers-reduced-motion:reduce){.hero-mark .logo-auto-sheen{display:none}}