/* Responsive Styles for AI/ML Portfolio */

/* Large Desktops */
@media (max-width: 1200px) {
    h1 {
        font-size: 3rem;
    }
    
    h2 {
        font-size: 2.2rem;
    }
    
    .hero-3d-model {
        height: 70vh;
    }
}

/* Tablets and Small Desktops */
@media (max-width: 992px) {
    h1 {
        font-size: 2.5rem;
    }
    
    h2 {
        font-size: 2rem;
    }
    
    section {
        padding: 4rem 1.5rem;
    }
    
    .hero {
        flex-direction: column;
        height: auto;
        padding-top: 100px;
        text-align: center;
    }
    
    .hero-content {
        margin-bottom: 2rem;
        max-width: 100%;
    }
    
    .hero-3d-model {
        height: 60vh;
        width: 100%;
    }
    
    .cta-buttons {
        justify-content: center;
    }
    
    .project-card {
        flex-direction: column;
    }
    
    .project-image, .project-info {
        width: 100%;
    }
    
    .project-image {
        height: 250px;
    }
}

/* Mobile Devices */
@media (max-width: 768px) {
    html {
        font-size: 14px;
    }
    
    h1 {
        font-size: 2.2rem;
    }
    
    h2 {
        font-size: 1.8rem;
    }
    
    .nav-links {
        position: absolute;
        right: 0;
        top: 70px;
        background-color: rgba(18, 18, 18, 0.95);
        backdrop-filter: blur(10px);
        width: 100%;
        height: 0;
        overflow: hidden;
        transition: height var(--transition-normal);
        box-shadow: var(--shadow-md);
    }
    
    .nav-links.active {
        height: auto;
        padding: 2rem 0;
    }
    
    .nav-links ul {
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
    }
    
    .burger {
        display: block;
    }
    
    /* Burger animation */
    .burger.active .line1 {
        transform: rotate(-45deg) translate(-5px, 6px);
    }
    
    .burger.active .line2 {
        opacity: 0;
    }
    
    .burger.active .line3 {
        transform: rotate(45deg) translate(-5px, -6px);
    }
    
    .hero-3d-model {
        height: 50vh;
    }
    
    .cards-container {
        grid-template-columns: 1fr;
    }
    
    .skills-container {
        grid-template-columns: 1fr;
    }
    
    .project-card {
        margin: 0;
    }
    
    .footer-content {
        grid-template-columns: 1fr;
    }
    
    /* Hide custom cursor on mobile */
    .cursor-dot, .cursor-outline {
        display: none;
    }
}

/* Small Mobile Devices */
@media (max-width: 480px) {
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.5rem;
    }
    
    .btn {
        padding: 0.7rem 1.5rem;
        font-size: 0.9rem;
    }
    
    .hero-3d-model {
        height: 40vh;
    }
    
    .project-image {
        height: 200px;
    }
    
    section {
        padding: 3rem 1rem;
    }
    
    .cta-buttons {
        flex-direction: column;
        gap: 1rem;
    }
}

/* Landscape Mode */
@media (max-height: 500px) and (orientation: landscape) {
    .hero {
        padding-top: 80px;
        height: auto;
    }
    
    .hero-3d-model {
        height: 40vh;
    }
}

/* High-resolution Displays */
@media (min-width: 1600px) {
    .container {
        max-width: 1400px;
    }
    
    html {
        font-size: 18px;
    }
}