/* Custom styles for MG Studio */

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #fdf8ee;
}
::-webkit-scrollbar-thumb {
    background: #e0c9b4;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #d45234;
}

/* Selection color */
::selection {
    background: #f9e0d6;
    color: #6c251b;
}

/* Nav active state */
nav.scrolled {
    box-shadow: 0 1px 20px rgba(0,0,0,0.06);
}

/* Image hover effects */
.rounded-2xl img,
.rounded-3xl img {
    will-change: transform;
}

/* Card hover lift */
.hover\:-translate-y-0\.5 {
    will-change: transform;
}

/* Gallery grid responsive */
@media (max-width: 640px) {
    #gallery .grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Testimonial card shimmer on hover */
.bg-white\/5:hover {
    backdrop-filter: saturate(150%) blur(4px);
}

/* Button press effect */
button:active,
a:active {
    transform: scale(0.98) translateY(0) !important;
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
    html {
        scroll-behavior: auto;
    }
    .reveal {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* Print styles */
@media print {
    nav, #contact-form, button { display: none; }
    body { color: #000; background: #fff; }
}