@keyframes emberPulse { 0%,100% { filter: drop-shadow(0 0 0 rgb(239 60 47 / 0)); } 50% { filter: drop-shadow(0 0 22px rgb(239 60 47 / 0.24)); } }
@keyframes floatLogo { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
.home-hero__logo img { animation: floatLogo 7s ease-in-out infinite, emberPulse 5s ease-in-out infinite; }
.video-dialog[open] { animation: dialogIn 180ms ease-out; }
@keyframes dialogIn { from { opacity: 0; transform: translateY(12px) scale(0.985); } to { opacity: 1; transform: translateY(0) scale(1); } }