/* --- HOME STYLE --- */
.logo-container {
    position: absolute;
    top: calc(50% - 350px); 
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 2s ease-in-out;
}

.main-logo {
    width: 165px; 
    height: auto;
}

.mini-logo-container {
    position: absolute;
    top: calc(50% - 120px); 
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 2s ease-in-out;
}

.mini-logo {
    width: 36px; 
    height: auto;
}

.main-nav a {
    opacity: 0; 
    transition: opacity 1s ease, color 0.3s ease;
}

/* --- 3D SHAPES --- */
.shape-container, .cube-container {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.shape-container.visible, .cube-container.visible {
    opacity: 0.4;
}