@media (pointer: coarse) {
            .cursor-dot,
            .cursor-outline {
                display: none;
            }
        }

        @media (max-width: 992px) {
            .hero-title {
                font-size: 2rem;
            }
            
            .hero-quote {
                font-size: 0.9rem;
            }
            
            .video-wrapper {
                padding-top: 56.25%; /* 16:9 on mobile */
            }
            
            .play-button {
                width: 70px;
                height: 70px;
            }
            
            .play-button i {
                font-size: 1.8rem;
            }
        }


        @media (max-width: 768px) {
            .hero-title {
                font-size: 1.75rem;
            }
            
            .hero-quote {
                font-size: 0.85rem;
                letter-spacing: 0.5px;
            }
            
            .founder-name {
                font-size: 0.95rem;
            }
            
            .founder-desc {
                font-size: 0.85rem;
            }
        }


        @media (max-width: 768px) {
            .lightbox-nav {
                width: 45px;
                height: 45px;
                font-size: 30px;
                padding: 15px;
            }

            .lightbox-prev {
                left: 15px;
            }

            .lightbox-next {
                right: 15px;
            }

            .lightbox-close {
                top: 15px;
                right: 20px;
                width: 40px;
                height: 40px;
                font-size: 30px;
            }
        }

        @media (min-width: 1400px) {
            .container {
                max-width: 1320px;
            }
            h1 { font-size: 3.5rem; }
            .display-4 { font-size: 3.5rem; }
        }

        @media (min-width: 1200px) and (max-width: 1399px) {
            h1 { font-size: 3rem; }
            .display-4 { font-size: 3rem; }
        }

        @media (min-width: 992px) and (max-width: 1199px) {
            body { font-size: 16px; }
            h1 { font-size: 2.5rem; }
            h2 { font-size: 2rem; }
            .display-4 { font-size: 2.5rem; }
            .display-5 { font-size: 2rem; }
            p { font-size: 1rem; }
            .lead { font-size: 1.15rem; }
        }

        @media (min-width: 768px) and (max-width: 991px) {
            body { font-size: 15px; }
            h1 { font-size: 2.25rem; }
            h2 { font-size: 1.85rem; }
            h3 { font-size: 1.5rem; }
            .display-4 { font-size: 2.25rem; }
            .display-5 { font-size: 1.85rem; }
            p { font-size: 0.95rem; }
            .lead { font-size: 1.1rem; }
            
            .navbar-brand span {
                font-size: 1rem !important;
            }
            
            .hero-title {
                font-size: 2rem !important;
            }
            
            .btn {
                padding: 0.6rem 1.5rem;
                font-size: 0.9rem;
            }
        }

        @media (min-width: 576px) and (max-width: 767px) {
            body { font-size: 14px; }
            h1 { font-size: 2rem; }
            h2 { font-size: 1.65rem; }
            h3 { font-size: 1.35rem; }
            h4 { font-size: 1.15rem; }
            .display-4 { font-size: 2rem; }
            .display-5 { font-size: 1.65rem; }
            p { font-size: 0.9rem; }
            .lead { font-size: 1rem; }
            
            .navbar-brand {
                flex-direction: row;
            }
            
            .navbar-brand span {
                font-size: 0.9rem !important;
            }
            
            .navbar-brand small {
                font-size: 0.65rem !important;
            }
            
            .hero-title {
                font-size: 1.75rem !important;
            }
            
            .hero-quote {
                font-size: 0.85rem !important;
            }
            
            .btn {
                padding: 0.5rem 1.25rem;
                font-size: 0.85rem;
            }
            
            .card {
                margin-bottom: 1rem;
            }

            .photo-gallery-grid,
            .gallery-grid,
            .news-grid {
                gap: 20px;
            }

            .gallery-card .image-wrapper,
            .news-card .image-wrapper {
                aspect-ratio: 4 / 3;
                height: auto;
            }
        }

        @media (max-width: 575px) {
            body { font-size: 14px; }
            h1 { font-size: 1.75rem; }
            h2 { font-size: 1.5rem; }
            h3 { font-size: 1.25rem; }
            h4 { font-size: 1.1rem; }
            h5 { font-size: 1rem; }
            .display-4 { font-size: 1.75rem; }
            .display-5 { font-size: 1.5rem; }
            p { font-size: 0.875rem; }
            .lead { font-size: 0.95rem; }
            
            .container {
                padding-left: 1rem;
                padding-right: 1rem;
            }
            
            .navbar-brand {
                flex-direction: row;
            }
            
            .navbar-brand img {
                height: 50px !important;
            }
            
            .navbar-brand span {
                font-size: 0.85rem !important;
            }
            
            .navbar-brand small {
                font-size: 0.6rem !important;
            }
            
            .nav-link {
                padding: 0.5rem 0.75rem !important;
                font-size: 0.9rem;
            }
            
            .hero-title {
                font-size: 1.5rem !important;
                line-height: 1.3 !important;
            }
            
            .hero-quote {
                font-size: 0.8rem !important;
                letter-spacing: 0.5px !important;
            }
            
            .founder-name {
                font-size: 0.9rem !important;
            }
            
            .founder-desc {
                font-size: 0.8rem !important;
            }
            
            .btn {
                padding: 0.5rem 1rem;
                font-size: 0.8rem;
                width: 100%;
                margin-bottom: 0.5rem;
            }
            
            .btn-lg {
                padding: 0.6rem 1.25rem;
                font-size: 0.9rem;
            }
            
            .card {
                margin-bottom: 1rem;
            }
            
            .card-body {
                padding: 1rem !important;
            }

            .photo-gallery-grid,
            .gallery-grid,
            .news-grid {
                gap: 16px;
                grid-template-columns: 1fr;
            }

            .gallery-card .image-wrapper,
            .news-card .image-wrapper {
                aspect-ratio: 4 / 3;
                height: auto;
            }
            
            .filter-btn {
                padding: 0.4rem 0.8rem !important;
                font-size: 0.75rem !important;
                margin-bottom: 0.5rem;
            }
            
            .filter-btn i {
                font-size: 0.7rem;
            }
            
            .stats-section .col-6 {
                margin-bottom: 1rem;
            }
            
            .video-wrapper {
                padding-top: 56.25% !important;
            }
            
            .play-button {
                width: 60px !important;
                height: 60px !important;
            }
            
            .play-button i {
                font-size: 1.5rem !important;
            }
            
            .about-section img {
                height: 400px !important;
            }
            
            .rounded-4 {
                border-radius: 1rem !important;
            }
            
            .p-5 {
                padding: 1.5rem !important;
            }
            
            .py-4 {
                padding-top: 2rem !important;
                padding-bottom: 2rem !important;
            }
            
            .mb-4 {
                margin-bottom: 1.5rem !important;
            }
            
            .mb-5 {
                margin-bottom: 2rem !important;
            }
        }

        @media (max-width: 375px) {
            body { font-size: 13px; }
            h1 { font-size: 1.5rem; }
            h2 { font-size: 1.35rem; }
            .display-4 { font-size: 1.5rem; }
            
            .navbar-brand span {
                font-size: 0.75rem !important;
            }
            
            .hero-title {
                font-size: 1.35rem !important;
            }
            
            .btn {
                font-size: 0.75rem;
                padding: 0.45rem 0.9rem;
            }
        }

        @media print {
            .navbar, .btn, footer {
                display: none;
            }
            body {
                font-size: 12pt;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            * {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }

        @media (prefers-contrast: high) {
            .card {
                border: 2px solid #000;
            }
            .btn {
                border: 2px solid currentColor;
            }
        }

        @media (max-width: 991px) {
            .navbar-collapse {
                background: rgba(255, 255, 255, 0.98);
                backdrop-filter: blur(10px);
                border-radius: 12px;
                margin-top: 1rem;
                padding: 1rem;
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            }

            .navbar-nav .nav-link {
                padding: 0.75rem 1rem;
                border-radius: 8px;
                margin: 0.25rem 0;
            }

            .navbar-nav .btn {
                width: 100%;
                margin-top: 0.5rem;
            }
        }

        @media (max-width: 767px) {
            .btn, .nav-link, .filter-btn {
                min-height: 44px;
                min-width: 44px;
            }
        }

        @media (max-width: 767px) {
            section {
                padding-top: 2rem !important;
                padding-bottom: 2rem !important;
            }
        }