*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Georgia,"Times New Roman",serif}
.hero{
min-height:100vh;
background:url(background.jpg) center center/cover no-repeat;
position:relative;
}
.hero:before{
content:"";
position:absolute;inset:0;
background:rgba(0,0,0,.14);
}
header,.content{position:relative;z-index:2}
header{
display:flex;
justify-content:space-between;
align-items:flex-start;
padding:40px 52px;
}
.brand img{width:68px;display:block}
.brand h1{
margin:12px 0 0;
font-size:34px;
font-weight:400;
letter-spacing:.04em;
color:#fff;
}
.top{display:flex;align-items:center;gap:28px}
.address{
color:#fff;
font:600 18px/1.5 Arial,sans-serif;
text-align:right;
}
.btn{
background:#be9442;
color:#fff;
padding:16px 28px;
border-radius:6px;
text-decoration:none;
font:700 18px Arial,sans-serif;
}
.content{
display:flex;
justify-content:center;
align-items:center;
min-height:72vh;
padding:0 12%;
}
.content p{
max-width:930px;
margin:0;
text-align:center;
color:#fff;
font-size:clamp(38px,3.4vw,66px);
line-height:1.22;
text-shadow:0 2px 10px rgba(0,0,0,.55);
}
@media(max-width:900px){
header{padding:22px}
.brand img{width:54px}
.brand h1{font-size:28px}
.top{flex-direction:column;align-items:flex-end;gap:10px}
.address{font-size:15px}
.btn{padding:12px 18px;font-size:16px}
.content{min-height:65vh;padding:20px}
.content p{font-size:clamp(28px,7vw,42px)}
}