:root {
  color: #10192b;
  background: #f7f6f2;
  font-family: Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }

body { margin: 0; min-width: 320px; }

main { max-width: 850px; margin: 0 auto; min-height: 100vh; padding: clamp(5rem, 16vw, 12rem) 2rem 4rem; }

.eyebrow { margin: 0 0 1.25rem; color: #a6272e; font-size: .75rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }

h1 { max-width: 680px; margin: 0; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(3.5rem, 10vw, 7rem); font-weight: 400; letter-spacing: -.055em; line-height: .9; }

.intro { max-width: 560px; margin: 2rem 0 4rem; color: #465062; font-size: clamp(1.15rem, 2vw, 1.4rem); line-height: 1.55; }

nav { border-top: 1px solid #cbd0d9; }

nav a { align-items: center; color: inherit; display: flex; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(1.4rem, 3vw, 2rem); justify-content: space-between; padding: 1.4rem 0; text-decoration: none; }

nav a span { color: #a6272e; font-family: Arial, Helvetica, sans-serif; font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

.note { margin-top: 3rem; color: #687282; font-size: .9rem; }

a:hover { color: #a6272e; }