.etlap-page .hero-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-3);align-items:start}
.hero-text{max-width:65ch}
.hero-image img{width:100%;height:100%;object-fit:cover}

.philosophy-inner{display:flex;justify-content:center}
.philosophy-col{max-width:60ch;text-align:center}

.menu-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-3)}
.menu-card{display:flex;flex-direction:column;gap:var(--space-2)}
.menu-card.featured{grid-row:span 2}
.menu-card:hover{background:var(--color-vivid-yellow)}
.menu-card:active{transform:translate(8px,8px);box-shadow:none}

.dishes-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:center}
.dishes-text{max-width:50ch}

.drinks-inner{display:flex;justify-content:center}
.drinks-col{max-width:60ch;text-align:center}

.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}
.flow-step{display:flex;flex-direction:column;gap:var(--space-2)}

.custom-inner{display:flex;justify-content:center}
.custom-col{max-width:55ch;text-align:center}

.atmosphere-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:center}
.atmosphere-text{max-width:50ch}

.cta-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}

@media(max-width:1024px){
.hero-grid{grid-template-columns:1fr}
.menu-grid{grid-template-columns:1fr 1fr}
.menu-card.featured{grid-row:auto}
.dishes-grid,.atmosphere-grid{grid-template-columns:1fr}
.flow-grid{grid-template-columns:1fr}
}

@media(max-width:640px){
.hero-text,.dishes-text,.atmosphere-text{max-width:100%}
}