/* Mobile-specific responsive styles */

/* Hero Section Mobile */
@media (max-width: 768px) {
    .loader__text {
        font-size: 1.1rem;
        letter-spacing: 4px;
    }

    .loader__subtext {
        font-size: 0.75rem;
    }

    .loader__content {
        gap: 2rem;
        max-width: 320px;
    }

    .hero__title {
        font-size: clamp(1.8rem, 8vw, 3rem);
    }

    .hero__title-line {
        display: block;
        text-align: center;
    }

    /* Adjusted Hero Text Animation Stagger for Mobile */
    .hero__title-line span {
        margin: 0 1px;
    }

    .hero__subtitle {
        font-size: 1.1rem;
        text-align: center;
        padding: 0 1rem;
    }

    .nav {
        padding: 1rem 1.5rem;
    }

    .nav__links {
        display: none;
    }

    .nav__links.active {
        display: flex;
    }

    .nav__toggle {
        display: flex;
    }
}

@media (max-width: 480px) {
    .loader__text {
        font-size: 1rem;
        letter-spacing: 3px;
    }

    .loader__progress-runner {
        width: 24px;
        height: 24px;
    }

    .hero {
        min-height: 80vh;
        padding: var(--spacing-xl) var(--container-padding);
    }

    .hero__title {
        font-size: 1.8rem;
    }

    .hero__subtitle-line {
        font-size: 0.9rem;
    }
}

/* Page Transition Mobile */
.page-transition {
    z-index: 10001;
}

/* Ensure no horizontal scroll on all devices */
body,
html {
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

@media (max-width: 768px) {
    .contact__email {
        font-size: 1.3rem;
        word-break: break-all;
        padding: 0 1rem;
    }
}

@media (max-width: 480px) {
    .contact__content {
        padding: 0 0.5rem;
    }

    .contact__email {
        font-size: 1rem;
    }
}