:root {
  --navy: #0f2d4a;
  --navy-2: #173b5b;
  --gold: #c9a962;
  --beige: #eadccb;
  --cream: #f8f5ee;
  --blush: #f2d6d6;
  --charcoal: #333333;
  --ink: var(--charcoal);
  --muted: #656565;
  --line: #ded4c6;
  --display: "Playfair Display", serif;
  --body: "Montserrat", "Lato", sans-serif;
  --signature: "Allura", cursive;
}

.nav {
  height: 96px;
  border-bottom: 1px solid rgba(201, 169, 98, 0.28);
}

.brand {
  display: flex;
  align-items: center;
  gap: 0;
  letter-spacing: 0;
}

.brand img {
  display: block;
  width: 265px;
  height: auto;
  border-radius: 5px;
}

.brand-footer img {
  width: 210px;
  border: 1px solid rgba(201, 169, 98, 0.35);
}

.hero {
  min-height: calc(100vh - 96px);
}

.hero-shade {
  background:
    linear-gradient(90deg, rgba(15, 45, 74, 0.94) 0%, rgba(15, 45, 74, 0.6) 47%, rgba(15, 45, 74, 0.08) 75%),
    linear-gradient(0deg, rgba(15, 45, 74, 0.82), transparent 55%);
}

.hero h1,
.section h2,
.waitlist h2 {
  line-height: 1.02;
  letter-spacing: -0.035em;
  font-weight: 600;
}

.price-card.featured {
  box-shadow: inset 0 3px 0 var(--gold);
}

.promise {
  background: linear-gradient(115deg, var(--navy), var(--navy-2));
}

.waitlist {
  background: linear-gradient(135deg, var(--beige), var(--blush));
  border-top: 1px solid rgba(201, 169, 98, 0.5);
}

footer {
  background: var(--navy);
}

@media (max-width: 600px) {
  .nav {
    height: 80px;
  }

  .brand img {
    width: 205px;
  }

  .hero {
    min-height: calc(100svh - 80px);
  }
}