.section{margin-bottom:3rem}.section--hero{margin-bottom:4rem}.section__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section__header h2{color:var(--foreground);font-size:1.5rem;font-weight:600}.section__see-all{align-items:center;color:var(--primary,#7c3aed);display:flex;font-weight:500;gap:.25rem;transition:gap .2s}.section__see-all:hover{gap:.5rem}.section__see-all-text{font-size:.875rem}.section__see-all-icon{height:1rem;width:1rem}.featured-grid{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:768px){.featured-grid{grid-template-columns:repeat(3,1fr)}.featured-grid__main{grid-column:span 2}}.featured-grid__sidebar{display:flex;flex-direction:column;gap:1rem}.game-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.game-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.game-grid{grid-template-columns:repeat(6,1fr)}}.genre-card{aspect-ratio:1;border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:all .2s}.genre-card:hover{border-color:rgba(124,58,237,.5);transform:scale(1.05)}.genre-card__content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1rem;position:relative;width:100%}.genre-card__overlay{background-color:rgba(0,0,0,.2);inset:0;position:absolute;transition:background-color .2s}.genre-card:hover .genre-card__overlay{background-color:rgba(0,0,0,.1)}.genre-card__icon{height:2rem;margin-bottom:.5rem;width:2rem}.genre-card__icon,.genre-card__label{color:#fff;position:relative;z-index:10}.genre-card__label{font-weight:500}