.kaszino-page {overflow:hidden}

.ke-hero {position:relative}
.ke-hero-img {width:100%; height:70vh; object-fit:cover}
.ke-hero-overlay {position:absolute; left:5%; bottom:10%; max-width:480px; display:flex; flex-direction:column; gap:1rem; color:#fff}
.ke-hero::after {content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0.7))}
.ke-hero-overlay {z-index:2}

.ke-explain-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; text-align:center}
.ke-explain-grid > div {min-width:0}

.ke-split-grid {display:grid; grid-template-columns:40% 60%; gap:3rem; align-items:center}
.ke-split.reverse .ke-split-grid {grid-template-columns:60% 40%}
.ke-split-text {min-width:0}
.ke-split-image img {width:100%; transition:transform .3s ease}
.ke-split-image img:hover {transform:scale(1.05)}

.ke-three {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2rem; text-align:center}
.ke-two {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:2rem}

.ke-centered .ke-narrow {max-width:600px; margin-inline:auto; text-align:center}

.ke-disclaimer .ke-box {max-width:700px; margin-inline:auto; padding:2rem; border:1px solid var(--color-accent-gold); background:#fff}

.ke-cta {padding:4rem 0}

@media (max-width: 900px){
.ke-explain-grid {grid-template-columns:1fr}
.ke-split-grid {grid-template-columns:1fr}
.ke-split.reverse .ke-split-grid {grid-template-columns:1fr}
.ke-three {grid-template-columns:1fr}
.ke-two {grid-template-columns:1fr}
.ke-hero-img {height:50vh}
.ke-hero-overlay {position:static; color:var(--color-text-primary); padding:1rem}
.ke-hero::after {display:none}
}