/* Preserve the original burgundy introduction and four individual metric cards. */
#welm-in-numbers.reports-polished {
  grid-template-columns: minmax(0, .92fr) minmax(0, 1.35fr);
  align-items: stretch;
  gap: 20px;
  padding: 72px max(var(--gutter), calc((100% - 1288px) / 2));
  background: #f8f5f1;
}
#welm-in-numbers.reports-polished::before,
#welm-in-numbers.reports-polished::after {
  width: 330px;
  height: 330px;
  opacity: .18;
}
#welm-in-numbers .report-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 0;
  padding: 34px;
  border: 1px solid #ffffff14;
  border-radius: 20px;
  background:
    linear-gradient(115deg, #3a1115dc, #592328b3),
    url("assets/product/report-decoration.webp") center / cover,
    #47181c;
}
#welm-in-numbers .report-intro h2 {
  max-width: 16ch;
  margin: 0;
  font-size: clamp(34px, 2.8vw, 42px);
  font-weight: 500;
  line-height: 1.13;
  letter-spacing: -.018em;
  color: #fff8ef;
  text-wrap: balance;
}
#welm-in-numbers .report-intro p {
  max-width: 38ch;
  margin: 20px 0 0;
  font-size: 17px;
  line-height: 1.65;
  color: #eeded3;
  text-wrap: pretty;
}
#welm-in-numbers .metric-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 18px;
  min-width: 0;
}
#welm-in-numbers .metric-grid > div {
  min-width: 0;
  min-height: 157px;
  padding: 25px 28px;
  border: 1px solid #e8dfd7;
  border-radius: 18px;
  background: #fffdfa;
  box-shadow: 0 4px 20px #47181c04;
}
#welm-in-numbers .metric-grid strong {
  display: flex;
  align-items: baseline;
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: clamp(38px, 3.1vw, 46px);
  font-weight: 400;
  font-variant-numeric: lining-nums tabular-nums;
  line-height: 1.1;
  letter-spacing: -.025em;
  white-space: nowrap;
  color: #47181c;
}
#welm-in-numbers .metric-grid > div > span {
  max-width: 19ch;
  margin-top: 14px;
  font-size: 15px;
  line-height: 1.4;
  color: #745b55;
  text-wrap: pretty;
}
#welm-in-numbers .report-number-symbol {
  font-size: .7em;
  margin-inline: 1px;
  letter-spacing: 0;
}
#welm-in-numbers .report-number-unit {
  margin-left: 6px;
  font-size: 16px;
  letter-spacing: 0;
}
#welm-in-numbers img.metric-watermark {
  width: 112px;
  height: 112px;
  right: -5px;
  bottom: -20px;
  opacity: .045;
}
#welm-in-numbers .draft-note {
  position: static;
  inset: auto;
  grid-column: 1 / -1;
  margin: 0 2px;
  font-size: 12px;
  line-height: 1.55;
  color: #7b6b63;
}
@media (max-width: 900px) {
  #welm-in-numbers.reports-polished {
    grid-template-columns: minmax(0, 1fr);
    padding: 44px var(--gutter) 38px;
    gap: 18px;
  }
  #welm-in-numbers .report-intro { padding: 28px; }
  #welm-in-numbers .report-intro h2 { max-width: 23ch; font-size: 36px; }
  #welm-in-numbers .report-intro p { max-width: 58ch; font-size: 16px; margin-top: 15px; }
}
@media (max-width: 480px) {
  #welm-in-numbers.reports-polished { padding-block: 32px; gap: 14px; }
  #welm-in-numbers .report-intro { padding: 25px 24px; border-radius: 18px; }
  #welm-in-numbers .report-intro h2 { max-width: 16ch; font-size: 32px; }
  #welm-in-numbers .report-intro p { font-size: 15.5px; line-height: 1.6; }
  #welm-in-numbers .metric-grid { gap: 12px; }
  #welm-in-numbers .metric-grid > div { min-height: 142px; padding: 22px 18px; border-radius: 16px; }
  #welm-in-numbers .metric-grid strong { font-size: clamp(30px, 9.4vw, 38px); }
  #welm-in-numbers .metric-grid > div > span { margin-top: 12px; font-size: 14px; line-height: 1.45; }
  #welm-in-numbers .report-number-unit { font-size: 14px; margin-left: 4px; }
  #welm-in-numbers .draft-note { margin-top: 3px; }
}