/* ========================================== UX Portfolio Stylesheet - Modular Architecture ========================================== */ /** * Import Order: * 1. Variables - CSS custom properties and theme variables * 2. Base - Reset and foundational styles * 3. Navigation - Header, menu, theme toggle * 4. Hero - Hero section and back-to-top/projects buttons * 5. Particles - Particle system and controls * 6. Components - Reusable UI components * 7. Carousels - All carousel implementations * 8. Sections - Page sections (projects, about, brands, contact) * 9. Project Pages - Project detail page layouts * 10. Charts - Data visualizations and special features * 11. Utilities - Helper classes, dark mode, responsive overrides (last) */ /* Foundation Layer */ @import '_variables.css'; @import '_base.css'; /* Navigation & UI Shell */ @import '_navigation.css'; @import '_hero.css'; /* Interactive Features */ @import '_particles.css'; @import '_aurora.css'; /* Component Library */ @import '_components.css'; @import '_carousels.css'; /* Content Sections */ @import '_sections.css'; @import '_theater.css'; /* Page-Specific Styles */ @import '_project-pages.css'; /* Specialized Features */ @import '_charts.css'; /* Cursor & Overlay Systems */ @import '_cursor.css'; /* Utilities & Overrides (must be last) */ @import '_utilities.css'; .hero, .projects, .skills-section, .about, .contact { background: transparent !important; }