.content-section {
  padding: clamp(72px, 9vw, 128px) clamp(18px, 4vw, 56px);
  background: #fffdf8;
  color: #17211b;
}

.content-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 44px;
}

.content-heading h2 { margin: 6px 0 0; font-size: clamp(3rem, 7vw, 6rem); letter-spacing: -.06em; line-height: .95; }
.content-heading > p { max-width: 340px; margin: 0; color: #667269; line-height: 1.6; }
.content-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.content-card { overflow: hidden; border: 1px solid #d9ddd8; border-radius: 22px; background: white; }
.content-card a { display: block; height: 100%; color: inherit; text-decoration: none; }
.content-card img,
.content-card-cover { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: contain; background: linear-gradient(135deg, #d7e8db, #e8dfc9); }
.content-card-copy { padding: 24px; }
.content-card-meta { color: #6e7a72; font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.content-card h3 { margin: 14px 0 12px; font-size: 1.55rem; line-height: 1.15; }
.content-card p { margin: 0; color: #56635b; line-height: 1.55; white-space: pre-line; }
.content-empty { grid-column: 1 / -1; color: #6e7a72; }
.careers-section { background: #eef4ef; }

@media (max-width: 820px) { .content-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) {
  .content-heading { align-items: flex-start; flex-direction: column; }
  .content-grid { grid-template-columns: 1fr; }
}