.ddr-intro{position:fixed;inset:0;display:grid;place-items:center;background:#000;z-index:9999;animation:ddrIntroFade 2.4s forwards}
@media (prefers-reduced-motion: reduce){.ddr-intro{display:none}}
@keyframes ddrIntroFade{0%{opacity:1}70%{opacity:1}100%{opacity:0;visibility:hidden}}

/* Chrome sweep effect over intro logo */
.ddr-intro img{position:relative; display:block; width:min(60vw,680px); height:auto; filter: drop-shadow(0 8px 30px rgba(255,255,255,.08));}
.ddr-intro img::after{
  content:''; position:absolute; inset:0;
  background: linear-gradient(75deg, transparent 0%, rgba(255,255,255,.5) 45%, rgba(255,255,255,.9) 50%, rgba(255,255,255,.5) 55%, transparent 100%);
  transform: translateX(-120%);
  animation: ddrChromeSweep 1s .6s ease-out forwards;
  mix-blend-mode: screen; pointer-events:none;
}
@keyframes ddrChromeSweep{to{transform: translateX(120%)}}