/* Arena — italic feature tile + stacked match tiles */
.epg-arena__grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); grid-template-rows: repeat(3, minmax(150px, 1fr)); gap: 14px; }
.epg-arena__tile.is-lead { grid-row: 1 / -1; }
.epg-arena__link { position: relative; display: block; height: 100%; min-height: 150px; overflow: hidden; background: #111; color: #fff; }
.epg-arena__media { position: absolute; inset: 0; }
.epg-arena__media img, .epg-arena__media .epj-ph { width: 100%; height: 100%; object-fit: cover; transition: transform .7s ease; }
.epg-arena__link:hover .epg-arena__media img { transform: scale(1.06); }
.epg-arena__link::before { content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(200deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, .85)); }
.epg-arena__link::after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 2; width: 0; height: 5px; background: var(--accent); transition: width .4s ease; }
.epg-arena__link:hover::after { width: 100%; }
.epg-arena__body { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 18px 20px; }
.epg-arena__tag { padding: 5px 12px; background: var(--accent-fill, var(--accent)); color: var(--on-accent-fill, #fff); font-size: 11px; font-weight: 800; font-style: italic; letter-spacing: 1px; line-height: 1; text-transform: uppercase; transform: skewX(-12deg); }
.epg-arena__title { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 1.05rem; font-weight: 800; font-style: italic; line-height: 1.2; text-transform: uppercase; }
.is-lead .epg-arena__body { padding: 30px 32px; gap: 14px; }
.is-lead .epg-arena__title { font-size: clamp(1.6rem, 1rem + 1.8vw, 2.6rem); line-height: 1.05; letter-spacing: -.5px; }
.epg-arena__more { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 800; font-style: italic; letter-spacing: .5px; text-transform: uppercase; color: var(--accent); }
@media (max-width: 992px) { .epg-arena__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: 420px 200px; } .epg-arena__tile.is-lead { grid-column: 1 / -1; grid-row: auto; } }
@media (max-width: 640px) { .epg-arena__grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; grid-auto-rows: 180px; } .epg-arena__tile.is-lead { grid-row: span 2; } }