/* -------------------------------------------------------------------------- */
/* Services - Audio section                                                   */
/* -------------------------------------------------------------------------- */ :root {
  --nf-services-audio-border: var(--Tertiary-Blue-Screen, #7EA6FF); /* always blue */
}
/* Section spacing */
.nf-services-audio {
  padding: 3rem 1.5rem; /* mobile first */
	position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .nf-services-audio {
    padding: 6rem 1.5rem; /* desktop */
  }
}
.nf-services-audio__inner {
	position: relative;
  overflow: hidden;
}
.nf-services-audio__header {
  text-align: center;
  margin-bottom: 1.5rem;
}
/* Fabric SVG background + tile fills (your group classes) */
.service-template .nf-impact .header-tiles {
  background: #f9f9f4;
}
.service-template .nf-impact .header-tiles .light_tiles path {
  fill: #f6f6f2;
}
.service-template .nf-impact .header-tiles .dark_tiles path {
  fill: #ecece8;
}
/* -------------------------------------------------------------------------- */
/* Tiles wrapper (grid) — mobile first                                        */
/* -------------------------------------------------------------------------- */
.nf-services-audio__tiles {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  align-items: stretch; /* equal height tiles */
}
/* Desktop: 2 across */
@media (min-width: 768px) {
  .nf-services-audio__tiles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
/* Each tile stretches to same height */
.nf-services-audio__tile {
  display: flex;
  min-width: 0;
  height: 100%;
}
/* -------------------------------------------------------------------------- */
/* Card                                                                        */
/* -------------------------------------------------------------------------- */
.nf-services-audio__card {
  width: 100%;
  height: 100%;
  background: var(--Secondary-Daylight, #F4F2EB);
  padding: 1.5rem;
  border-radius: 0.5rem;
  border-bottom: 10px solid var(--nf-services-audio-border); /* always blue */
  display: flex;
  flex-direction: column;
	gap: 1rem;
}
/* Image above heading/text */
.nf-services-audio__card-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  border: 1px solid var(--Primary-Golden-Hour-Light, #F0D895);
	margin-bottom: 1.5rem;
}
/* Title */
.nf-services-audio__card-title {
  margin: 0;
  color: var(--Primary-Director-Black, #252525);
  text-align: center;
  font-feature-settings: 'liga'off;
  /* Desktop/H3 */
  font: var(--Desktop-H3);
  letter-spacing: 0.01875rem;
}
/* Text */
.nf-services-audio__card-text {
  color: var(--Primary-Director-Black, #252525);
  text-align: center;
  font-feature-settings: 'liga'off;
  /* Desktop/P1 */
  font: var(--Desktop-P1);
}
/* Desktop typography bump */
@media (min-width: 768px) {
	.nf-services-audio__card {
			padding: 2rem 3rem;
		}
  .nf-services-audio__card-text {
    font-size: 1.125rem;
    line-height: 1.575rem;
  }
}