.kaszino-page .hero{position:relative;min-height:80vh;display:flex;align-items:flex-end}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.2))}
.hero-content{position:relative;max-width:520px;padding:var(--space-5);color:#fff;display:flex;flex-direction:column;gap:var(--space-2)}
.hero-content p{color:#eee}

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

.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.game-card{transition:transform .3s ease}
.game-card:hover{transform:scale(1.03)}

.timeline-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4);text-align:center}
.step{position:relative;padding-top:var(--space-3)}
.step:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:20px;background:var(--color-accent-gold)}

.atmosphere-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.atmosphere-text{max-width:520px}
.atmosphere-img img{border-radius:var(--radius-sm)}

.info-box{max-width:700px;margin:0 auto;border:1px solid var(--color-accent-gold);padding:var(--space-4);text-align:center}
.info-sub{text-align:center;max-width:700px;margin:var(--space-3) auto 0}

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

.cta{background:var(--color-surface-secondary);text-align:center}
.cta-inner{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:1024px){
.concept-grid,.games-grid,.audience-grid{grid-template-columns:1fr 1fr}
.timeline-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:640px){
.hero{align-items:center}
.hero-content{max-width:100%;padding:var(--space-4)}
.concept-grid,.games-grid,.audience-grid,.timeline-grid,.atmosphere-grid{grid-template-columns:1fr}
.atmosphere-text{max-width:100%}
}