@media (max-width: 1024px) {
    .scroll-hint {
        top: 72vh;
    }
}

/* Mobile Responsiveness Overrides */
@media (max-width: 768px) {

    /* Top Tagline responsive overrides */
    .top-tagline-container {
        top: 5vh;
        width: 95%;
    }
    .top-tagline {
        font-size: clamp(15px, 4.2vw, 22px);
        white-space: normal;
        line-height: 1.3;
        width: 100%;
        letter-spacing: 2px;
    }

    /* Position action buttons vertically in the bottom-left corner on mobile */
    .camera-lock-btn,
    .round-action-btn {
        width: 36px;
        height: 36px;
        left: 15px;
    }
    .camera-lock-btn {
        bottom: 15px;
    }
    .round-action-btn.social-btn-youtube {
        bottom: 58px;
    }
    .round-action-btn.social-btn-twitter {
        bottom: 101px;
    }
    .round-action-btn.social-btn-instagram {
        bottom: 144px;
    }
    .camera-lock-btn svg,
    .round-action-btn svg {
        width: 16px;
        height: 16px;
    }

    /* TV Scene Overlay responsive overrides */
    .tv-overlay-container {
        padding-bottom: 2.5vh;
    }
    .logo-img {
        width: 36vw;
        min-width: 120px;
        max-width: 180px;
        margin-bottom: 0.6vh;
    }
    .coming-soon-text {
        font-size: clamp(13px, 3.8vw, 17px);
        letter-spacing: 1.5px;
    }
    .footer-credit {
        font-size: 9px;
        letter-spacing: 1px;
        margin-top: 4px;
    }

    /* Sidebar panels adaptation for narrow screens */
    .sidebar-panel {
        width: 85%;
        max-width: 280px;
        padding: 16px;
        gap: 12px;
    }
    .sidebar-panel-left {
        width: 85%;
        max-width: 280px;
        padding: 16px;
        gap: 12px;
    }
    .sidebar-profile-card {
        padding: 12px;
    }
    .profile-avatar-wrapper {
        width: 60px;
        height: 60px;
    }
}