.gallery-page{}

.gallery-hero-grid{
display:grid;
grid-template-columns:40% 60%;
gap:var(--space-4);
align-items:center;
}
.gallery-hero-text{max-width:520px}
.gallery-hero-image img{width:100%;border:2px solid var(--accent-neon-violet)}

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

.gallery-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-3);
}
.gallery-card{border:2px solid var(--accent-neon-violet);padding:var(--space-2);background:var(--surface-tile)}
.gallery-card img{width:100%}

.gallery-split{
display:grid;
grid-template-columns:40% 60%;
gap:var(--space-4);
align-items:center;
}
.gallery-text{max-width:520px}
.gallery-image img{width:100%;border:2px solid var(--accent-neon-violet)}

.gallery-atmosphere-wrap{position:relative}
.gallery-atmosphere-wrap img{width:100%;border:2px solid var(--accent-neon-violet)}
.gallery-atmosphere-text{
position:absolute;
inset:auto 0 0 0;
max-width:700px;
margin:var(--space-3);
background:var(--bg-glass);
padding:var(--space-3);
}

.gallery-cta-box{
text-align:center;
display:flex;
flex-direction:column;
gap:var(--space-2);
align-items:center;
}

@media(max-width:900px){
.gallery-hero-grid,
.gallery-split{
grid-template-columns:1fr;
}
.gallery-hero-text,
.gallery-text{max-width:100%}
}

@media(max-width:700px){
.gallery-grid{
grid-template-columns:1fr;
}
}