.wk-page{overflow-x:hidden}

.wk-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:end}
.wk-hero-media img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}
.wk-hero-content{max-width:55ch;display:flex;flex-direction:column;gap:var(--space-3)}

.wk-intro-inner{display:flex;justify-content:center}
.wk-intro-text{max-width:65ch;text-align:center}

.wk-games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.wk-game-card{transition:all var(--transition-fast)}
.wk-game-card:hover{border-color:var(--color-accent-gold);transform:translateY(-2px)}

.wk-culinary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);align-items:center}
.wk-culinary-text{max-width:60ch}
.wk-culinary-media img{width:100%;border-radius:var(--radius-lg)}

.wk-atmosphere-inner{position:relative}
.wk-atmosphere-inner img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}
.wk-atmosphere-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-5);background:linear-gradient(to bottom,rgba(15,16,18,0.3),rgba(15,16,18,0.85));max-width:55ch;margin:auto}

.wk-timeline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-5)}
.wk-step{border-top:2px solid var(--color-accent-gold);padding-top:var(--space-3)}

.wk-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}

.wk-features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.wk-features-grid > div{max-width:55ch}

.wk-cta-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}

@media (max-width:1024px){
.wk-hero-grid{grid-template-columns:1fr}
.wk-culinary-grid{grid-template-columns:1fr}
.wk-timeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.wk-games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.wk-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.wk-features-grid{grid-template-columns:1fr}
}

@media (max-width:640px){
.wk-games-grid,.wk-audience-grid,.wk-timeline-grid{grid-template-columns:1fr}
.wk-hero-content{max-width:100%}
.wk-atmosphere-content{position:static;background:none}
}