.project-visual-wrapper {
    overflow: hidden;
    position: relative;
    background-color: var(--bg-surface);
    transition: background-color 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.project-card:hover .project-visual-wrapper {
    background-color: #2946DC;
}
.project-visual-inner {
    transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}
.project-card:hover .project-visual-inner {
    transform: scale(1.04);
}
.project-card:hover .svg-ink-stroke {
    stroke: #FAFAF7 !important;
}
.project-card:hover .svg-cobalt-stroke {
    stroke: #FAFAF7 !important;
}
.project-card:hover .svg-ink-fill {
    fill: #FAFAF7 !important;
}
.project-card:hover .svg-surface-fill {
    fill: rgba(250, 250, 247, 0.12) !important;
}
.project-card:hover .visual-telemetry {
    color: rgba(250, 250, 247, 0.85) !important;
    border-color: rgba(250, 250, 247, 0.25) !important;
}