@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&family=Manrope:wght@300;400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

body { 
    font-family: 'Manrope', sans-serif; 
    background-color: #f9f9f9; 
    color: #1b1b1b; 
    overflow-x: hidden;
    width: 100%;
}

.font-headline { font-family: 'Noto Serif', serif; }
.font-body { font-family: 'Manrope', sans-serif; }
.font-label { font-family: 'Manrope', sans-serif; }

.material-symbols-outlined { 
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24; 
}

.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.vertical-text { 
    writing-mode: vertical-rl; 
    text-orientation: mixed; 
}

/* Smooth transitions for interactive elements */
.transition-luxury {
    transition: all 0.7s cubic-bezier(0.2, 0, 0, 1);
}

/* Custom scroll reveal initial states */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1.2s cubic-bezier(0.2, 0, 0, 1), transform 0.8s cubic-bezier(0.2, 0, 0, 1);
    will-change: opacity, transform;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Parallax Container */
.parallax-container {
    overflow: hidden;
}

.parallax-img {
    transition: transform 0.5s cubic-bezier(0.2, 0, 0, 1);
    will-change: transform;
}

/* Premium Glow Effect */
.glow-on-hover {
    transition: all 0.7s cubic-bezier(0.2, 0, 0, 1);
}

.group:hover .glow-on-hover {
    filter: drop-shadow(0 0 15px rgba(103, 93, 80, 0.25));
    transform: scale(1.05);
}

/* Mobile Nav Logic */
.mobile-nav-active {
    overflow: hidden;
}

.hamburger-line {
    transition: all 0.3s ease-in-out;
}

.hamburger-active .line-1 {
    transform: translateY(6px) rotate(45deg);
}

.hamburger-active .line-2 {
    opacity: 0;
}

.hamburger-active .line-3 {
    transform: translateY(-6px) rotate(-45deg);
}

/* Custom Utilities */
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

@media (max-width: 768px) {
    .reveal {
        transform: translateY(20px);
    }
}