/* Isabella NRC – Services block, "Dark" style: matches the Ventilator page's "Program Overview" (.vu-program).
   Values copied from blocks/ns-vent-unit/ns-vent-unit.php. Light style is untouched. */
section.ns-services.nrc-dark {
	--vu-navy: #1c293a; --vu-gold: #b49b6d; --vu-white: #ffffff;
	--vu-pad: clamp(48px, 6vw, 96px);
	background: var(--vu-navy) !important;
	padding: var(--vu-pad) 0 !important;
	margin: 0 !important;
}
section.ns-services.nrc-dark > .container {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 clamp(20px, 4vw, 48px) !important;
	background: transparent !important;
	display: block !important;
	box-shadow: none !important;
	border: 0 !important;
}

/* Heading area: eyebrow, title, intro – left-aligned like the Program Overview */
section.ns-services.nrc-dark .container .intro { max-width: none !important; margin: 0 0 clamp(32px, 4vw, 52px) !important; text-align: left !important; width: 100% !important; }
section.ns-services.nrc-dark .container .intro > div { display: block !important; gap: 0 !important; }
section.ns-services.nrc-dark .nrc-eyebrow {
	display: block; margin: 0 0 14px;
	font-family: "Isabella Sans", sans-serif; font-size: 11px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
	color: rgba(201, 169, 110, .8);
	text-align:left;
}
section.ns-services.nrc-dark .container .intro h2 {
	font-family: "Isabella Display", serif !important; font-size: clamp(36px, 4.5vw, 60px) !important; font-weight: 400 !important;
	line-height: 1.1 !important; color: var(--vu-white) !important; margin: 0 !important; text-align: left !important; letter-spacing: 0 !important;
}
section.ns-services.nrc-dark .container .intro h2 em,
section.ns-services.nrc-dark .container .intro h2 i { color: var(--vu-gold) !important; font-style: italic !important; }
section.ns-services.nrc-dark .container .intro p,
section.ns-services.nrc-dark .container .intro > div > :not(h2):not(.nrc-eyebrow) {
	font-family: "Isabella Sans", sans-serif !important; font-style: normal !important; font-size: clamp(15px, 1.6vw, 17px) !important; font-weight: 400 !important;
	letter-spacing: 0 !important; line-height: 1.75 !important; color: rgba(255, 255, 255, .62) !important; text-align: left !important;
	margin: 20px 0 0 !important; max-width: 760px;
}

/* Card grid: 2 columns (3 when there are exactly three cards), 2px gaps */
section.ns-services.nrc-dark .container .services {
	display: grid !important; grid-template-columns: 1fr 1fr; gap: 2px !important;
	width: 100% !important; margin: 0 !important; padding: 0 !important;
}
section.ns-services.nrc-dark.nrc-cols-3 .container .services { grid-template-columns: repeat(3, 1fr); }
section.ns-services.nrc-dark .container .services__box {
	display: block !important; position: relative; flex: none !important; min-height: 0 !important; max-width: none !important; width: auto !important;
	background: rgba(255, 255, 255, .04) !important; border: 1px solid rgba(255, 255, 255, .08) !important; border-radius: 0 !important; box-shadow: none !important;
	padding: clamp(28px, 3.5vw, 44px) !important; margin: 0 !important;
	transition: background .2s;
}
section.ns-services.nrc-dark .container .services__box:hover { background: rgba(255, 255, 255, .07) !important; }
section.ns-services.nrc-dark .container .services__box::before {
	content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 100%;
	background: var(--vu-gold); opacity: 0; transition: opacity .2s;
}
section.ns-services.nrc-dark .container .services__box:hover::before { opacity: 1; }

/* Icon (in gold) and title */
section.ns-services.nrc-dark .container .services__box > div:first-child { display: block !important; gap: 0 !important; }
section.ns-services.nrc-dark .nrc-icon {
	display: block; width: 40px; height: 40px; margin: 0 0 16px;
	background-color: var(--vu-gold);
	-webkit-mask-position: left center; mask-position: left center;
	-webkit-mask-size: contain; mask-size: contain;
	-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
}
section.ns-services.nrc-dark .container .services__box h6,
section.ns-services.nrc-dark .container .services__box h6 a {
	font-family: "Isabella Display", serif !important; font-size: clamp(18px, 2vw, 22px) !important; font-weight: 400 !important;
	line-height: 1.2 !important; color: var(--vu-white) !important; margin: 0 !important; letter-spacing: 0 !important; text-decoration: none !important;
}
section.ns-services.nrc-dark .container .services__box h6 { margin: 0 0 12px !important; }
section.ns-services.nrc-dark .container .services__box h6 a:hover { color: var(--vu-gold) !important; }

/* Card text and lists */
section.ns-services.nrc-dark .container .services__box .services__text,
section.ns-services.nrc-dark .container .services__box .services__text > p,
section.ns-services.nrc-dark .container .services__box .services__text li {
	font-family: "Isabella Sans", sans-serif !important; font-size: 15px !important; line-height: 1.7 !important; color: rgba(255, 255, 255, .62) !important;
}
section.ns-services.nrc-dark .container .services__box .services__text > p { margin: 0 0 10px !important; }
section.ns-services.nrc-dark .container .services__box .services__text > ul,
section.ns-services.nrc-dark .container .services__box .services__text > ol { margin: 0 !important; padding-left: 18px !important; font-size: 15px !important; }
section.ns-services.nrc-dark .container .services__box .services__text li { margin: 0 0 4px !important; }
section.ns-services.nrc-dark .container .services__box .services__text li::marker { color: var(--vu-gold); }
section.ns-services.nrc-dark .container .services__box .services__text > :last-child { margin-bottom: 0 !important; }

/* Section button: outlined in gold on the navy */
section.ns-services.nrc-dark .intro-btn-wrapper.nrc-section-button { margin-top: clamp(32px, 4vw, 52px) !important; justify-content: flex-start !important; }
section.ns-services.nrc-dark .intro-btn-wrapper.nrc-section-button .button.button-primary {
	background: transparent !important; border-color: var(--vu-gold) !important; color: #fffbf1 !important;
}
section.ns-services.nrc-dark .intro-btn-wrapper.nrc-section-button .button.button-primary:hover { background: var(--vu-gold) !important; color: var(--vu-navy) !important; opacity: 1 !important; }

@media (max-width: 900px) {
	section.ns-services.nrc-dark .container .services,
	section.ns-services.nrc-dark.nrc-cols-3 .container .services { grid-template-columns: 1fr; }
}

/* Heading and intro line up with the left edge of the cards (the theme centres an 860px inner box). */
section.ns-services.nrc-dark .container .intro,
section.ns-services.nrc-dark .container .intro > div { max-width: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
section.ns-services.nrc-dark .container .intro { margin-bottom: clamp(32px, 4vw, 52px) !important; }