.jcdc-am-collection {
  --am-prune: #78166f;
  --am-orange: #f45a45;
  --am-ink: #242026;
  --am-soft: #f6edf5;
  max-width: 1180px;
  margin: 80px auto 24px;
  padding: 64px 36px;
  background: var(--am-soft);
}

.jcdc-am-heading { max-width: 760px; margin-bottom: 38px; }
.jcdc-am-heading .jcdc-am-kicker {
  margin: 0 0 8px;
  color: var(--am-orange);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.jcdc-am-heading h2 { margin: 0 0 14px; color: var(--am-prune); font-size: clamp(34px, 4.5vw, 58px); line-height: 1.04; }
.jcdc-am-heading > p:last-child { margin: 0; color: var(--am-ink); font-size: 18px; line-height: 1.65; }
.jcdc-am-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.jcdc-am-card { overflow: hidden; background: #fff; box-shadow: 0 12px 34px rgba(75, 36, 71, .08); }
.jcdc-am-image { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #eadbe8; }
.jcdc-am-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.jcdc-am-card:hover .jcdc-am-image img { transform: scale(1.025); }
.jcdc-am-placeholder { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, var(--am-prune), var(--am-orange)); }
.jcdc-am-copy { padding: 25px 27px 28px; }
.jcdc-am-number { margin: 0 0 8px; color: var(--am-orange); font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.jcdc-am-copy h3 { margin: 0 0 12px; font-size: 25px; line-height: 1.18; }
.jcdc-am-copy h3 a { color: var(--am-prune); text-decoration: none; }
.jcdc-am-excerpt { margin: 0 0 20px; color: var(--am-ink); font-size: 16px; line-height: 1.55; }
.jcdc-am-read { color: var(--am-prune); font-weight: 700; text-decoration: none; border-bottom: 2px solid var(--am-orange); }

@media (max-width: 760px) {
  .jcdc-am-collection { margin-top: 48px; padding: 44px 20px; }
  .jcdc-am-grid { grid-template-columns: 1fr; }
}