body{
  margin:0;
  font-family:'Inter',sans-serif;
  background:#ffffff;
  color:#0f172a;
  line-height:1.8;
}
.container{
  max-width:1200px;
  margin:0 auto;
  padding:40px 20px;
}
.serif{font-family:'Playfair Display',serif;}
.gold{color:#c5a059;}
.gold-bg{background:linear-gradient(135deg,#c5a059,#e2c285);}
.section{margin-bottom:120px;}

.grid2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
}
.grid3{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
}

.card{
  border:1px solid #e5e7eb;
  border-radius:32px;
  padding:40px;
  transition:.3s;
}
.card:hover{
  transform:translateY(-6px);
  box-shadow:0 25px 50px rgba(0,0,0,.15);
}
.card.dark{
  background:#0f172a;
  color:#ffffff;
}

/* ===== Responsive Image Fix ===== */
.responsive-img{
  width:100%;
  max-width:800px;
  height:auto;
  display:block;
  margin:0 auto;
  border-radius:32px;
  box-shadow:0 30px 60px rgba(0,0,0,.25);
  object-fit:contain;
}

@media(max-width:768px){
  .grid2,.grid3{grid-template-columns:1fr;}
  .responsive-img{border-radius:24px;}
}