:root {
  --navy: #1f2f4d;
  --gold: #a8874a;
}
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 16px;
  font-family: "Source Sans 3", system-ui, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  color: #fff;
  background: linear-gradient(160deg, var(--navy), #2c4068);
  text-align: center;
}
.box { max-width: 640px; }
.eyebrow { text-transform: uppercase; letter-spacing: .25em; color: var(--gold); font-size: .85rem; margin: 0 0 8px; }
h1 { font-family: "Cormorant Garamond", Georgia, serif; font-weight: 600; line-height: 1.2; font-size: clamp(2.2rem, 7vw, 3.6rem); margin: 0 0 18px; }
h1::after { content: ""; display: block; width: 48px; height: 2px; background: var(--gold); margin: 18px auto 0; }
.lead { font-size: 1.15rem; color: #dfe3ec; margin: 0 0 36px; }
.contact span { display: block; font-size: .8rem; text-transform: uppercase; letter-spacing: .15em; color: var(--gold); margin-bottom: 4px; }
.contact a { color: #fff; font-size: 1.2rem; text-decoration: none; border-bottom: 1px solid var(--gold); }
.contact a:hover { color: var(--gold); }