/* Basic Setup */
        body { font-family: 'Source Sans 3', sans-serif; background-color: #f5f0e8; overflow-x: hidden; }
        h1, h2, h3, h4 { font-family: 'Cormorant Garamond', serif; }

        /* Nav & Scroll */
        .nav-link { position: relative; color: #fff; font-weight: 500; transition: color 0.3s; }
        .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: #c9a227; transition: width 0.3s; }
        .nav-link:hover { color: #c9a227; }
        .nav-link:hover::after { width: 100%; }
        .nav-scrolled { background: rgba(13, 40, 24, 0.98) !important; backdrop-filter: blur(10px); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2); }

        /* Mobile Menu */
        .mobile-menu { transform: translateX(100%); transition: transform 0.4s ease; }
        .mobile-menu.active { transform: translateX(0); }

        /* Animations */
        .animate-on-scroll { opacity: 0; transform: translateY(30px); transition: all 0.8s ease; }
        .animate-on-scroll.visible { opacity: 1; transform: translateY(0); }

        /* Hover Cards (The Requested Feature) */
        .facility-card {
            position: relative;
            overflow: hidden;
            border-radius: 1rem;
            cursor: pointer;
            height: 400px;
            group: 'facility';
        }
        
        .facility-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }

        .facility-card:hover img {
            transform: scale(1.1);
        }

        .facility-overlay {
            position: absolute;
            inset: 0;
            /*background: linear-gradient(to top, rgba(13, 40, 24, 0.95) 0%, rgba(13, 40, 24, 0.4) 50%, transparent 100%);*/
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 2rem;
            transition: background 0.4s ease;
        }

        .facility-content {
            transform: translateY(20px);
            opacity: 1;
            transition: all 0.4s ease;
        }

        .facility-list {
            max-height: 0;
            overflow: hidden;
            opacity: 0;
            transition: all 0.5s ease;
            transform: translateY(20px);
        }

        .facility-card:hover .facility-list {
            max-height: 300px;
            opacity: 1;
            transform: translateY(0);
            margin-top: 1rem;
        }

        .facility-card:hover .facility-overlay {
            background: rgba(13, 40, 24, 0.9); /* Darker on hover */
        }