/* Mobile review: preserve desktop composition and the full-height opening field. */
@media (max-width: 809.98px) {
    /* Reduce the frog's media, not its first-viewport container. */
    body [data-framer-name="Hero "] [data-framer-name="Mobile Vid"] > [data-framer-name="Sm Screen Vid"] {
        transform: scale(0.7);
        transform-origin: bottom left;
    }

    /* Keep short headlines on one line and longer copy within narrow screens. */
    body .l8-about-section .l8-about-copy {
        width: calc(100vw - 32px);
        max-width: 520px;
        white-space: normal;
        text-wrap: balance;
    }

    /* Add 30% to the existing 163px gap only between consecutive projects.
       Report transitions retain their existing spacing. */
    body [data-framer-name="Project Grids 1"].l8-home-composition > .l8-project-shell:not(.l8-home-withheld) + .l8-project-shell:not(.l8-home-withheld) {
        margin-top: 48.9px !important;
    }
}