:root {
  color-scheme: dark;
  --ink: #080605;
  --cream: #ecdfca;
  --line: rgba(236, 223, 202, .38);
  font-family: Georgia, 'Times New Roman', serif;
  color: var(--cream);
  background: var(--ink);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
}

h1, h2, h3, p {
  margin: 0;
}

h1, h2, h3 {
  font-weight: 400;
}

button, input {
  font: inherit;
}

button, a, input {
  -webkit-tap-highlight-color: transparent;
  outline-offset: 5px;
}

a {
  color: inherit;
}

a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 2px solid #cc9d81;
}

section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

section + section {
  border-top: 1px solid var(--line);
}

.backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
}

.serif, h1, h2, h3 {
  font-family: 'Times New Roman', Times, serif;
}

.eyebrow {
  text-transform: uppercase;
  letter-spacing: .32em;
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.65;
}

.rule {
  display: block;
  width: 1px;
  height: 38px;
  background: var(--line);
  margin: 24px auto;
}

.rule.short {
  height: 27px;
  margin: 17px auto;
}

.divider {
  display: block;
  width: 52px;
  height: 1px;
  background: var(--line);
  margin: 30px auto;
}