.jcc-support-band {
  background: #f6f2ea;
  border-bottom: 1px solid #d8d2c8;
  color: #202020;
}

.jcc-support-band__inner {
  width: min(1180px, calc(100% - 64px));
  margin: 0 auto;
  padding: clamp(58px, 6vw, 84px) 0;
}

.jcc-support-band__opening {
  display: grid;
  grid-template-columns: minmax(360px, .92fr) minmax(0, 1.08fr);
  gap: clamp(38px, 4.5vw, 64px);
  align-items: start;
}

.jcc-support-band__figure,
.jcc-support-band__media {
  margin: 0;
}

.jcc-support-band__media {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border: 1px solid #d8d2c8;
  border-radius: 10px;
  background: #dedad2;
  box-shadow: 0 12px 30px rgba(32, 32, 32, .1);
}

.jcc-support-band__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--jcc-support-position-desktop, 50% 50%);
}

.jcc-support-band__credit {
  margin-top: 10px;
  color: #66635d;
  font: 500 11.5px/1.45 "Hanken Grotesk", Arial, sans-serif;
}

.jcc-support-band__credit a {
  color: inherit;
  text-decoration-color: #b98b43;
  text-underline-offset: 2px;
}

.jcc-support-band__content {
  min-width: 0;
  border-top: 2px solid #dda646;
  padding-top: 22px;
}

.jcc-support-band__content h2 {
  margin-top: 0 !important;
  font-family: "Libre Caslon Text", "Libre Caslon Display", Georgia, serif !important;
  font-size: clamp(32px, 3vw, 44px) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  color: #202020 !important;
}

.jcc-support-band__content p,
.jcc-support-band__details p,
.jcc-support-band__details li,
.jcc-support-band__content a,
.jcc-support-band__details a {
  font-family: "Hanken Grotesk", Arial, sans-serif;
}

.jcc-support-band__content > p:not(.jcc-rw-label),
.jcc-support-band__details > p:not(.jcc-rw-label) {
  max-width: 68ch;
  line-height: 1.68;
  text-align: left;
}

.jcc-support-band__content > p:not(.jcc-rw-label) + p,
.jcc-support-band__details > p:not(.jcc-rw-label) + p {
  margin-top: 18px;
}

.jcc-support-band__content > :last-child,
.jcc-support-band__details > :last-child {
  margin-bottom: 0;
}

.jcc-support-band__details {
  width: min(100%, 820px);
  margin: clamp(38px, 4.5vw, 56px) auto 0;
  padding-top: clamp(30px, 3.5vw, 44px);
  border-top: 1px solid #d8d2c8;
}

.jcc-support-band__details > ul,
.jcc-support-band__details > ol {
  columns: 2;
  column-gap: clamp(42px, 5vw, 72px);
}

.jcc-support-band__details li {
  break-inside: avoid;
}

.jcc-support-band__details > p {
  max-width: 82ch;
}

.jcc-support-band__details > aside,
.jcc-support-band__details .readiness-card {
  max-width: 720px;
  border: 1px solid #d8d2c8;
  border-radius: 10px;
  background: rgba(255, 255, 255, .48);
  padding: 24px;
}


@media (max-width: 960px) {
  .jcc-support-band__inner {
    width: calc(100% - 40px);
    padding: 52px 0;
  }

  .jcc-support-band__opening {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
  }

  .jcc-support-band__figure {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
  }

  .jcc-support-band__media img {
    object-position: var(--jcc-support-position-mobile, 50% 50%);
  }

  .jcc-support-band__content h2 {
    font-size: clamp(28px, 8vw, 36px) !important;
  }

  .jcc-support-band__details > ul,
  .jcc-support-band__details > ol {
    columns: 1;
  }
}

@media (max-width: 370px) {
  .jcc-support-band__inner {
    width: calc(100% - 32px);
  }
}