*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{
font-family: Georgia, serif;
background:#fafafa;
color:#111;
}

.hero{
height:68vh;
overflow:hidden;
border-bottom:1px solid #e5e5e5;
}

.hero img{
width:100%;
height:100%;
object-fit:cover;
object-position:72% center;
}

.intro{
text-align:center;
padding:80px 20px 55px;
}

.intro h1{
font-size:5rem;
font-weight:400;
margin-bottom:20px;
line-height:1;
}

.intro p{
font-size:1.15rem;
color:#666;
line-height:1.5;
}

.location{
margin-top:8px;
font-size:1rem;
color:#777;
}

.tagline{
max-width:650px;
margin:28px auto 0;
padding:0 20px;
font-size:1rem;
color:#777;
line-height:1.8;
font-style:italic;
}

.menu{
max-width:900px;
margin:0 auto 120px;
display:flex;
flex-direction:column;
gap:28px;
text-align:center;
}

.menu a{
text-decoration:none;
color:#111;
font-size:1.45rem;
transition:0.3s;
}

.menu a:hover{
opacity:.5;
}

@media(max-width:768px){

.hero{
    height:54vh;
}
.hero img{
    object-position:72% center;
}
.intro{
    padding:55px 20px 38px;
}
.intro h1{
    font-size:3.2rem;
    margin-bottom:16px;
}
.intro p{
    font-size:0.98rem;
}
.location{
    font-size:0.9rem;
    margin-top:5px;
}
.tagline{
    margin-top:22px;
    font-size:0.9rem;
    line-height:1.7;
}
.menu{
    gap:22px;
    margin-bottom:80px;
}
.menu a{
    font-size:1.2rem;
}

}