.hero__image { animation: norKenBurns 42s ease-in-out infinite alternate; }
.hero__mist { animation: norMist 26s ease-in-out infinite alternate; }
.reveal { opacity: 0; transform: translateY(22px); animation: norReveal 1.45s cubic-bezier(.22,.61,.36,1) forwards; }
.reveal--logo { animation-delay: .20s; }
.reveal--one { animation-delay: .72s; }
.reveal--two { animation-delay: 1.02s; }
.reveal--three { animation-delay: 1.24s; }
.reveal--four { animation-delay: 1.46s; }
.reveal--five { animation-delay: 1.68s; }
.reveal--six { animation-delay: 1.90s; }
@keyframes norReveal { to { opacity: 1; transform: translateY(0); } }
@keyframes norKenBurns { from { transform: scale(1.015) translate3d(0,0,0); } to { transform: scale(1.065) translate3d(-0.7%, -0.4%, 0); } }
@keyframes norMist { from { transform: translate3d(-1.2%, 0, 0) scale(1); opacity: .52; } to { transform: translate3d(1.5%, -0.8%, 0) scale(1.05); opacity: .78; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .reveal { opacity: 1; transform: none; }
}