body {
            scroll-behavior: smooth;
        }
        .glass-nav {
            background: rgba(253, 251, 247, 0.85);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #fdfbf7;
        }
        ::-webkit-scrollbar-thumb {
            background: #d4cec6;
            border-radius: 4px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: #8da399;
        }
        .fade-in-up {
            animation: fadeInUp 0.5s ease-out forwards;
        }
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .case-study-scroll::-webkit-scrollbar {
            width: 6px;
        }
        .case-study-scroll::-webkit-scrollbar-track {
            background: #fff;
        }
        .case-study-scroll::-webkit-scrollbar-thumb {
            background: #e5e5e5;
            border-radius: 3px;
        }

        /* Responsive embedded videos */
        .responsive-embed {
            position: relative;
            width: 100%;
            padding-top: 56.25%; /* 16:9 aspect ratio */
        }
        .responsive-embed iframe {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }

        /* PREMIUM UX: Mobile Layout State Controls */
        @media (max-width: 767px) {
            /* 1. Hide the sidebar panel when viewing case study text */
            .case-study-active #modal-sidebar {
                display: none !important;
            }
            
            /* 2. Lock the outer modal so the inner container can take over scrolling */
            .case-study-active #modal-box {
                overflow: hidden !important;
                height: 90vh !important; 
            }
            
            /* 3. Force the right column to expand and fill the available modal space */
            .case-study-active #modal-right-col {
                height: 100% !important;
                flex-grow: 1 !important;
            }
            
            /* 4. Make the case study view an absolute, scrolling viewport */
            .case-study-active #casestudy-view {
                position: absolute !important;
                inset: 0 !important;
                height: 100% !important;
                overflow-y: auto !important;
            }
        }