@media (max-width: 640px) {
    /* ============================================================
   dreams — страница-статья (mobile)
   ============================================================ */

    /* aside уходит под article */
    .article-layout {
        grid-template-columns: 1fr;
    }

    /* aside теряет sticky и становится обычным блоком */
    .dreams-aside {
        position: static;
    }

    .dreams-hero .article-title {
        font-size: 28px;
    }

    .article-content {
        font-size: 15px;
    }
}