/* Recommendations: a dark image field keeps the opening readable at all widths. */
body .page-hero.recommendation-hero {
  background: linear-gradient(90deg, rgba(7, 26, 19, .94), rgba(7, 26, 19, .88) 60%, rgba(7, 26, 19, .82)),
    url("/assets/real/studio-hero-v11.png") center 43% / cover no-repeat;
  background-color: #071a13;
  color: #fffdf7;
  padding: clamp(40px, 6vw, 76px) 0;
}
body .recommendation-hero .wrap { max-width: 1220px; }
body .recommendation-hero h1 {
  color: #fffdf7 !important;
  max-width: 920px;
  font-size: clamp(36px, 5.5vw, 72px);
  line-height: 1.08;
  margin: 16px 0 22px;
}
body .recommendation-hero .lede {
  color: #f1ede2 !important;
  max-width: 760px;
  font-size: clamp(19px, 2vw, 24px);
  line-height: 1.5;
  margin: 0;
}