.menu-page{overflow:hidden}

.menu-hero{position:relative;min-height:70vh;display:flex;align-items:center}
.menu-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.menu-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,18,20,0.85),rgba(16,18,20,0.3))}
.menu-hero-content{position:relative;max-width:520px;margin-left:8%;display:flex;flex-direction:column;gap:var(--space-3)}

.menu-philosophy-inner{max-width:720px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);text-align:center}
.menu-highlight{color:var(--color-text-primary);font-weight:600}

.menu-signature h2{margin-bottom:var(--space-4)}
.menu-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.menu-card img{border-radius:var(--radius-sm);margin-bottom:var(--space-3)}
.menu-card{transition:transform var(--transition-fast),border var(--transition-fast)}
.menu-card:hover{transform:translateY(-4px);border-color:var(--color-accent-gold)}

.menu-tasting-inner{display:grid;grid-template-columns:45% 1fr}
.menu-tasting-text{max-width:600px;display:flex;flex-direction:column;gap:var(--space-3)}

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

.menu-experience-inner{display:flex;justify-content:center}
.menu-experience-text{max-width:640px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.menu-disclaimer{border-left:2px solid var(--color-accent-gold);padding-left:var(--space-3)}

.menu-events-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}

.menu-cta{background:var(--color-surface-tertiary)}
.menu-cta-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-4)}

@media (max-width:1000px){
.menu-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.menu-pairing-grid{grid-template-columns:1fr}
.menu-tasting-inner{grid-template-columns:1fr}
.menu-events-grid{grid-template-columns:1fr}
}

@media (max-width:768px){
.menu-cards{grid-template-columns:1fr}
.menu-hero-content{margin:0 auto;padding:var(--space-4);max-width:90vw}
}