.fresh-fit-accolades {
  position: relative;
  overflow: hidden;
  overflow: clip;
  background:
    radial-gradient(circle at 8% 12%, rgb(114 213 74 / 18%) 0 8rem, transparent 8.1rem),
    radial-gradient(circle at 94% 88%, rgb(255 144 19 / 16%) 0 10rem, transparent 10.1rem),
    linear-gradient(145deg, #f8fbf3 0%, #fff9f0 100%);
}

.fresh-fit-accolades::before,
.fresh-fit-accolades::after {
  position: absolute;
  width: 7rem;
  height: 0.45rem;
  border-radius: 99rem;
  content: "";
  opacity: 0.7;
  transform: rotate(-12deg);
}

.fresh-fit-accolades::before {
  top: 2.5rem;
  right: -1.5rem;
  background: var(--method-orange);
}

.fresh-fit-accolades::after {
  bottom: 3.25rem;
  left: -1.75rem;
  background: var(--method-green-bright);
}

.fresh-fit-accolades-inner {
  position: relative;
  z-index: 1;
}

.fresh-fit-accolades .section-heading {
  max-width: 52rem;
  margin-inline: auto;
  text-align: center;
}

.fresh-fit-accolades .section-heading .eyebrow {
  color: var(--color-green);
}

.fresh-fit-accolades-grid {
  width: min(100%, 68rem);
  display: grid;
  gap: clamp(1.25rem, 3vw, 2.25rem);
  margin-inline: auto;
}

.fresh-fit-accolade-card {
  --accolade-accent: var(--color-green);
  min-width: 0;
  margin: 0;
  padding: clamp(0.4rem, 1.2vw, 0.65rem);
  overflow: hidden;
  border: 1px solid rgb(35 30 32 / 12%);
  border-top: 0.45rem solid var(--accolade-accent);
  border-radius: var(--radius-large);
  background: var(--color-white);
  box-shadow: 0 1.25rem 3rem rgb(35 30 32 / 12%);
}

.fresh-fit-accolade-card--progress {
  --accolade-accent: var(--method-orange);
}

.fresh-fit-accolade-card picture,
.fresh-fit-accolade-image {
  width: 100%;
}

.fresh-fit-accolade-image {
  height: auto;
  border-radius: calc(var(--radius-large) - 0.6rem);
}

.fresh-fit-accolades-note {
  width: fit-content;
  max-width: 58rem;
  margin: clamp(1.5rem, 4vw, 2.25rem) auto 0;
  padding: 0.8rem 1rem;
  border: 1px solid rgb(35 30 32 / 10%);
  border-radius: var(--radius-medium);
  color: var(--color-text-muted);
  background: rgb(255 255 255 / 78%);
  font-size: 1rem;
  line-height: 1.55;
  text-align: center;
}

.fresh-fit-accolades-note strong {
  color: var(--color-charcoal);
}

@media (min-width: 48rem) {
  .fresh-fit-accolades-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }

  .fresh-fit-accolade-card--progress {
    margin-top: clamp(1.25rem, 3vw, 2rem);
  }
}

@media (max-width: 47.999rem) {
  .fresh-fit-accolades {
    background:
      radial-gradient(circle at 100% 4%, rgb(255 144 19 / 14%) 0 7rem, transparent 7.1rem),
      linear-gradient(180deg, #f8fbf3, #fff9f0);
  }

  .fresh-fit-accolade-card {
    width: min(100%, 29rem);
    justify-self: center;
    border-radius: var(--radius-medium);
  }

  .fresh-fit-accolade-image {
    border-radius: calc(var(--radius-medium) - 0.4rem);
  }
}