/* Masked metallic light sweep adapted from the user's AI HUB OS brand treatment. */
.slogan-dots{text-emphasis:filled dot #3182f6;-webkit-text-emphasis:filled dot #3182f6;text-emphasis-position:over right;-webkit-text-emphasis-position:over right}
.footer .slogan-dots,.head .slogan-dots{text-emphasis-color:#82b5ff;-webkit-text-emphasis-color:#82b5ff}
.logo-metal{position:relative;display:inline-block;flex:none;width:47px;height:47px;isolation:isolate;vertical-align:middle}
.logo-metal>img{display:block!important;width:100%!important;height:100%!important;object-fit:contain;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important}
.logo-metal:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,transparent 35%,#cde0ff52 43%,#ffffffeb 50%,#cde0ff52 57%,transparent 65%);background-size:350% 100%;background-position:120% 0;-webkit-mask:url('/images/boida-logo-metal.png') center/contain no-repeat;mask:url('/images/boida-logo-metal.png') center/contain no-repeat;animation:logo-metal-sweep 4.8s cubic-bezier(.45,0,.55,1) infinite}
@keyframes logo-metal-sweep{0%,48%{opacity:0;background-position:120% 0}58%{opacity:.2}68%{opacity:.85}82%{opacity:.7;background-position:-20% 0}90%,100%{opacity:0;background-position:-20% 0}}
.contact-phone .logo-metal{display:block;width:80px;height:80px;margin:0 auto 14px}.head .logo-metal{width:60px;height:60px}
.contact-phone .contact-person{display:block;font-size:14px;font-weight:700;color:#617088}.contact-phone a{margin:3px 0 13px}
@media(max-width:640px){.brand .logo-metal{width:43px;height:43px}}
@media(prefers-reduced-motion:reduce){.logo-metal:after{animation:none;opacity:0}}