.menu-page section{position:relative}

.menu-hero{min-height:80vh;display:flex;align-items:center}
.menu-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.6)}
.menu-hero-content{position:relative;max-width:480px;margin-left:5%;display:flex;flex-direction:column;gap:var(--space-3);text-align:left}
.menu-hero h1{color:var(--color-text-inverse)}
.menu-hero p{color:var(--color-text-inverse)}

.menu-philosophy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);text-align:center;max-width:900px;margin-inline:auto}
.menu-philosophy-left,.menu-philosophy-right{min-width:0}

.menu-tasting-intro{max-width:700px}
.menu-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.menu-card{border:1px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface-primary);transition:transform var(--transition-base)}
.menu-card:hover{transform:translateY(-4px)}
.menu-tasting-desc{margin-top:var(--space-4);max-width:800px}

.menu-signature-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);align-items:center}
.menu-signature-image img{width:100%;height:100%;object-fit:cover}
.menu-signature-text{max-width:500px}
.signature-item{margin-top:var(--space-3)}

.menu-seasonal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);text-align:center;max-width:900px;margin-inline:auto}

.menu-pairing-inner{max-width:700px;margin-inline:auto;text-align:left}
.menu-pairing h2,.menu-pairing p{color:var(--color-text-inverse)}

.menu-ambience img{width:100%;height:70vh;object-fit:cover}
.menu-ambience-text{position:absolute;top:50%;left:10%;transform:translateY(-50%);max-width:500px;background:rgba(34,32,31,0.6);padding:var(--space-4);border-radius:var(--radius-md);color:#fff}

.menu-cta-inner{max-width:500px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

.menu-disclaimer-inner{max-width:600px;margin-inline:auto;text-align:center;color:var(--color-text-secondary)}

@media(max-width:1000px){
.menu-cards{grid-template-columns:1fr}
.menu-signature-grid{grid-template-columns:1fr}
.menu-ambience-text{position:static;transform:none;margin:var(--space-3)}
}

@media(max-width:768px){
.menu-philosophy-grid,.menu-seasonal-grid{grid-template-columns:1fr}
.menu-hero-content{margin:0 auto;text-align:center}
}