@media screen and (max-width: 767px) {
    :root {
        --side-pad: 28px;
        --bottom-pad: 42px;
        --tagline: 15px;
    }

    .page {
        padding: 70px 28px 90px;
        justify-content: center;
    }

    .cover {
        margin-top: -4vh;
    }

    /* На мобильной — скрываем горизонтальный, показываем стековый SVG */
    .cover__logo--desktop { display: none; }
    .cover__logo--mobile {
        display: block;
        width: clamp(200px, 60vw, 300px);
    }

    .cover__tagline {
        margin-top: 38px;
        font-size: 15px;
        line-height: 1.4;
        max-width: 320px;
    }

    /* Контакт по центру внизу, мини-логотип скрыт — как в mobile.png */
    .footer {
        justify-content: center;
        bottom: 42px;
    }

    .footer__mark { display: none; }

    .footer__email { font-size: 15px; }
}

@media screen and (max-width: 360px) {
    .cover__logo--mobile { width: 64vw; }
    .cover__tagline { font-size: 14px; }
}