.nf-pill-list {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  justify-content: center;
  align-items: flex-start;
  margin: 0 auto 2rem;
  max-width: 52.75rem;
  padding: 0 1.5rem;
}
.nf-pill {
  display: flex;
  padding: 0.5rem 1rem 0.475rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: 6.63319rem;
  opacity: 0.8;
  background: var(--Primary-Golden-Hour, #D1BA79);
}
.nf-pill__label {
  color: var(--Primary-Director-Black, #252525);
  text-align: center;
  font: var(--Mobile-Anchor-Link);
}
/* ====== 768px+ ====== */
@media (min-width: 768px) {
  .nf-pill__label {
    font: var(--Desktop-Anchor-Link);
  }
}
/* -------------------------------------------------------------------------- */
/* Work: Proof section                                                        */
/* -------------------------------------------------------------------------- */
.nf-work-proof {
  position: relative;
  overflow: hidden;
  padding: 6rem 1.5rem; /* top/bottom 6rem, sides 1.5rem */
  background: #e9ff8e;
}
/* Fabric SVG background + tile fills (your group classes) */
.nf-work-proof > .header-tiles {
  background: #e9ff8e;
}
.nf-work-proof > .header-tiles .light_tiles path {
  fill: #e7fc91;
}
.nf-work-proof > .header-tiles .dark_tiles path {
  fill: #ddf287;
}
/* fabric sits behind content */
.nf-work-proof > .nf-fabric, .nf-work-proof > .header-tiles {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.nf-work-proof__inner {
  position: relative;
  z-index: 1;
}
.nf-work-proof__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.5rem; /* heading <-> excerpt */
}
/* You said you’ll fill typography, so these are intentionally minimal */
.nf-work-proof__heading {
  font: var(--Mobile-H2);
  margin: 0 auto;
}
.nf-work-proof__excerpt p {
  font: var(--Mobile-P1);
}
.nf-work-proof__excerpt > *:first-child {
  margin-top: 0;
}
.nf-work-proof__excerpt > *:last-child {
  margin-bottom: 0;
}
/* ====== 768px+ ====== */
@media (min-width: 768px) {
  .nf-work-proof__heading {
    font: var(--Desktop-H2);
  }
  .nf-work-proof__excerpt p {
    font: var(--Desktop-P1);
  }
}
/* -------------------------------------------------------------------------- */
/* Content Links (Work)                                                       */
/* -------------------------------------------------------------------------- */
.nf-work-content-links {
  padding: 3rem 1.5rem;
}
.nf-work-content-links__grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
.nf-work-content-links__card {
  background: var(--Secondary-Daylight, #F4F2EB);
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  padding: 1.5rem 1.5rem 0;
  border-bottom: 10px solid var(--Tertiary-Highlight-Yellow, #E9FF8E);
  background: var(--Secondary-Daylight, #F4F2EB);
}
.nf-work-content-links__card.nf-work-content-links__card--work {
  padding: 0 1.5rem 1.5rem;
}
.nf-work-content-links__media {
  width: 100%;
}
.nf-work-content-links__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.5rem 0.5rem 0 0;
}
.nf-work-content-links__card--work img {
  border-radius: 0 0 0.5rem 0.5rem;
}
.nf-work-content-links__body {
  padding: 3rem;
}
.nf-work-content-links__text p {
  color: var(--Primary-Director-Black, #252525);
  text-align: center;
  font-feature-settings: 'liga'off;
  /* Desktop/H5 */
  font: var(--Desktop-H5);
  letter-spacing: 0.2px;
}
.nf-work-content-links__text > :first-child {
  margin-top: 0;
}
.nf-work-content-links__text > :last-child {
  margin-bottom: 0;
}
.nf-work-content-links__link {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0 1.5rem 1.5rem;
  text-decoration: none;
  justify-content: center;
}
.nf-work-content-links__link-text {
  color: var(--Primary-Director-Black, #252525);
  text-align: center;
  /* Desktop/Hyperlink */
  font: var(--Desktop-Hyperlink);
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  ⁨
}
@media (min-width: 768px) {
	
	.nf-work-content-links {
		padding: 6rem 1.5rem 4rem;
	}
  .nf-work-content-links__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
  }
  .nf-work-content-links__card {
    padding: 3rem 3rem 0;
  }
  .nf-work-content-links__card.nf-work-content-links__card--work {
    padding: 0 3rem 3rem;
  }
  .nf-work-content-links__body {
    max-width: 24.875rem;
  }
}

.nf-section.nf-work-content-links .nf-flourish--a {
	left: -3rem;
  top: -4rem;
	width: 7.15875rem;
	height: 7.15875rem;
	transform: rotate(2.387deg);
}
.nf-section.nf-work-content-links .nf-flourish--b {
	right: -2.75rem;
  bottom: -6rem;
	width: 7.15875rem;
	height: 7.15875rem;
	transform: rotate(-151.372deg);
}

/* Fourishes */
@media (min-width: 768px) {
	.nf-section.nf-work-content-links .nf-flourish--a {
		left: -6rem;
		top: -5rem;
	}
	.nf-section.nf-work-content-links .nf-flourish--b {
		right: -7rem;
		bottom: -3rem;
	transform: rotate(175.518deg);
	}
}