/* Approved Aparición por bloques; source retained in logo/animated/. */
.dl-logo--cascade { display:block; height:auto; max-width:100%; }

.dl-logo--cascade .dl-piece-enter { transform-box:fill-box; transform-origin:center; }
.dl-logo--cascade .dl-word-enter { fill:var(--doculane-wordmark,#000); }

.dl-logo--cascade .dl-piece-enter { animation: dlc-arrive 740ms cubic-bezier(.16,1,.3,1) both; animation-delay: var(--delay); }
.dl-logo--cascade .dl-word-enter { animation:dlc-word 740ms cubic-bezier(.16,1,.3,1) 360ms both; }
@keyframes dlc-arrive { from { opacity:0; transform:translate(var(--x),var(--y)) scale(.88); } to { opacity:1; transform:translate(0,0) scale(1); } }
@keyframes dlc-word { from { opacity:0; clip-path:inset(0 100% 0 0); transform:translateX(-10px); } to { opacity:1; clip-path:inset(0 0 0 0); transform:translateX(0); } }
@keyframes dlc-checker { 0%,100% { opacity:1; } 23%,65% { opacity:0; } }
@media (prefers-reduced-motion:no-preference) { .dl-logo--cascade.dl-gesture .dl-checker { animation:dlc-checker 800ms cubic-bezier(.4,0,.2,1) both; animation-delay:var(--checker-delay); } }

.dl-logo--cascade .dl-piece-hover:not(.dl-checker) > .dl-piece-enter { animation:none; opacity:1; transform:none; }
.dl-logo--cascade .dl-checker > .dl-piece-enter { animation:dlc-reappear 280ms cubic-bezier(.4,0,.2,1) both; animation-delay:calc(120ms + var(--checker-delay)); }
@keyframes dlc-reappear { from { opacity:0; } to { opacity:1; } }

@media (hover:hover) and (prefers-reduced-motion:no-preference) { .dl-logo--cascade:hover .dl-checker { animation:dlc-checker 800ms cubic-bezier(.4,0,.2,1) both; animation-delay:var(--checker-delay); } }
@media (prefers-reduced-motion:no-preference) { a:focus-visible .dl-logo--cascade .dl-checker { animation:dlc-checker 800ms cubic-bezier(.4,0,.2,1) both; animation-delay:var(--checker-delay); } }
@media (prefers-reduced-motion:reduce) { .dl-logo--cascade g { animation:none !important; transform:none !important; clip-path:none !important; opacity:1 !important; } }