.gallery-page{display:block}

.gallery-hero{
position:relative;
min-height:70vh;
height:auto;
display:flex;
align-items:flex-end;
border-radius:0;
}
.gallery-hero img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
border-radius:0;
}
.gallery-hero-text{
position:relative;
z-index:1;
left:auto;
bottom:auto;
max-width:520px;
width:100%;
display:flex;
flex-direction:column;
gap:16px;
padding:32px;
}
.gallery-hero-text h1{overflow-wrap:anywhere}
.gallery-hero-text p{margin-bottom:0}
.hero-sub{font-size:0.95rem;opacity:0.85}

.gallery-intro-inner{max-width:720px;margin-inline:auto;text-align:center}

.gallery-casino-intro{max-width:600px}
.casino-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
.casino-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 120ms ease,border 120ms ease;border:1px solid var(--color-border)}
.casino-grid img:hover{transform:scale(1.03);border-color:var(--color-accent)}

.gala-grid{display:grid;grid-template-columns:40% 60%;gap:32px;align-items:center}
.gala-text{min-width:0}
.gala-image img{width:100%;height:100%;object-fit:cover}

.details-intro{max-width:600px}
.details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:24px}
.details-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border:1px solid var(--color-border);transition:transform 120ms ease}
.details-grid img:hover{transform:scale(1.03)}

.experience-inner{max-width:700px;margin-inline:auto;text-align:center}

.inspiration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.inspiration-card{min-width:0;transition:border 120ms ease}
.inspiration-card:hover{border-color:var(--color-accent)}

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

@media (max-width:1024px){
.gala-grid{grid-template-columns:1fr}
.gallery-hero{min-height:60vh}
.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.casino-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:768px){
.gallery-hero{min-height:0;flex-direction:column}
.gallery-hero-text{max-width:100%;padding:16px;text-align:center}
.casino-grid{grid-template-columns:1fr}
.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.inspiration-grid{grid-template-columns:1fr}
}