/* Custom styles for Fulscher and Sons Tattoo Machines */

/* Base styles - already handled by Tailwind + inline styles in HTML */
/* This file provides additional custom animations and utility enhancements */

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

/* Loading state for page */
body.loading {
    opacity: 0;
    transition: opacity 0.3s ease;
}

body.loaded {
    opacity: 1;
}

/* Print styles */
@media print {
    .noise-overlay,
    .animate-float,
    .animate-float-delayed,
    .animate-float-slow {
        display: none;
    }
    
    body {
        background: #fff;
        color: #000;
    }
}