.kaszino-page .hero{position:relative;min-height:80vh;display:flex;align-items:flex-end}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.2) 40%, rgba(0,0,0,0))}
.hero-content{position:relative;width:100%;display:flex;justify-content:flex-start}
.hero-text{max-width:520px;color:#fff;display:flex;flex-direction:column;gap:16px;padding-bottom:40px}

.center-intro{text-align:center;max-width:700px;margin-inline:auto}
.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

.split{display:grid;grid-template-columns:60% 40%;gap:40px;align-items:center}
.text-col{max-width:600px}
.image-col img{width:100%;height:100%;object-fit:cover}

.callout-wrap{display:flex;justify-content:center}
.callout{max-width:480px;background:var(--color-accent-emerald);color:#fff;padding:24px;border-radius:12px}

.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}

.image-break{position:relative}
.image-break img{width:100%;border-radius:0}
.image-caption{position:absolute;bottom:24px;left:0;right:0}
.image-caption p{max-width:520px;color:#fff}

.cta{max-width:520px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:16px}

@media (max-width:1024px){
.cards-3{grid-template-columns:1fr 1fr}
.grid-4{grid-template-columns:1fr 1fr}
.split{grid-template-columns:1fr}
}

@media (max-width:640px){
.cards-3{grid-template-columns:1fr}
.grid-4{grid-template-columns:1fr}
.hero{min-height:auto;padding-top:40px}
.hero-content{justify-content:center}
.hero-text{max-width:90%;text-align:center}
}