/* ================== iPad / Tablet (Max Width: 1024px) ================== */
@media (max-width: 1024px) {
    .container {
        padding: 0 1.5rem;
    }

    .hero-content h1 {
        font-size: 3.5rem;
    }

    .hero-content h1 .en-title {
        font-size: 1.8rem;
    }

    .hero-content p {
        font-size: 1.5rem;
    }

    .bento-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    .card-large {
        grid-row: auto;
    }

    .card-large .card-img {
        height: 250px;
    }

    .news-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .news-featured {
        min-height: 300px;
    }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }
}