:root {
  --sage:#8FAFA2; --sand:#D8C29D; --charcoal:#1E1E1E; --off:#FAF7F2;
}

*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--off);color:var(--charcoal);line-height:1.75;
}

header{
  padding:50px 20px;text-align:center;border-bottom:1px solid #e0e0e0;
}
header img{max-width:180px;margin-bottom:20px}
nav a{
  margin:0 18px;text-decoration:none;color:var(--charcoal);
  font-weight:500;letter-spacing:.5px;
}
nav a:hover{color:var(--sage)}

section{padding:90px 10%;animation:fadeUp .8s ease}
h1,h2,h3{text-transform:uppercase;letter-spacing:1px}
h2{margin-bottom:30px}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px}
.card{
  background:#fff;padding:35px;box-shadow:0 20px 40px rgba(0,0,0,.06);
  border-top:5px solid var(--sage);
}

.gallery img{
  width:100%;border-radius:6px;
}

footer{
  background:var(--charcoal);color:#fff;padding:60px 10%;
}

@keyframes fadeUp{
  from{opacity:0;transform:translateY(25px)}
  to{opacity:1;transform:translateY(0)}
}