/* Custom styles for Gaines Oliphint House */

/* Smooth scroll offset for fixed header */
html {
    scroll-padding-top: 80px;
}

/* Fade-up animation for hero */
@keyframes fade-up {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-up {
    animation: fade-up 0.8s ease-out forwards;
}

/* Scroll reveal base state (progressive enhancement) */
.reveal {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal.hidden-reveal {
    opacity: 0;
    transform: translateY(40px);
}

@media (prefers-reduced-motion: reduce) {
    .reveal.hidden-reveal {
        opacity: 1;
        transform: translateY(0);
    }
    .animate-fade-up {
        animation: none;
        opacity: 1;
    }
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #fafaf8;
}
::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

/* Image placeholder fallback */
img {
    background: linear-gradient(135deg, #e5e7eb 0%, #f3f4f6 100%);
}

/* Selection color */
::selection {
    background: #FF6B4A;
    color: #ffffff;
}