@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700;800&display=swap');

* {
  box-sizing:border-box;
}

body {
  margin:0;
  font-family:'Playfair Display', sans-serif;
  background:#1c1917;
  color:#fff7ed;
}

nav {
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

nav a {
  text-decoration:none;
  padding:12px 18px;
  border-radius:16px;
  background:#7c2d12;
  color:white;
  font-weight:700;
}

.hero {
  padding:88px 8%;
}

.hero h1 {
  font-size:56px;
  line-height:1;
  max-width:700px;
}

section {
  margin:24px auto;
  max-width:1280px;
}

.card {
  padding:32px;
  border-radius:26px;
}


section {
padding:70px;
border-bottom:1px solid rgba(0,0,0,.08);
}
.card {
background:rgba(255,255,255,.7);
backdrop-filter:blur(12px);
}