:root {
  --navy: #382300;
  --navy-dark: #201407;
  --orange: #ef372f;
  --cream: #fff7db;
  --ink: #201407;
  --muted: #6d5144;
}

body { font-family: "Open Sans", Arial, sans-serif; }
.post-hero h1, .post-content h2, .post-footer-main h3 { font-family: "Caprasimo", Georgia, serif; font-weight: 400; }

.post-list-arrow svg {
  stroke: var(--orange);
}

.post-footer-main > .post-shell {
  padding-top: 48px;
  padding-bottom: 48px;
}

@media (max-width: 760px) {
  .post-cover,
  .post-inline-image img {
    aspect-ratio: 16 / 9;
    max-height: none;
    object-fit: cover;
  }
}