.resp-hero { background: #eeeee5; }
.resp-hero-grid { display: grid; grid-template-columns: 1fr 1.08fr; align-items: center; gap: clamp(24px, 5vw, 76px); }
.resp-hero h1, .resp-section-title { font-family: var(--display, Georgia, serif); font-weight: 500; letter-spacing: -.035em; line-height: 1.04; margin: 14px 0 20px; }
.resp-hero h1 { font-size: clamp(43px, 5.5vw, 78px); }
.resp-section-title { font-size: clamp(32px, 4.2vw, 55px); }
.resp-hero p, .resp-contact p { max-width: 57ch; margin: 0 0 24px; }
.resp-hero img { display: block; width: 100%; height: auto; object-fit: cover; }
.resp-hero img { aspect-ratio: 5 / 4; object-position: 60% 62%; border-radius: 4px; }
.resp-contact-grid { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 28px; }
.resp-contact p { margin-bottom: 0; }
@media (max-width: 820px) {
  .resp-hero-grid, .resp-contact-grid { grid-template-columns: 1fr; }
  .resp-contact .button { justify-self: start; }
}
@media (max-width: 650px) {
  .resp-hero img { aspect-ratio: 3 / 2; }
}


.resp-hero img[src*="garment-review"] { object-position: center 48%; }

.resp-standards { background: #f0eee6; color: #222a24; }
.resp-standards .eyebrow { color: #79591b; }
.resp-standards-head { display: grid; grid-template-columns: 1.35fr 1fr; align-items: end; gap: clamp(20px, 5vw, 76px); }
.resp-standards .resp-section-title { font-family: Georgia, serif; font-size: clamp(38px, 5vw, 70px); margin-bottom: 0; }
.resp-standards .resp-section-title em { display: block; color: #876420; font-style: normal; }
.resp-standards-intro { max-width: 52ch; margin: 0; color: #50544b; }
.resp-cert-logos { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 12px; margin: 34px 0 0; padding: 0; list-style: none; }
.resp-cert-logos li { display: grid; grid-template-rows: 76px auto; justify-items: center; align-items: center; gap: 12px; padding: 15px 8px; border-block: 1px solid #d7d3c7; text-align: center; }
.resp-cert-logos img { display: block; width: 100%; max-width: 126px; height: 76px; object-fit: contain; }
.resp-cert-logos span { font-size: 12px; font-weight: 600; letter-spacing: .04em; }
@media (max-width: 820px) {
  .resp-standards-head { grid-template-columns: 1fr; }
  .resp-cert-logos { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  .resp-cert-logos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}