@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* Иерархия заголовков */
.hero-text {
    line-height: 1.15;
    /* H1 - самый большой: text-6xl md:text-7xl */
}

/* .section-title - удален, используем Tailwind классы */

.portfolio-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.portfolio-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

.tag-btn {
    transition: background-color 0.2s ease;
}

.tag-btn:hover {
    background-color: #e5e7eb;
}

@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-marquee {
    display: inline-block;
    animation: marquee 30s linear infinite;
}

/* Мобильная адаптация для экстремально маленьких экранов */
@media (max-width: 374px) {
    /* Дополнительное уменьшение текста для iPhone SE и подобных */
    .hero-text {
        font-size: 1.75rem !important; /* 28px */
        line-height: 1.2;
    }

    /* .section-title - удален */

    /* Уменьшаем padding контейнера */
    .container {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

/* Оптимизация для средних мобильных (375px - 480px) */
@media (min-width: 375px) and (max-width: 480px) {
    .hero-text {
        line-height: 1.15;
    }
}

/* Улучшение читаемости на всех мобильных */
@media (max-width: 640px) {
    /* Минимальный размер текста для читаемости */
    body {
        -webkit-text-size-adjust: 100%;
        text-size-adjust: 100%;
    }

    /* Предотвращаем горизонтальный скролл */
    body {
        overflow-x: hidden;
    }

    /* Оптимизация отступов */
    section {
        overflow-x: hidden;
    }
}