.projects-dropdown-open [data-projects-menu] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.projects-dropdown-open [data-projects-chevron] {
    transform: rotate(180deg);
}

[data-projects-trigger].nav-active:after {
    bottom: -6px;
}

.project-status-live {
    color: #34d399;
    background: rgb(16 185 129 / 0.12);
    border: 1px solid rgb(16 185 129 / 0.25);
}

.project-status-dev {
    color: #38bdf8;
    background: rgb(14 165 233 / 0.12);
    border: 1px solid rgb(14 165 233 / 0.25);
}

.project-card {
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.project-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 25px 50px -12px rgb(14 165 233 / 0.18);
}