/* Title hover effects */
.title-container {
    cursor: pointer;
    gap: 8px;
}

.title-image {
    transition: opacity 0.3s ease;
    max-width: 61px;  /* Reduced by 10% from 68px */
    max-height: 110px;  /* Reduced by 10% from 122px */
}

.main-title a {
    transition: color 0.3s ease;
}

.title-container:hover .title-image {
    opacity: 0.6;
}

.title-container:hover .main-title a {
    color: #787878;
}

/* Nav Links hover effect */
.nav-links a {
    transition: color 0.3s ease;
}

.nav-links a:hover:not(.active) {
    color: #787878;
}