body{margin:0;font-family:Montserrat,system-ui;background:#F6F7F9;color:#0b1220;line-height:1.7}
.container{max-width:1100px;margin:0 auto;padding:0 24px}
header{display:flex;justify-content:space-between;align-items:center;padding:28px 0}
.logo img{width:125px;height:auto}
.btn{display:inline-block;padding:14px 24px;border-radius:40px;font-weight:600;text-decoration:none;margin:6px 6px 0 0}
.btn-primary{background:#C9A652;color:#111}
.btn-dark{background:#1F3A63;color:#fff}
.hero{padding:110px 0;background:linear-gradient(rgba(31,58,99,.85),rgba(31,58,99,.85)),url('assets/house.jpg') center/cover;color:#fff;text-align:center}
h1{font-family:'Playfair Display',serif;font-size:50px;margin:0 0 20px}
section{padding:90px 0}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.gallery img{border-radius:22px;box-shadow:0 24px 70px rgba(0,0,0,.18)}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}
.card{text-align:center}
.card img{width:140px;border-radius:24px;margin:0 auto 20px;box-shadow:0 20px 60px rgba(0,0,0,.15)}
footer{background:#fff;padding:70px 0;text-align:center;border-top:1px solid #ddd;font-size:15px}
footer a{text-decoration:none;color:#1F3A63;font-weight:600}
.subtle{color:#5a667a}
@media(max-width:900px){
.gallery{grid-template-columns:1fr}
.team{grid-template-columns:1fr}
h1{font-size:38px}
}


/* ===============================
   MOBILE IMAGE OPTIMIZATION FIX
   =============================== */

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.hero {
  background-size: cover;
  background-position: center center;
  padding: 80px 20px;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.gallery img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 22px;
}

@media (max-width: 900px) {

  .gallery {
    grid-template-columns: 1fr;
  }

  .hero {
    padding: 60px 20px;
  }

  h1 {
    font-size: 32px;
  }

  .logo img {
    width: 82px;
  }

  .team {
    grid-template-columns: 1fr;
  }

  .card img {
    width: 120px;
  }

}