:root { scroll-behavior: smooth; }
        body { font-family: 'Quicksand', sans-serif; background-color: #FFFFFF; color: #000000; overflow-x: hidden; }

        /* Multi-page Display Logic */
        .page-view { display: none; }
        .page-view.active { display: block; animation: fadeIn 0.8s ease-out; }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Floating Hero Animation */
        .float-card { animation: floating 6s ease-in-out infinite; }
        @keyframes floating {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-15px); }
            100% { transform: translateY(0px); }
        }

        /* Section Transitions */
        .reveal { opacity: 0; transform: translateY(40px); transition: 1s cubic-bezier(0.17, 0.67, 0.83, 0.67); }
        .reveal.active { opacity: 1; transform: translateY(0); }

        /* Custom Header Styling */
        header.scrolled { background: rgba(255,255,255,0.95); box-shadow: 0 4px 30px rgba(0,0,0,0.05); color: #000; }
        header.scrolled .logo { color: #399918; }

        /* Filter Pills */
        .filter-pill.active { background-color: #399918; color: #fff; border-color: #399918; }

        /* Image Mask for Editorial Look */
        .editorial-img { overflow: hidden; border-radius: 4px; position: relative; }
        .editorial-img img { transition: transform 1.2s ease; width: 100%; height: 100%; object-fit: cover; }
        .editorial-img:hover img { transform: scale(1.08); }