/* GTA6 STREET mobile scale normalization.
 * Narrow-screen only: preserves the canonical desktop/tablet composition while
 * reducing the oversized "browser zoom" feel on phones.
 */
@media (max-width: 768px) {
    .leonida-signal-body {
        --ls-shell: calc(100% - 2rem);
        --ls-section: 2.9rem;
        --ls-major: 3.65rem;
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    /* Keep the cinematic hero, but give its copy phone-native proportions. */
    .leonida-signal-body .ls-hero {
        min-height: 66svh;
    }

    .leonida-signal-body .ls-hero__layout {
        padding-block: 2.55rem 2.05rem;
    }

    .leonida-signal-body .ls-hero__copy h1 {
        max-width: 11ch;
        font-size: clamp(2.75rem, 11.5vw, 4rem);
        line-height: .92;
        letter-spacing: -.012em;
    }

    .leonida-signal-body .ls-hero__deck {
        max-width: 34rem;
        font-size: .95rem;
        line-height: 1.45;
    }

    .leonida-signal-body .ls-actions {
        gap: .6rem;
    }

    .leonida-signal-body .ls-actions .ls-button {
        min-height: 2.8rem;
        padding: .64rem .9rem;
    }

    /* homepage-live-magazine.css already owns compact section typography.
       Normalize rhythm around those headings instead of re-scaling them again. */
    .leonida-signal-body .ls-blog-cover {
        padding-block: 1.25rem .85rem;
    }

    .leonida-signal-body .ls-blog-layout {
        padding-block: 1.25rem 1.75rem;
    }

    .leonida-signal-body .ls-blog-module {
        padding-block: 1.8rem;
    }

    .leonida-signal-body .ls-blog-sidebar {
        gap: .8rem;
    }

    .leonida-signal-body .ls-blog-widget {
        padding: .9rem;
    }

    .leonida-signal-body .ls-blog-split,
    .leonida-signal-body .ls-blog-more {
        margin-block: 1.3rem;
    }

    .leonida-signal-body .ls-blog-box {
        padding: .9rem;
    }

    /* The canonical product contract now uses cinematic video on mobile too.
       These later-loaded rules neutralize the legacy poster-only breakpoint. */
    .leonida-signal-body .ls-hero__video,
    .leonida-signal-body .ls-hero__motion {
        display: block;
    }
}

@media (max-width: 420px) {
    .leonida-signal-body {
        --ls-shell: calc(100% - 2rem);
        --ls-section: 2.65rem;
        --ls-major: 3.3rem;
    }

    .leonida-signal-body .ls-hero {
        min-height: 62svh;
    }

    .leonida-signal-body .ls-hero__layout {
        padding-block: 2.2rem 1.8rem;
    }

    .leonida-signal-body .ls-hero__copy h1 {
        font-size: clamp(2.55rem, 11vw, 3.4rem);
    }

    .leonida-signal-body .ls-hero__deck {
        font-size: .92rem;
    }

    .leonida-signal-body .ls-blog-module {
        padding-block: 1.65rem;
    }

    .leonida-signal-body .ls-blog-layout {
        padding-block: 1.1rem 1.55rem;
    }
}