/* Let the introduction grow with its text, including narrow screens and zoom. */
.hero{height:auto;min-height:620px;display:flex;flex-direction:column;justify-content:center}
.hero-image{inset:0}
.hero-content{width:100%;max-width:1100px;padding:90px 6% 40px;min-width:0}
.hero h1{max-width:17ch;overflow-wrap:break-word}
.hero-description{max-width:650px}
.hero-buttons{flex-wrap:wrap}
.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:auto;padding:0 6% 35px;gap:20px;flex-wrap:wrap}
@media(max-width:760px){
  .hero{height:auto;min-height:600px}
  .hero-content{padding:65px 7% 35px}
  .hero h1{font-size:clamp(34px,9vw,49px);letter-spacing:-1.5px;line-height:1.12}
  .hero-description{font-size:15px;line-height:1.8}
  .hero-bottom{padding:0 7% 28px}
  .hero-buttons{margin-top:26px}
}

/* Restaurant photograph with a shade for readable introductory text. */
.hero{background-color:#713724;background-image:linear-gradient(90deg,rgba(12,17,25,.76),rgba(12,17,25,.38) 60%,rgba(12,17,25,.12)),url("assets/la-gamba-evening.jpg");background-size:cover;background-position:center 42%}
@media(max-width:760px){.hero{background-position:55% center}}
.mobile-bar a[data-action="booking"]{background:var(--rust);color:white;padding:13px 23px}