/* ── Splash Keyframes ── */
@keyframes kaf-logo-in { to { opacity: 1; transform: scale(1); } }
@keyframes kaf-line-in { to { width: 100%; } }
@keyframes kaf-text-in { to { opacity: 1; transform: translateY(0); } }

#kaf-splash-logo {
  opacity: 0;
  transform: scale(0.55);
  animation: kaf-logo-in 1.9s cubic-bezier(0.22,1,0.36,1) 0.4s forwards;
}
#kaf-splash-line { animation: kaf-line-in 4.2s cubic-bezier(0.19,1,0.22,1) 0.6s forwards; }
#kaf-splash-text {
  opacity: 0;
  transform: translateY(18px);
  animation: kaf-text-in 1.6s ease 2.7s forwards;
}

/* ── Section Box Slide ── */
.section-box { will-change: transform; transition: transform 2.2s cubic-bezier(0.22,1,0.36,1); }
.section-box[data-dir="right"] { transform: translateX(-100px); }
.section-box[data-dir="left"]  { transform: translateX(100px); }
.section-box.box-in { transform: none !important; }

/* ── Universal [data-anim] System ── */
[data-anim] { will-change: transform; transition: transform 1.9s cubic-bezier(0.22,1,0.36,1); }
[data-anim="from-left"]   { transform: translateX(-70px); }
[data-anim="from-right"]  { transform: translateX(70px); }
[data-anim="from-bottom"] { transform: translateY(55px); }
[data-anim="from-top"]    { transform: translateY(-40px); }
[data-anim="zoom-in"]     { transform: scale(0.82); }
[data-anim="fade"]        { transform: none; }
[data-anim].anim-visible  { transform: none !important; }

/* ── Who We Are Slide Animations ── */
.who-band-eyebrow { transform: translateX(-60px); transition: transform 1.6s ease; }
.who-band-eyebrow.visible { transform: translateX(0); }
.who-band-heading { transform: translateX(-60px); transition: transform 1.8s ease 0.25s; }
.who-band-heading.visible { transform: translateX(0); }
.who-band-accent {
  width: 0; height: 3px; background: #3DED62;
  margin: 0 0 2em 2px;
  transition: width 2.2s cubic-bezier(0.19,1,0.22,1) 0.5s;
}
.who-band-accent.visible { width: 64px; }
.who-band-body { transform: translateX(-60px); transition: transform 1.9s ease 0.4s; }
.who-band-body.visible { transform: translateX(0); }
.who-stat { transform: translateX(-50px); transition: transform 1.6s ease; }
.who-stat.visible { transform: translateX(0); }
#wb-stat2 { transition-delay: 0.12s; }
#wb-stat3 { transition-delay: 0.24s; }

/* Stats proximity glow */
.who-stat-num { transition: text-shadow 0.35s ease, color 0.35s ease, transform 0.35s ease; }
.who-stat.stat-near .who-stat-num { text-shadow: 0 0 22px rgba(61,237,98,0.75); transform: scale(1.12); }
.who-stat.stat-near .who-stat-label { color: rgba(255,255,255,0.85); }

/* ── Founders Animations ── */
.founders-eyebrow { transform: translateY(18px); transition: transform 1.5s ease; }
.founders-eyebrow.visible { transform: translateY(0); }
.founders-heading { transform: translateY(22px); transition: transform 1.7s ease 0.2s; }
.founders-heading.visible { transform: translateY(0); }
.founders-ornament { transform: translateY(14px); transition: transform 1.2s ease 0.4s; }
.founders-ornament.visible { transform: translateY(0); }

.founders-photo-wrap { transform: scale(0.84) translateY(30px); transition: transform 2s cubic-bezier(0.22,1,0.36,1); }
.founders-photo-wrap.visible { transform: scale(1) translateY(0); }

#founderCard1 { transform: translateX(-60px); transition: transform 1.8s ease 0.3s, box-shadow 0.3s ease; }
#founderCard2 { transform: translateX(60px);  transition: transform 1.8s ease 0.55s, box-shadow 0.3s ease; }
#founderCard1.visible, #founderCard2.visible { transform: translateX(0); }
.founder-card.visible:hover { box-shadow: 0 10px 36px rgba(61,237,98,0.2); transform: translateY(-4px); }

/* ── About animate ── */
.about-animate { transform: translateY(50px); transition: transform 1.9s ease; }
.about-animate.visible { transform: translateY(0); }

/* ── Service Pills ── */
.service-pill { transform: translateY(24px); transition: transform 1.5s ease, box-shadow 0.25s ease; }
.service-pill.visible { transform: translateY(0); }
.service-pill:hover { box-shadow: 0 8px 28px rgba(61,237,98,0.18); transform: translateY(-4px); }

/* ── Collaborator Logos ── */
.collab-logo { transform: translateY(28px); transition: transform 1.4s ease, box-shadow 0.3s ease; }
.collab-logo.visible { transform: translateY(0); }
.collab-logo.visible:hover { box-shadow: 0 8px 28px rgba(61,237,98,0.28); transform: translateY(-5px) scale(1.06); }
.collab-logo.visible:hover img { filter: grayscale(0%) brightness(1.04); }
.collab-logo.visible:active {
  transform: scale(1.13) translateY(-2px) !important;
  box-shadow: 0 16px 44px rgba(61,237,98,0.48) !important;
  transition-duration: 0.1s;
  z-index: 5;
  background: #f3fff6;
}
.collab-logo.visible:active img { filter: grayscale(0%) brightness(1.1) !important; }

/* ── Project Card Image Zoom ── */
.cbp-caption-defaultWrap img { transition: transform 0.65s ease !important; }
.cbp-item:hover .cbp-caption-defaultWrap img { transform: scale(1.06) !important; }

/* ── Footer Slide-up ── */
.kaf-footer-brand,
.kaf-footer-vdivider,
.kaf-footer-col,
.kaf-footer-bottom { transform: translateY(44px); transition: transform 1.3s cubic-bezier(0.22,1,0.36,1); }
.kaf-footer-brand.footer-in,
.kaf-footer-vdivider.footer-in,
.kaf-footer-col.footer-in,
.kaf-footer-bottom.footer-in { transform: translateY(0); }
