:root {
  --insights-cream: #f6f0e7;
  --insights-ivory: #fffaf0;
  --insights-ink: #24352d;
  --insights-charcoal: #2e302e;
  --insights-gold: #a77a3d;
  --insights-line: rgba(48, 65, 56, .18);
}

*, *::before, *::after { box-sizing: border-box; }

.insights-page,
.insight-article-page {
  margin: 0;
  background: var(--insights-cream);
  color: var(--insights-ink);
  font-family: Arial, Helvetica, sans-serif;
}

.insights-eyebrow {
  margin: 0;
  color: var(--insights-gold);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.insights-rule {
  display: block;
  width: 52px;
  height: 1px;
  margin-top: 24px;
  background: #b89255;
}

.insight-entry > a,
.article-back,
.article-cta a {
  display: inline-block;
  color: var(--insights-ink);
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.insight-entry > a:hover,
.article-back:hover { color: #7f6339; }

.insights-archive {
  min-height: clamp(440px, 48vw, 640px);
  padding: clamp(64px, 6vw, 88px) clamp(32px, 9vw, 170px) clamp(76px, 7vw, 104px);
  background: var(--insights-cream);
}

.insights-archive-inner { width: min(1180px, 100%); margin: 0 auto; }
.archive-heading { max-width: 620px; margin-bottom: clamp(48px, 4.5vw, 68px); }
.archive-heading h1 {
  margin: 28px 0 0;
  color: var(--insights-charcoal);
  font: 400 clamp(42px, 4.3vw, 66px)/1.06 Georgia, 'Times New Roman', serif;
  letter-spacing: -.035em;
}

.insight-list { border-top: 1px solid var(--insights-line); }
.insight-entry {
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr) auto;
  gap: clamp(22px, 3vw, 46px);
  align-items: center;
  padding: clamp(24px, 2.3vw, 34px) 0;
  border-bottom: 1px solid var(--insights-line);
}

.entry-number { color: var(--insights-gold); font: 500 11px/1.4 Arial, sans-serif; letter-spacing: .12em; }
.insight-entry h2 {
  max-width: 760px;
  margin: 0;
  color: var(--insights-charcoal);
  font: 400 clamp(25px, 2.3vw, 34px)/1.12 Georgia, 'Times New Roman', serif;
  letter-spacing: -.025em;
}
.insight-entry p { max-width: 700px; margin: 9px 0 0; color: rgba(36, 53, 45, .7); font-size: 15px; line-height: 1.55; }
.insight-entry > a { margin-top: 0; white-space: nowrap; }

/* Individual insights */
.article-header {
  padding: clamp(92px, 9vw, 140px) clamp(32px, 9vw, 170px) clamp(80px, 8vw, 124px);
  background: var(--insights-cream);
}

.article-header-inner { width: min(1040px, 100%); margin: 0 auto; }
.article-back { margin-bottom: clamp(70px, 7vw, 100px); }
.article-header h1 {
  max-width: 1000px;
  margin: 31px 0 0;
  color: var(--insights-charcoal);
  font: 400 clamp(54px, 6.4vw, 96px)/.99 Georgia, 'Times New Roman', serif;
  letter-spacing: -.045em;
}
.article-byline { margin: 36px 0 0; color: rgba(36, 53, 45, .58); font-size: 12px; line-height: 1.5; letter-spacing: .12em; text-transform: uppercase; }

.article-body-section { padding: clamp(84px, 8vw, 124px) 28px clamp(110px, 10vw, 160px); background: var(--insights-ivory); }
.article-body { width: min(760px, 100%); margin: 0 auto; }
.article-body p {
  margin: 0 0 30px;
  color: rgba(36, 53, 45, .86);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(19px, 1.55vw, 22px);
  line-height: 1.82;
}
.article-body h2 {
  margin: 72px 0 30px;
  color: var(--insights-charcoal);
  font: 400 clamp(34px, 3.4vw, 48px)/1.12 Georgia, 'Times New Roman', serif;
  letter-spacing: -.025em;
}

.article-cta {
  margin-top: clamp(88px, 9vw, 126px);
  padding-top: clamp(50px, 5vw, 72px);
  border-top: 1px solid rgba(167, 122, 61, .4);
}
.article-cta .insights-eyebrow { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.4; }
.article-cta h2 { margin: 25px 0 0; font-size: clamp(34px, 3.4vw, 48px); }
.article-cta p { margin-top: 24px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.7; }
.article-cta a { margin-top: 18px; padding: 16px 23px; border: 1px solid #b89255; background: #304138; color: var(--insights-ivory); }
.article-cta a:hover { background: #24352d; }

@media (max-width: 900px) {
  .insight-entry { grid-template-columns: 42px minmax(0, 1fr); align-items: start; }
  .insight-entry > a { grid-column: 2; margin-top: 6px; }
}

@media (max-width: 560px) {
  .insights-archive { padding-inline: 24px; }
  .insights-archive { min-height: 430px; padding-block: 64px 78px; }
  .insight-entry { grid-template-columns: 1fr; gap: 11px; padding-block: 25px; }
  .entry-number { padding-top: 0; }
  .insight-entry > a { grid-column: 1; }
  .article-header { padding: 76px 24px 84px; }
  .article-back { margin-bottom: 62px; }
  .article-header h1 { font-size: 48px; }
  .article-body-section { padding-inline: 24px; }
}