:root{
 --pergaminho:#efe2c0;
 --vinho:#5b1f1f;
 --dourado:#b08a47;
 --marrom:#3b2a1f;
}
body{
 margin:0;
 background:#efe2c0;
 font-family:'Georgia',serif;
 color:#3b2a1f;
}
.container{
 width:90%;
 max-width:1280px;
 margin:auto;
}
.site-header{
 background:#1e120c;
 padding:20px 0;
 border-bottom:2px solid #b08a47;
}
.logo{
 color:#efe2c0;
 font-size:42px;
 font-weight:bold;
}
.hero{
 padding:80px 0;
 background:#d9c29d;
}
.hero-grid{
 display:grid;
 grid-template-columns:1fr 1fr;
 gap:60px;
 align-items:center;
}
.hero h1{
 font-size:64px;
 color:#5b1f1f;
}
.hero p{
 font-size:24px;
 line-height:1.7;
}
.hero img{
 width:100%;
 max-width:500px;
 box-shadow:0 20px 40px rgba(0,0,0,.3);
}
.instrumentos{
 padding:100px 0;
}
.grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:24px;
}
.card{
 background:#2a1d14;
 color:#efe2c0;
 padding:15px;
 border:1px solid #b08a47;
 text-align:center;
}
.card img{
 width:100%;
 height:220px;
 object-fit:cover;
}
footer{
 background:#1e120c;
 color:#efe2c0;
 text-align:center;
 padding:60px 0;
 margin-top:80px;
}
@media(max-width:900px){
 .hero-grid,.grid{
  grid-template-columns:1fr;
 }
 .hero h1{
  font-size:42px;
 }
}