        body { font-family: 'Poppins', sans-serif; color: #1a1a1a; scroll-behavior: smooth; }
        .font-surfer { font-family: 'Original Surfer', sans-serif; }
        
        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 12px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: #F79A19; border-radius: 6px; border: 3px solid #f1f1f1; }

        /* Page Routing */
        .page-view { display: none; min-height: 100vh; animation: pageFade 0.6s ease-out forwards; }
        .active-view { display: block; }
        @keyframes pageFade { 
            from { opacity: 0; transform: translateY(20px); } 
            to { opacity: 1; transform: translateY(0); } 
        }

        /* Diagonal Hero */
        .hero-diagonal {
            background: linear-gradient(115deg, #BBCB64 50%, #FFE52A 50.1%);
        }

        /* Masonry */
        .masonry { column-count: 1; column-gap: 2rem; }
        @media (min-width: 768px) { .masonry { column-count: 2; } }
        @media (min-width: 1024px) { .masonry { column-count: 3; } }
        .masonry-item { break-inside: avoid; margin-bottom: 2rem; }

        /* Unique Elements */
        .angled-block { transform: skewY(-3deg); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .angled-block > div { transform: skewY(3deg); }
        .angled-block:hover { transform: skewY(0deg) scale(1.03); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15); }

        .stripe-bg { background-image: repeating-linear-gradient(45deg, rgba(255,255,255,0.15) 0, rgba(255,255,255,0.15) 15px, transparent 15px, transparent 30px); }
        
        .nav-link { position: relative; }
        .nav-link::after { content: ''; position: absolute; width: 0; height: 3px; bottom: -5px; left: 0; background: #CF0F0F; transition: width 0.3s; }
        .nav-link:hover::after { width: 100%; }

        .reveal-on-scroll { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
        .reveal-on-scroll.active { opacity: 1; transform: translateY(0); }
