.etterem-page { }

.etterem-hero { position: relative; }
.etterem-hero-image { width: 100%; height: 90vh; object-fit: cover; }
.etterem-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(38,34,32,0.8), rgba(38,34,32,0.2)); display: flex; align-items: flex-end; }
.etterem-hero-text { max-width: 520px; padding: var(--space-4); color: var(--color-text-inverse); display:flex; flex-direction:column; gap:var(--space-2); }

.etterem-concept-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:var(--space-4); margin-top:var(--space-4); }
.etterem-concept-col { min-width:0; }

.etterem-philosophy-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:var(--space-5); align-items:center; }
.etterem-philosophy-text { min-width:0; }
.etterem-philosophy-image img { width:100%; }

.etterem-interior-grid { display:grid; grid-template-columns: 3fr 2fr; gap:var(--space-5); align-items:center; }
.etterem-interior-text { min-width:0; }

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

.etterem-entertainment-grid { display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:var(--space-5); }

.etterem-drinks-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:var(--space-4); margin-top:var(--space-4); }

.etterem-why-grid { display:grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap:var(--space-4); margin-top:var(--space-4); }

.etterem-cta { text-align:center; }

@media (max-width: 1024px) {
  .etterem-concept-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .etterem-drinks-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .etterem-why-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 768px) {
  .etterem-hero-image { height:70vh; }
  .etterem-hero-text { margin-inline:auto; text-align:center; }
  .etterem-concept-grid,
  .etterem-philosophy-grid,
  .etterem-interior-grid,
  .etterem-entertainment-grid,
  .etterem-drinks-grid,
  .etterem-why-grid { grid-template-columns: 1fr; }
}