/* ─── Hi2 Global — Additional Responsive & Polish ─── */
/* Asian Red: #B5121B (deep: #8C0D14 / light: #C8232D) — NO orange */

/* Delay classes for staggered animations */
.reveal[data-delay="100"] { transition-delay: 0.1s; }
.reveal[data-delay="200"] { transition-delay: 0.2s; }
.reveal[data-delay="300"] { transition-delay: 0.3s; }
.reveal[data-delay="400"] { transition-delay: 0.4s; }

/* Lock nav text colors on cream theme — dark by default, red when active */
#navbar .nav-links a { color: var(--navy) !important; }
#navbar .nav-links a:hover { color: var(--red) !important; }
#navbar .nav-links a.active { color: var(--red) !important; }

/* Smooth active section indicator */
#navbar .nav-links a {
  position: relative;
}
#navbar .nav-links a::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--red);
  transition: width 0.3s;
}
#navbar .nav-links a.active::after,
#navbar .nav-links a:hover::after {
  width: 100%;
}
#navbar .nav-links .nav-cta::after { display: none; }

/* Portfolio card touch support */
.portfolio-card.flipped .portfolio-card-inner {
  transform: rotateY(180deg);
}