@import url("style.css");

/* 1 — Warm editorial: calm, substantial, and lightly nostalgic. */
:root {
  --black: #24231f;
  --red: #b6533f;
  --blue: #536258;
  --yellow: #f4eee2;
  --grey: #f7f5ef;
  --max-width: 1320px;
  --border: 1px solid #24231f;
}

body {
  background: #f7f5ef;
  font-family: Arial, sans-serif;
}

h1, h2, h3 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  letter-spacing: -0.045em;
}

.site-header, .hero, .page-hero, .article-header, .article-hero, .site-footer {
  background: #fffdf8;
}

.hero {
  grid-template-columns: minmax(350px, .72fr) 1.28fr;
}

.eyebrow, .card-meta, .article-meta {
  border: 0;
  border-radius: 999px;
}

.story-grid {
  gap: 22px;
  border: 0;
}

.story-card {
  border: 0;
}

.card-photo {
  min-height: 360px;
  border: 0;
}

.featured-card {
  transform: translateY(-18px);
}

.photo-placeholder span {
  border: 0;
  transform: none;
}