@media screen and (min-width: 981px) {
  /* ===== HEADER ===== */
  .header :is(.brand, .login-button, .nav-link) {
    opacity: 0;
    transform: translateY(30px);
    transition-duration: 0.8s;
    transition-timing-function: linear;
  }
  
  .header :is(.brand, .login-button) {
    transition-delay: 0;
  }
  
  .header.animate :is(.brand, .login-button, .nav-link) {
    opacity: 1;
    transform: translateY(0);
  }
  
  .header .nav-link:is(:nth-child(2), :nth-child(7)) {
    transition-delay: 0.4s;
  }
  
  .header .nav-link:is(:nth-child(3), :nth-child(6)) {
    transition-delay: 0.6s;
  }
  
  .header .nav-link:is(:nth-child(4), :nth-child(5)) {
    transition-delay: 0.8s;
  }
  
  /* ===== HERO ===== */
  .snowsgiving-hero :is(.hero-image, .hero-title, .hero-text, .hero-button-container) {
    opacity: 0;
    transform: translateY(30px);
    transition-duration: 0.8s;
  }
  
  .snowsgiving-hero .hero-image {
    transition-delay: 1.2s;
  }
  
  .snowsgiving-hero .hero-title {
    transition-delay: 1.4s;
  }
  
  .snowsgiving-hero .hero-text {
    transition-delay: 1.6s;
  }
  
  .snowsgiving-hero .hero-button-container {
    transition-delay: 1.8s;
  }
  
  .snowsgiving-hero.animate :is(.hero-image, .hero-title, .hero-text, .hero-button-container) {
    opacity: 1;
    transform: translateY(0);
  }
}