:root { --sheen-period: 4s; --sheen-strength: .55; }
.dgk-brand-logo { position: relative; display: inline-block; line-height: 0; }
.dgk-brand-title { position: relative; }
@supports ((mask-image: linear-gradient(#000, #000)) or (-webkit-mask-image: linear-gradient(#000, #000))) {
  .dgk-brand-logo::after, .dgk-brand-title::after { position: absolute; pointer-events: none;
    -webkit-mask-image: linear-gradient(105deg, transparent 40%, #000 50%, transparent 60%); mask-image: linear-gradient(105deg, transparent 40%, #000 50%, transparent 60%);
    -webkit-mask-size: 300% 100%; mask-size: 300% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
    -webkit-mask-position: 100% 0; mask-position: 100% 0;
    animation: dgk-sheen var(--sheen-period) linear infinite; }
  .dgk-brand-logo::after { content: ""; inset: -8px; background: url(/static/img/logo.png) center / auto calc(100% - 16px) no-repeat;
    filter: brightness(1.25) drop-shadow(0 0 1.5px rgba(255,255,255,calc(var(--sheen-strength) + .3))) drop-shadow(0 0 5px rgba(255,255,255,var(--sheen-strength))); }
  .dgk-brand-title::after { content: attr(data-text); content: attr(data-text) / ""; left: -8px; top: -8px; padding: 8px; white-space: nowrap; color: #fff;
    filter: drop-shadow(0 0 1.5px rgba(255,255,255,calc(var(--sheen-strength) + .3))) drop-shadow(0 0 5px rgba(255,255,255,var(--sheen-strength)));
    animation-delay: .3s; }
}
@keyframes dgk-sheen { 0% { -webkit-mask-position: 100% 0; mask-position: 100% 0; } 37.5%, 100% { -webkit-mask-position: 0% 0; mask-position: 0% 0; } }
@media (prefers-reduced-motion: reduce) { .dgk-brand-logo::after, .dgk-brand-title::after { animation: none; } }