/* ============================================
   ZETRE - Media Centre Desktop (min-width: 768px)
   ============================================ */

.page-hero {
    padding: calc(80px + var(--space-16)) 0 var(--space-16);
}

.page-hero-content h1 { font-size: var(--text-5xl); }
.page-hero-content p { font-size: var(--text-lg); }
.hero-wave svg { height: 80px; }

/* Tabs centered */
.media-tabs {
    justify-content: center;
    gap: var(--space-2);
}

.media-tab {
    padding: var(--space-3) var(--space-6);
}

/* Featured news horizontal */
.news-featured {
    flex-direction: row;
}

.news-featured-img {
    width: 45%;
    min-width: 45%;
}

.news-img-placeholder {
    min-height: 380px !important;
}

.news-featured-content {
    padding: var(--space-10);
}

.news-featured-content h2 {
    font-size: var(--text-3xl);
}

/* News grid 3 columns */
.news-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-6);
}

/* Gallery 3 columns */
.gallery-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-5);
}

.gallery-item {
    aspect-ratio: 16/10;
}