/* Custom styles for unique interactions */
body {
    background-color: #FAFAFA;
    color: #0D0D0D;
}

::selection {
    background: #C41E1E;
    color: #FAFAFA;
}

.fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-up.visible {
    opacity: 1;
    transform: translateY(0);
}

.nav-scrolled {
    background-color: rgba(250, 250, 250, 0.95);
    backdrop-filter: blur(8px);
    border-bottom: 2px solid #0D0D0D;
}

/* Sharp diagonal overlay for the hero image */
.clip-diagonal {
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
}

@media (max-width: 768px) {
    .clip-diagonal {
        clip-path: none;
    }
}

/* Hide scrollbar for carousel */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}