/* Alternating off-white and emerald bands; content and official marks stay intact. */
.support-section {
  --ink: #E8E9E5;
  --muted: #c1d0c9;
  --line: #ffffff28;
  --blue: #cfbc91;
  background: #073F3B !important;
  border: 0;
  padding-block: 76px;
}
.support-section::before,
.support-section::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 24px;
  background: url('assets/ornament.svg') repeat-x center;
  opacity: .45;
  pointer-events: none;
}
.support-section::before { top: 0; }
.support-section::after { bottom: 0; }
.support-copy h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  line-height: 1.12;
  letter-spacing: -1.5px;
  max-width: 790px;
}
.support-section .section-kicker { font-size: 10px; font-weight: 500; letter-spacing: 1.7px; }
.support-statement { font-size: 15px; max-width: 810px; }
.support-links a { font-size: 12px; font-weight: 500; border-color: #c8d4ca70; padding-bottom: 5px; }
.support-logos { gap: 22px; width: min(100%, 680px); }
.support-logo { background: #E8E9E5; border: 1px solid #d2d9ce; border-radius: 4px; min-height: 180px; padding: 35px; }
.support-logo + .support-logo { border: 1px solid #d2d9ce; }
.support-logo-fasie img { mix-blend-mode: multiply; }

.about { background: #E8E9E5; color: #073F3B; }
.about .eyebrow.light { color: #806d46; }
.about h2 em { color: #8d794f; }
.about-story p,
.about .product-list details p,
.about .process li p { color: #5f7067; }
.about-story .large-copy { color: #073F3B; }
.about .subsection-top > span { color: #738277; }
.about .product-list details,
.about .product-list details:last-child { border-color: #c1cbbf; }
.about .product-number,
.about .product-plus { color: #8d794f; }
.about .process li > span { color: #806d46; border-color: #b9c5b7; }
.about .ornament-rule { opacity: .6; }
.about > .ornament-rule:first-child { display: none; }

.catalog { background: #073F3B; color: #E8E9E5; }
.catalog .eyebrow { color: #cfbc91; }
.catalog h2 em { color: #cfbc91; }
.catalog .draft-intro,
.catalog-card-copy > p { color: #c1d0c9; }
.catalog-card dl > div { border-color: #ffffff28; }
.catalog-card dt { color: #b6c7be; }
.catalog-card dd { color: #E8E9E5; }
.catalog .photo-placeholder { background: #d9dfd6; color: #486357; }
.catalog .butter-placeholder { background: #e1e2d9; }
.catalog .meat-placeholder { background: #d4ddd6; }
.benefits { background: #E8E9E5; border: 0; }

.site-footer {
  --ink: #E8E9E5;
  --muted: #c1d0c9;
  --line: #ffffff28;
  --white: #073F3B;
  background: #073F3B;
  border-top: 1px solid #b3956055;
  padding-top: 54px;
  padding-bottom: 38px;
}
.footer-brand span { font-family: Georgia, "Times New Roman", serif; font-size: 30px; font-weight: 400; }
.footer-brand p { font-size: 13px; }
.footer-legal { gap: 20px 26px; }
.footer-legal span { font-size: 10px; font-weight: 500; letter-spacing: 1.2px; color: #b9c7bb; }
.footer-legal strong { font-weight: 500; line-height: 1.55; }
.footer-support { padding-top: 28px; gap: 20px; }
.footer-support-logos { display: grid; grid-template-columns: 1.6fr 1fr; width: min(100%, 420px); background: #E8E9E5; gap: 30px; padding: 14px 26px; border-radius: 4px; }
.site-footer .footer-support-logos a { width: auto; min-height: 66px; }
.footer-support-logos img { max-height: 66px; }
.footer-support p { font-size: 11px; max-width: 850px; line-height: 1.8; }

@media (max-width: 740px) {
  .support-section { padding-block: 62px; }
  .support-copy h2 { font-size: 39px; letter-spacing: -1px; }
  .support-statement { font-size: 14px; }
  .support-inner { gap: 30px; }
  .support-logos { gap: 16px; }
  .support-logo { padding: 28px; min-height: 150px; }
  .site-footer { padding-top: 38px; padding-bottom: 32px; }
}
@media (max-width: 520px) {
  .support-logos { grid-template-columns: 1fr; max-width: 350px; }
  .support-logo { min-height: 145px; padding: 26px 40px; }
  .support-logo-fasie img { max-width: 225px; }
  .support-logo-platform img { max-width: 150px; }
  .footer-support-logos { gap: 20px; padding: 12px 22px; }
  .footer-support-logos img { max-width: 100%; max-height: 62px; }
}
@media (max-width: 380px) { .support-copy h2 { font-size: 34px; } }
