/* ===================================================================
   BRIDGE GROUP SOLUTIONS - PORTFOLIO PAGE STYLESHEET
   Dedicated stylesheet for portfolio.html
   Visual Design System: Aligned with Home Page (index.html) & BGS Alpha
   =================================================================== */

@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  display: flex;
  width: max-content;
  animation: marquee 28s linear infinite;
}

.animate-marquee:hover {
  animation-play-state: paused;
}

/* Glassmorphism & Surface Tokens */
.glass-header {
  background: rgba(249, 249, 251, 0.85);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(226, 226, 228, 0.8);
}

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Bento Card Transitions */
.bento-card {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease;
}

.bento-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 45px rgba(235, 87, 55, 0.14);
  border-color: rgba(235, 87, 55, 0.4);
}

/* Card Lift Physics matching web.html */
.hover-lift {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.25s ease;
}

.hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 45px rgba(235, 87, 55, 0.14);
}

/* Project Card Image Container */
.project-card-img {
  width: 100%;
  height: 240px;
  object-fit: cover;
  border-radius: 12px;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.bento-card:hover .project-card-img {
  transform: scale(1.03);
}