.poker-page{display:block}

.center{text-align:center}

.poker-hero-grid{display:grid;grid-template-columns:4fr 6fr;gap:var(--space-lg);align-items:center}
.poker-hero-text{max-width:55ch;display:flex;flex-direction:column;gap:var(--space-sm)}
.poker-hero-media{position:relative;overflow:hidden}
.poker-hero-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}
.poker-hero-media:hover img{transform:scale(1.05)}

.poker-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}
.intro-col{max-width:65ch}

.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}
.scenario-card{transition:transform var(--transition-fast)}
.scenario-card:hover{transform:translateY(-6px)}

.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-md)}
.timeline-item{background:#fff;padding:var(--space-sm);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}

.equip-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center}
.equip-text{max-width:60ch}

.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm);margin-top:var(--space-md)}
.gallery-item{border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition-fast)}
.gallery-item:hover{transform:scale(1.03)}

.safety-box{max-width:65ch;margin-inline:auto;text-align:center}

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

.cta-box{background:var(--color-accent-plum);color:#fff;text-align:center;padding:var(--space-lg);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-sm);max-width:55ch;margin-inline:auto}

@media(max-width:1024px){
.poker-hero-grid{grid-template-columns:1fr}
.poker-intro-grid{grid-template-columns:1fr}
.scenario-grid{grid-template-columns:1fr 1fr}
.timeline{grid-template-columns:1fr 1fr}
.equip-grid{grid-template-columns:1fr}
.gallery-grid{grid-template-columns:1fr 1fr}
.audience-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
.scenario-grid{grid-template-columns:1fr}
.timeline{grid-template-columns:1fr}
.gallery-grid{grid-template-columns:1fr}
}