/* Portfolio — custom styles (Tailwind handles most styling) */

.profile-frame {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}

/* Ensure project cards are always clickable and on top */
#projects a[href$=".html"] {
  position: relative;
  z-index: 10;
  pointer-events: auto;
}

/* Optional: slightly stronger shadow on hover for depth */
@media (hover: hover) {
  .profile-frame:hover {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  }
}