.etterem-page .hero{position:relative;min-height:80vh;display:flex;align-items:center}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(34,32,31,.75),rgba(34,32,31,.2))}
.hero-content{position:relative;max-width:480px;margin-left:5%;display:flex;flex-direction:column;gap:var(--space-3);color:#fff}
.hero h1{color:#fff}

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

.interior-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:center}
.interior-text{max-width:520px}
.interior-image img{width:100%;border-radius:var(--radius-md);transition:transform var(--transition-base)}
.interior-image:hover img{transform:scale(1.03)}

.philo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.philo-card{background:var(--color-surface-primary);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm)}
.philo-highlight{max-width:700px;margin:var(--space-5) auto 0;text-align:center}
.center{text-align:center}

.dish img{width:100%;height:auto}
.dish-caption{max-width:500px}

.exp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.exp-card{padding:var(--space-4);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm)}
.exp-card.highlight{border-color:var(--color-accent-gold)}
.surface-inverse h2,.surface-inverse h3,.surface-inverse p{color:#fff}

.story-text{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-grid img{border-radius:var(--radius-sm);cursor:pointer}

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

@media(max-width:900px){
.interior-grid{grid-template-columns:1fr}
.philo-grid{grid-template-columns:1fr}
.exp-grid{grid-template-columns:1fr}
.gallery-grid{grid-template-columns:1fr}
.hero-content{margin:0 auto;text-align:center;padding:var(--space-4)}
}