@import url("/assets/site.css");

:root {
  --paper: #f8f8f4;
  --ink: #161819;
  --muted: #4f5557;
  --line: #cfd5d2;
  --brick: #7f2f2d;
  --brick-dark: #243d3b;
  --forest: #244d49;
  --gold: #b08a3b;
  --white: #ffffff;
}

body {
  background: var(--paper);
  font-family: "Trebuchet MS", ui-sans-serif, system-ui, sans-serif;
}

.site-header {
  background: rgba(255, 255, 255, .92);
  border-bottom: 2px solid var(--ink);
}

.brand img {
  border-radius: 3px;
}

.hero {
  min-height: 72vh;
  align-items: center;
}

.hero-media img {
  filter: grayscale(.28) contrast(1.05);
}

.hero-overlay {
  background:
    linear-gradient(90deg, rgba(10, 16, 17, .88) 0%, rgba(10, 16, 17, .68) 46%, rgba(10, 16, 17, .2) 100%);
}

h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(42px, 7vw, 86px);
}

h2 {
  font-size: clamp(30px, 4vw, 48px);
}

.section {
  padding-top: clamp(48px, 6vw, 76px);
  padding-bottom: clamp(48px, 6vw, 76px);
}

.text-column {
  max-width: 960px;
}

.chapters {
  background: #eef1ee;
}

.chapter-text {
  padding-left: 0;
}

.chapter-text::before {
  display: none;
}

.chapter-text p {
  padding-left: 18px;
  border-left: 4px solid var(--line);
}

.visual-band {
  background: #203735;
}

.visual-band img {
  border-radius: 4px;
  border-width: 6px;
}

.button {
  border-radius: 3px;
}

.button.primary,
.style-option:hover,
.style-option.is-active {
  background: var(--forest);
  color: var(--white);
}

.contact {
  background: #172d2b;
}

.legal {
  background: #f8f8f4;
}

.legal a {
  color: var(--brick);
}