/* ===== ТРЕНД 4: СМЕЛАЯ ТИПОГРАФИКА ===== */

.big-text {

    font-size: clamp(2.5rem, 10vw, 8rem);

    line-height: 0.9;

    font-weight: 900;

    margin-bottom: 2rem;

    word-wrap: break-word;

    overflow-wrap: break-word;

    white-space: nowrap;

}



.asymmetric-layout {

    display: grid;

    grid-template-columns: 1fr 2fr;

    gap: 60px;

    align-items: start;

}



@media (max-width: 992px) {

    .asymmetric-layout {

        grid-template-columns: 1fr;

        gap: 40px;

    }

    .big-text {

        white-space: normal;

    }

}



.text-gradient {

    background: linear-gradient(135deg, var(--primary), var(--accent));

    -webkit-background-clip: text;

    background-clip: text;

    color: transparent;

    background-size: 200% 200%;

    animation: gradientShift 5s ease infinite;

}



@keyframes gradientShift {



    0%,

    100% {

        background-position: 0% 50%;

    }



    50% {

        background-position: 100% 50%;

    }

}