/* =========================================================================
   Contractors. Values transcribed from final_html/Contractors.dc.html.
   ========================================================================= */

.con-lead { text-align: center; max-width: 820px; margin: 0 auto; }
.con-lead h2 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 34px; font-weight: 700; color: #2C2218; margin: 0;
}
.con-lead p {
  font-size: 16.5px; line-height: 1.75; color: #3A4A40; margin: 14px 0 0 !important;
  text-wrap: pretty;
}
.con-lead__cta { margin-top: 24px; }

.con-pillars {
  display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-top: 48px;
}
.con-pillar {
  background: #2D5441; border: 1px solid #234135; border-radius: 12px;
  padding: 30px 32px;
}
.con-pillar__num {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 14px; font-weight: 700; color: #F7B51C;
  letter-spacing: 0.08em; text-transform: uppercase;
}
.con-pillar h3 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 21px; font-weight: 600; color: #FFFBE6; margin: 10px 0 0; line-height: 1.3;
}
.con-pillar p {
  font-size: 14.5px; line-height: 1.7; color: #C8E6D8; margin: 12px 0 0 !important;
}

.con-fewer {
  background: #EAF3EC; border: 1px solid #C8E6D8; border-left: 4px solid #F7B51C;
  border-radius: 10px; padding: 30px 34px; margin-top: 48px; text-align: center;
}
.con-fewer h2 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 26px; font-weight: 700; color: #2C2218; margin: 0;
}
.con-fewer p { font-size: 15.5px; line-height: 1.7; color: #3A4A40; margin: 10px 0 0 !important; }

.con-ordering {
  background: #2D5441; border-radius: 12px; padding: 40px 44px; margin-top: 48px;
  text-align: center;
}
.con-ordering__eyebrow {
  font-size: 11px; font-weight: 700; letter-spacing: 0.2em;
  text-transform: uppercase; color: #C8E6D8;
}
.con-ordering h2 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 28px; font-weight: 700; color: #FFFBE6; margin: 12px 0 0;
}
.con-ordering p {
  font-size: 15.5px; line-height: 1.75; color: rgba(255, 251, 230, 0.88);
  margin: 12px auto 0 !important; max-width: 640px;
}
.con-ordering a { color: #F7B51C; font-weight: 700; }
.con-ordering__note { font-size: 13px !important; color: rgba(200, 230, 216, 0.7) !important; }
.con-ordering__cta { margin-top: 22px; }
.con-ordering__cta a { color: #2D5441; }

@media (max-width: 767px) {
  .con-lead h2 { font-size: 27px; }
  .con-pillars { grid-template-columns: 1fr; margin-top: 36px; }
  .con-pillar { padding: 24px 22px; }
  .con-fewer, .con-ordering { padding: 26px 20px; margin-top: 36px; }
  .con-fewer h2, .con-ordering h2 { font-size: 22px; }
  .closing-ctas a { width: 100%; text-align: center; }
}