.hero {
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
}

.hero-panel {
    padding: 28px;
}

.hero h1 {
    max-width: 10ch;
    font-size: clamp(2.6rem, 6vw, 4.8rem);
}

.hero-lead {
    max-width: 52ch;
}

.portal-grid.portal-grid-featured {
    gap: 18px;
}

.portal-grid.portal-grid-featured .game-card:first-child {
    min-height: 100%;
}

#favorites-grid .game-card {
    min-height: 100%;
}

@media (max-width: 820px) {
    .hero-panel {
        padding: 22px;
    }
}