.event-page{display:block}

.event-hero{position:relative;min-height:70vh;display:flex;align-items:center}
.event-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.event-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0.2))}
.event-hero-inner{position:relative;z-index:2;display:flex}
.event-hero-text{max-width:520px;color:#fff;display:flex;flex-direction:column;gap:var(--space-sm)}
.event-hero-text p{color:#fff}

.event-types-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}
.event-types-grid>div{min-width:0}

.event-experience-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}
.event-experience-text{max-width:640px;text-align:center}

.event-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}
.event-menu-grid>div{min-width:0}
.event-menu-image{margin-top:var(--space-md);max-width:600px}

.event-casino-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-md);align-items:center}
.event-casino-grid>div{min-width:0}

.event-personalization-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}
.event-personalization-text{max-width:600px;text-align:center}

.event-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}
.event-gallery-grid>div{height:200px}

.event-gallery-grid .media-frame{
padding:8px;
background:#fff;
border-radius:var(--radius-md);
overflow:hidden;
}

.event-gallery-grid .media-frame img{
width:100%;
height:100%;
object-fit:cover;
border-radius:var(--radius-md);
}

.event-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);text-align:center}
.event-why-grid>div{min-width:0}

.event-form-inner{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);max-width:600px;margin-inline:auto}
.event-form-grid{display:grid;grid-template-columns:1fr;gap:var(--space-sm)}

.event-final-cta{background:var(--surface-secondary);padding:var(--space-xl) 0}

@media (max-width:1024px){
.event-types-grid{grid-template-columns:1fr}
.event-menu-grid{grid-template-columns:1fr}
.event-casino-grid{grid-template-columns:1fr}
.event-gallery-grid{grid-template-columns:1fr}
.event-why-grid{grid-template-columns:1fr}
}

@media (max-width:768px){
.event-hero{min-height:60vh}
.event-hero-text{max-width:100%}
}