/* ==========================================================================
   CONTACT PAGE MOTION ENGINE
   ========================================================================== */

/* Define the master engine matrix at the top of the file so it exists natively */
@keyframes megaEntrance {
  0% {
    opacity: 0;
    --anim-blur: blur(10px);
    --anim-brightness: brightness(0.9);
    transform: translateY(40px) scale(0.96);
  }
  100% {
    opacity: 1;
    --anim-blur: blur(0px);
    --anim-brightness: brightness(1);
    transform: translateY(0) scale(1);
  }
}

/* --- HERO LOAD-IN ARRAY --- */
/* Elements hide perfectly until preloader script appends .hero-start to the body */
.contact-heading, 
.social-links-row .social-button, 
.github-grid-wrapper,
.profile-image {
  opacity: 0;
}


.hero-start .profile-image {
  animation: megaEntrance 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both;
}

.hero-start .contact-heading { 
  animation: megaEntrance 1s cubic-bezier(0.16, 1, 0.3, 1) both; 
}

/* Staggered sequential entry array for the active link buttons */
.hero-start .social-links-row .social-button:nth-child(1) { animation: megaEntrance 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.15s both; }
.hero-start .social-links-row .social-button:nth-child(2) { animation: megaEntrance 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.20s both; }
.hero-start .social-links-row .social-button:nth-child(3) { animation: megaEntrance 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.25s both; }
.hero-start .social-links-row .social-button:nth-child(4) { animation: megaEntrance 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.30s both; }
.hero-start .social-links-row .social-button:nth-child(5) { animation: megaEntrance 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.35s both; }
.hero-start .social-links-row .social-button:nth-child(6) { animation: megaEntrance 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.40s both; }

.hero-start .github-grid-wrapper { 
  animation: megaEntrance 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.45s both; 
}


/* --- SCROLL DRIVEN LOWER TRACKS --- */
.aboutme-heading-text,
.aboutme-para-text,
.ascii-leaves-parent-container2,
.ascii-bamboo-parent-container {
  opacity: 0;
  will-change: transform, opacity;
  transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1), 
              transform 1.2s cubic-bezier(0.16, 1, 0.3, 1),
              filter 1.2s ease;
}

.aboutme-heading-text { transform: translateX(-60px); filter: blur(4px); }
.aboutme-para-text { transform: translateY(40px); }
.ascii-leaves-parent-container2 { transform: translateY(-50px); }
.ascii-bamboo-parent-container { transform: translateY(60px); }


/* --- SWITCH ACTIVATION MATRIX --- */
.in-view {
  opacity: 1 !important;
  transform: translateX(0) translateY(0) scale(1) !important;
  filter: blur(0) brightness(1) !important;
}

.ascii-leaves-parent-container2.in-view { opacity: 0.4 !important; }
.ascii-bamboo-parent-container.in-view { opacity: 0.25 !important; }

@media (max-width: 1100px) {
  .ascii-bamboo-parent-container.in-view { opacity: 0.1 !important; }
}
.social-button:hover {
  transition-delay: 0s !important;
}