:root {
  --bg-main: #b7afa4;
  --bg-header: #a89f95;
  --bg-panel: rgba(255,255,255,0.14);
  --white-soft: rgba(255,255,255,0.92);
  --black-soft: #111;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background: var(--bg-main);
  color: var(--black-soft);
  font-family: 'Inter', sans-serif;
}
.page-hero {
  height: 55vh;
  background: #b7afa4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 10vw;
}

.page-hero h1 {
  font-family: 'Playfair Display', serif;
  font-size: clamp(4rem, 8vw, 6rem);
}

.page-hero p {
  margin-top: 12px;
  font-family: 'Inter', sans-serif;
  opacity: 0.7;
}