.contact-page{overflow:hidden}

.contact-hero{position:relative;min-height:90vh;display:flex;align-items:center}
.contact-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.contact-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(90,31,46,0.75),rgba(90,31,46,0.2))}
.contact-hero__content{position:relative;max-width:640px;margin-left:5%;display:flex;flex-direction:column;gap:var(--space-4);color:#fff}
.contact-hero h1,.contact-hero p{color:#fff}

.contact-intro__inner{max-width:680px;margin-inline:auto;text-align:center}

.contact-modes__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.contact-mode{min-width:0;transition:transform var(--transition-fast),border-color var(--transition-fast)}
.contact-mode:hover{transform:translateY(-4px);border-color:var(--color-accent-gold)}

.contact-form__wrapper{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}
.contact-form{display:flex;flex-direction:column;gap:var(--space-3)}
.contact-form__field{display:flex;flex-direction:column;gap:var(--space-1)}
.contact-form__success{color:var(--color-accent-gold);font-size:var(--step-1)}

.contact-ambience__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.contact-ambience__text{max-width:520px}
.contact-ambience__image img{border-radius:var(--radius-sm)}

.contact-poker{background:var(--color-accent-deep-burgundy);color:#fff}
.contact-poker__inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}
.contact-poker h2,.contact-poker p{color:#fff}

.contact-gallery__intro{max-width:600px;margin-inline:auto;text-align:center;margin-bottom:var(--space-4)}
.contact-gallery__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.contact-gallery__item img{border-radius:var(--radius-sm);transition:transform var(--transition-fast)}
.contact-gallery__item:hover img{transform:scale(1.05)}

.contact-cta{background:var(--color-accent-gold);color:#fff}
.contact-cta__inner{display:flex;flex-direction:column;gap:var(--space-4);align-items:center;text-align:center}
.contact-cta h2{color:#fff}

@media(max-width:1024px){
.contact-modes__grid{grid-template-columns:1fr 1fr}
.contact-ambience__grid{grid-template-columns:1fr}
}

@media(max-width:640px){
.contact-hero__content{margin:0 auto;padding:var(--space-4);text-align:center}
.contact-modes__grid{grid-template-columns:1fr}
.contact-gallery__grid{grid-template-columns:1fr 1fr}
}