.mk-page{overflow-x:hidden}

.mk-hero-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-5);align-items:center}
.mk-hero-text{display:flex;flex-direction:column;gap:var(--space-3);max-width:60ch}
.mk-hero-lead{font-size:var(--fs-4)}
.mk-hero-media img{width:100%;height:100%;object-fit:cover}

.mk-narrow{max-width:800px;margin-inline:auto}

.mk-games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.mk-game-card{border-top:2px solid var(--accent-gold)}
.mk-game-card:hover{border-color:var(--accent-gold)}

.mk-two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.mk-two-col>div{min-width:0}

.mk-three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.mk-three-col>div{min-width:0}

.mk-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);text-align:center}

.mk-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.mk-gallery-grid img{width:100%;height:100%;object-fit:cover}

.mk-cta-box{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);align-items:center}

@media(max-width:1100px){
.mk-hero-grid{grid-template-columns:1fr}
}

@media(max-width:900px){
.mk-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mk-three-col{grid-template-columns:1fr}
.mk-process-grid{grid-template-columns:1fr}
.mk-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mk-two-col{grid-template-columns:1fr}
}

@media(max-width:600px){
.mk-games-grid{grid-template-columns:1fr}
}