body{ 
font-family:-apple-system,BlinkMacSystemFont,'Avenir','Helvetica Neue',Arial,sans-serif;
margin:0;
color:#000;
}

.wrap{ 
max-width:1100px;
margin:0 auto;
padding:0 20px;
}

.hero{
position:relative;
margin-bottom:50px;
}

.hero-img{
width:100%;
height:30vh;
object-fit:cover;
}

.hero-overlay{
position:absolute;
top:0;left:0;
width:100%;height:100%;
background:rgba(255,255,255,0.8);
}

.hero-content{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
color:#000;
z-index:2;
}

.logo{width:90px;margin-bottom:20px;}

h1{
font-size:30px;
font-weight:700;
}

.btn-custom{
display:inline-block;
margin-top:15px;
padding:7px 22px;
border:1px solid #000;
text-decoration:none;
color:#000;
font-weight:300;
}

.btn-custom:hover{
background:#000;
color:#fff;
}

.rates{
margin-bottom:40px;
}

.center{
text-align:center;
}

.grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:64px;
margin-bottom:40px;
}

.heading{
font-weight:700;
margin-top:20px;
margin-bottom:5px;
}

.gallery{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-bottom:20px;
}

.cta-secondary {
    text-align: center;
    margin: 40px 0 60px 0;
}

.gallery img, .floor img{
width:100%;
}

.floor{
margin-top:20px;
}

.price{
font-size:28px;
font-weight:500;
}

.cta{
text-align:center;
margin:10px 0 60px 0;
}

.pdf-link{
text-decoration:none;
color:#888;
font-size:12px;
}

.pdf-link:hover{
color:#000;
}

footer{
text-align:center;
font-size:12px;
margin-bottom:40px;
}

@media(max-width:768px){
.grid{grid-template-columns:1fr;gap:32px;}
.gallery{grid-template-columns:1fr;}
.hero-img{height:40vh;}
h1 {
font-size:20px;
}
}