body { background-color: #F8F8F6; color: #1C1C1C; -webkit-font-smoothing: antialiased; }
        
        .page-view { display: none; }
        .page-view.active { display: block; animation: fadeIn 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .drop-cap::first-letter {
            float: left;
            font-family: 'Playfair Display', serif;
            font-size: 5rem;
            line-height: 0.8;
            padding-right: 12px;
            padding-top: 8px;
            color: #8A9A7B;
        }

        .img-reveal {
            overflow: hidden;
            position: relative;
        }
        .img-reveal img {
            transition: transform 2s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .img-reveal:hover img {
            transform: scale(1.05);
        }

        .nav-link {
            position: relative;
            padding-bottom: 2px;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: 0; left: 0; width: 0; height: 1px;
            background-color: #1C1C1C;
            transition: width 0.4s ease;
        }
        .nav-link:hover::after { width: 100%; }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #F8F8F6; }
        ::-webkit-scrollbar-thumb { background: #D6CEC3; }

        .no-scrollbar::-webkit-scrollbar { display: none; }
        @keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fadeIn {
    animation: fadeIn 0.5s ease forwards;
}

    </style>