.restaurant-page{display:block}

.restaurant-hero{position:relative;overflow:hidden}
.restaurant-hero__img{width:100%;height:80vh;object-fit:cover}
.restaurant-hero__overlay{position:absolute;top:50%;left:8%;transform:translateY(-50%);max-width:520px;display:flex;flex-direction:column;gap:var(--space-3);background:rgba(248,243,236,0.6);padding:var(--space-4);border-radius:var(--radius-md)}
.restaurant-hero__overlay h1{font-size:var(--text-xxl)}
.restaurant-hero__overlay p{max-width:40ch}

.restaurant-philosophy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.restaurant-philosophy__col{min-width:0}
.restaurant-philosophy__col p{max-width:65ch}

.restaurant-visual__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}
.restaurant-visual__inner img{max-width:900px;width:100%}
.restaurant-visual__inner p{max-width:45ch;text-align:center}

.restaurant-ambience{display:grid;grid-template-columns:1.1fr 0.9fr;gap:var(--space-5);align-items:center}
.restaurant-ambience__text{min-width:0}
.restaurant-ambience__text p{max-width:65ch}
.restaurant-ambience__img img{width:100%;height:auto}

.restaurant-service__inner{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);text-align:center}
.restaurant-service__inner p{max-width:45ch;margin-inline:auto}

.restaurant-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.restaurant-team__col{min-width:0}
.restaurant-team__col p{max-width:65ch}

.restaurant-moments__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.restaurant-moments__card{display:flex;flex-direction:column;gap:var(--space-3)}

.restaurant-drinks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.restaurant-drinks__col p{max-width:65ch}

.restaurant-cta__inner{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}
.restaurant-cta__inner p{max-width:45ch}

@media (max-width:1024px){
.restaurant-philosophy{grid-template-columns:repeat(2,minmax(0,1fr))}
.restaurant-moments__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:768px){
.restaurant-hero__img{height:60vh}
.restaurant-hero__overlay{position:static;transform:none;margin:var(--space-3);max-width:none}
.restaurant-philosophy{grid-template-columns:1fr}
.restaurant-ambience{grid-template-columns:1fr}
.restaurant-team{grid-template-columns:1fr}
.restaurant-moments__grid{grid-template-columns:1fr}
.restaurant-drinks{grid-template-columns:1fr}
}