/*
 * Industry pages — one stylesheet for the hero, sections, archive and reverse edge.
 * Registered as the "tfp-industry" handle in functions/function-industry.php.
 *
 * Structure follows the redesign section kit (hero, proof bar, statement band,
 * chip grid, process row, spec strip, benefit list, final CTA). Colours and
 * type are the CURRENT live theme, mapped once through the --ind-* variables
 * below, so the rebrand is a variable swap and nothing else.
 *
 * No box-shadows, no gradients, radius 4px, no motion beyond a colour fade.
 */

:root {
	--ind-ink: var(--renoun-global-color-dark-navy);
	--ind-ink-raise: var(--renoun-global-color-medium-blue);
	--ind-blue: var(--renoun-global-color-medium-blue);
	--ind-yellow: var(--renoun-global-color-yellow);
	--ind-gold: var(--renoun-global-color-gold);
	--ind-steel: var(--renoun-global-color-marengo);
	--ind-text: var(--renoun-global-color-text);
	--ind-muted: var(--renoun-global-color-gray);
	--ind-n50: var(--renoun-global-color-off-white);
	--ind-n100: var(--renoun-global-color-default-light-gray);
	--ind-n200: var(--renoun-global-color-default-medium-gray);
	--ind-white: var(--renoun-global-color-default-white);
	/* Mono is parked until the rebrand is approved: eyebrows, stats and labels
	   render in the site font. The body class .tfp-rebrand switches it on. */
	--ind-mono: var(--renoun-global-font-body, "pt-sans", helvetica-neue, helvetica, sans-serif);
	--ind-radius: 4px;
	--ind-gap: 24px;
	--ind-section-y: clamp(3rem, 6vw, 6rem);
	--ind-gutter: var(--renoun-global-padding, 1.5rem);
	--ind-fade: color .15s ease-out, background-color .15s ease-out, border-color .15s ease-out;
}

@media (prefers-reduced-motion: reduce) {
	:root { --ind-fade: none; }
}
.tfp-rebrand { --ind-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace; }

/* ---- Shared primitives ------------------------------------------------ */

.ind-mono {
	font-family: var(--ind-mono);
	letter-spacing: .02em;
}

.ind-eyebrow {
	margin: 0 0 .75rem;
	font-family: var(--ind-mono);
	font-size: 13px;
	line-height: 16px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ind-blue);
}
.ind-eyebrow a { color: inherit; }

.ind-label {
	display: block;
	margin-bottom: .25rem;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: .08em;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--ind-blue);
}

.ind-lead {
	font-size: 20px;
	line-height: 1.6;
	color: var(--ind-steel);
}
@media (max-width: 767px) {
	.ind-lead { font-size: 17px; line-height: 28px; }
}

.ind-textlink {
	display: inline-block;
	padding: .75rem 0;
	font-weight: 700;
	color: var(--ind-blue);
	text-decoration: none;
	border-bottom: 2px solid transparent;
	transition: var(--ind-fade);
}
.ind-textlink:hover,
.ind-textlink:focus { color: var(--ind-ink); border-bottom-color: var(--ind-yellow); }

.ind-button-primary.button {
	background-color: var(--ind-yellow);
	color: var(--ind-ink);
	font-weight: 700;
	min-height: 44px;
	padding: .75rem 1.25rem !important;   /* the parent theme nudges padding 3px on hover: the label jumped */
	transition: var(--ind-fade);
}
.ind-button-primary.button:hover,
.ind-button-primary.button:focus { background-color: var(--ind-gold); color: var(--ind-ink); padding: .75rem 1.25rem !important; }
.ind-button-primary.button::before { color: currentColor !important; }   /* the arrow is themed gold; on the gold hover fill it vanished */
.ind-button-primary.button::after { display: none; }                      /* the theme's sweeping gold underline: invisible on yellow, noise otherwise */

.ind-prose p:last-child { margin-bottom: 0; }
.ind-prose a { color: var(--ind-blue); }

.ind-section {
	padding: var(--ind-section-y) 0;
	border-top: 1px solid var(--ind-n100);
}
.ind-section > .row {
	padding-left: var(--ind-gutter);
	padding-right: var(--ind-gutter);
}
.ind-section > .row + .row { margin-top: calc(var(--ind-gap) * 1.5); }

.ind-section__head { max-width: 760px; margin-bottom: calc(var(--ind-gap) * 1.5); }
.ind-section__head .ind-lead { margin-top: .5rem; margin-bottom: 0; }
.ind-section__title { margin-bottom: .25rem; }
.ind-section__more { margin: var(--ind-gap) 0 0; }

.ind-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

/* ---- Hero ------------------------------------------------------------- */

.ind-hero {
	padding: 1.5rem 0 var(--ind-section-y);
	border-bottom: 1px solid var(--ind-n100);
}
.ind-hero > .row {
	padding-left: var(--ind-gutter);
	padding-right: var(--ind-gutter);
	align-items: center;
	max-width: var(--wp--style--global--wide-size) !important;
}
.ind-hero__copy { padding-right: clamp(0px, 4vw, 64px); }
/* Breadcrumbs use the theme's .yoast-breadcrumbs styling so every page matches; no override here. */
.ind-hero__title { margin-bottom: 1rem; line-height: 1.05; }
.ind-hero__ctas {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem 1.5rem;
	margin-top: 1.5rem;
}
.ind-hero__ctas .button { margin: 0; }

.ind-hero__media { position: relative; margin-top: 2rem; }
.ind-hero__picture { display: block; position: relative; border-radius: var(--ind-radius); overflow: hidden; }
.ind-hero__img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
/* The diagonal yellow slice: hero media only, never on cards. */
.ind-hero__picture::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 22%;
	background: var(--ind-yellow);
	clip-path: polygon(0 62%, 100% 0, 100% 100%, 0 100%);
	pointer-events: none;
}
@media (min-width: 1024px) {
	.ind-hero { padding-top: 2rem; }
	.ind-hero__media { margin-top: 0; }
}

/* ---- Proof bar -------------------------------------------------------- */

.ind-proof {
	background: var(--ind-ink);
	color: var(--ind-white);
	padding: 2.75rem 0;
}
.ind-proof > .row { padding-left: var(--ind-gutter); padding-right: var(--ind-gutter); }
.ind-proof__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px 16px;
}
.ind-proof__item { display: flex; flex-direction: column; gap: .35rem; }
.ind-proof__value {
	font-family: var(--ind-mono);
	font-weight: 600;
	font-size: 34px;
	line-height: 38px;
	color: var(--ind-yellow);
}
.ind-proof__label { font-size: 15px; line-height: 22px; color: var(--ind-n200); }
@media (min-width: 768px) {
	.ind-proof__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 48px; }
	.ind-proof__value { font-size: 48px; line-height: 50px; }
}

/* ---- Sticky mobile CTA (the only fixed element) ----------------------- */

.ind-sticky-cta {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 90;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: .75rem 1.25rem;
	background: var(--ind-yellow);
	color: var(--ind-ink);
	font-weight: 700;
	text-decoration: none !important;
	border-top: 1px solid var(--ind-gold);
}
.ind-sticky-cta:hover, .ind-sticky-cta:focus { color: var(--ind-ink); }
@media (min-width: 768px) {
	.ind-sticky-cta { display: none; }
}
@media (max-width: 767px) {
	body.single-industry { padding-bottom: 60px; }
}

/* ---- Statement band --------------------------------------------------- */

.ind-section--statement {
	background: var(--ind-yellow);
	border-top: 0;
	padding: clamp(3rem, 6vw, 5rem) 0;
}
.ind-eyebrow--on-band { color: var(--ind-steel); }
.ind-statement {
	max-width: 900px;
	margin: 0;
	font-size: clamp(24px, 3.2vw, 36px);
	line-height: 1.25;
	font-weight: 700;
	color: var(--ind-ink);
}
.ind-statement__link { margin: 1.25rem 0 0; }
.ind-textlink--on-band { color: var(--ind-ink); }
.ind-textlink--on-band:hover, .ind-textlink--on-band:focus { border-bottom-color: var(--ind-ink); }

/* ---- Two-column story + benefit list ---------------------------------- */

.ind-story__media { margin-top: 2rem; }
.ind-story__img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--ind-radius);
	object-fit: cover;
	aspect-ratio: 4 / 3;
}
@media (min-width: 1024px) {
	.ind-story__media { margin-top: 0; padding-left: 32px; }
	.ind-story__copy { padding-right: 32px; }
}

.ind-benefits {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--ind-gap);
}
.ind-benefit {
	border-left: 3px solid var(--ind-yellow);
	padding-left: 20px;
}
.ind-benefit__title { font-size: 20px; line-height: 26px; margin-bottom: .35rem; }
.ind-benefit__copy { margin: 0; font-size: 16px; line-height: 26px; }
@media (min-width: 768px) {
	.ind-benefits { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---- Site types (chip/card grid) + notes ------------------------------ */

.ind-chips {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 16px;
}
.ind-chip {
	background: var(--ind-n50);
	border: 1px solid var(--ind-n100);
	border-radius: var(--ind-radius);
	padding: 20px;
}
.ind-chip__media { margin: -20px -20px 16px; }
.ind-chip__img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: var(--ind-radius) var(--ind-radius) 0 0; }
.ind-chip__title { font-size: 20px; line-height: 26px; margin-bottom: .35rem; }
.ind-chip__copy { margin: 0; font-size: 16px; line-height: 26px; }
@media (min-width: 640px) { .ind-chips { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .ind-chips { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--ind-gap); } }

.ind-notes {
	display: grid;
	gap: var(--ind-gap);
	margin-top: calc(var(--ind-gap) * 1.5);
}
.ind-note__title { font-size: 24px; line-height: 30px; margin-bottom: .5rem; }
.ind-note__copy { margin: 0; }
@media (min-width: 768px) { .ind-notes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px; } }

/* ---- Exposure groups (numbered tile grid) ----------------------------- */

.ind-exposure-group + .ind-exposure-group { margin-top: calc(var(--ind-gap) * 2); }
.ind-exposure-group__title {
	font-size: 17px;
	line-height: 24px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--ind-blue) !important;
	margin-bottom: var(--ind-gap);
	padding-bottom: .5rem;
	border-bottom: 1px solid var(--ind-n100);
}
.ind-exposure-tiles {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--ind-gap);
}
.ind-exposure-tile {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--ind-n100);
	border-radius: var(--ind-radius);
	background: var(--ind-white);
	overflow: hidden;
}
.ind-exposure-tile__link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none !important; transition: var(--ind-fade); }
.ind-exposure-tile--linked:hover, .ind-exposure-tile--linked:focus-within { border-color: var(--ind-blue); }
.ind-exposure-tile__media { background: var(--ind-n50); }
.ind-exposure-tile__img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.ind-exposure-tile__body { padding: 20px; display: flex; flex-direction: column; gap: .5rem; flex: 1 1 auto; }
.ind-exposure-tile__num { font-size: 13px; color: var(--ind-blue); font-weight: 600; }
.ind-exposure-tile__title { font-size: 20px; line-height: 26px; margin: 0; }
.ind-exposure-tile__copy { margin: 0; font-size: 16px; line-height: 26px; }
.ind-exposure-tile__systems { margin-top: auto; padding-top: .75rem; border-top: 1px solid var(--ind-n100); font-size: 14px; line-height: 22px; }
.ind-exposure-tile__systems p { margin: 0; font-size: 14px; line-height: 22px; }
.ind-exposure-tile__systems a { color: var(--ind-blue); }
@media (min-width: 640px) { .ind-exposure-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .ind-exposure-tiles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

.ind-pullquote {
	margin: var(--ind-gap) 0 0;
	padding: 0 0 0 20px;
	border-left: 3px solid var(--ind-yellow);
}
.ind-pullquote p { margin: 0; font-size: 19px; line-height: 30px; font-weight: 700; color: var(--ind-ink); }

/* ---- Systems table (spec strip) --------------------------------------- */

.ind-section--systems { background: var(--ind-n50); }
.ind-systems, .ind-qa {
	width: 100%;
	border-collapse: collapse;
	background: var(--ind-white);
	border: 1px solid var(--ind-n100);
	border-radius: var(--ind-radius);
	margin: 0;
}
.ind-systems th, .ind-systems td, .ind-qa th, .ind-qa td {
	text-align: left;
	vertical-align: top;
	padding: 14px 16px;
	border-top: 1px solid var(--ind-n100);
	font-size: 16px;
	line-height: 24px;
}
.ind-systems thead th, .ind-qa thead th {
	border-top: 0;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ind-blue);
	background: var(--ind-white);
}
.ind-systems tbody th, .ind-qa tbody th { font-weight: 700; color: var(--ind-ink); }
.ind-systems__links a { display: inline-block; margin: 0 .75rem .25rem 0; color: var(--ind-blue); font-size: 15px; }
.ind-systems__footer { margin-top: var(--ind-gap); }
.ind-systems tbody tr:nth-child(even), .ind-qa tbody tr:nth-child(even) { background: var(--ind-n50); }

/* ---- Process row ------------------------------------------------------ */

.ind-section--process { background: var(--ind-n50); }
.ind-process {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: var(--ind-gap) 32px;
}
.ind-process__step {
	border-top: 3px solid var(--ind-yellow);
	padding-top: 20px;
}
.ind-process__num { display: block; font-size: 34px; line-height: 38px; font-weight: 600; color: var(--ind-blue); margin-bottom: .5rem; }
.ind-process__title { font-size: 20px; line-height: 26px; margin-bottom: .35rem; }
.ind-process__copy { margin: 0; font-size: 15px; line-height: 24px; }
@media (min-width: 640px) { .ind-process { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .ind-process { grid-template-columns: repeat(6, minmax(0, 1fr)); } }

/* ---- Standards block -------------------------------------------------- */

.ind-section--standards .ind-prose strong { color: var(--ind-ink); }
.ind-qa { margin-top: 2rem; }
@media (min-width: 1024px) {
	.ind-section--standards .large-7 { padding-right: 48px; }
	.ind-qa { margin-top: 0; }
}

/* ---- Tiles (child grid, siblings, archive, reverse edge) -------------- */

.ind-tiles {
	display: grid;
	gap: var(--ind-gap);
}
.ind-tile {
	border: 1px solid var(--ind-n100);
	border-radius: var(--ind-radius);
	background: var(--ind-white);
	overflow: hidden;
	transition: var(--ind-fade);
}
.ind-tile:hover, .ind-tile:focus-within { border-color: var(--ind-blue); }
.ind-tile__link { display: flex; flex-direction: column; height: 100%; color: inherit; text-decoration: none !important; }
.ind-tile__media { background: var(--ind-n50); }
.ind-tile__img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.ind-tile__body { padding: 20px; display: flex; flex-direction: column; gap: .5rem; flex: 1 1 auto; }
.ind-tile__kicker { margin: 0; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; color: var(--ind-blue); }
.ind-tile__title { font-size: 20px; line-height: 26px; margin: 0; }
.ind-tile__summary { margin: 0; font-size: 16px; line-height: 26px; }
.ind-tile__systems { margin: 0; font-size: 13px; line-height: 20px; color: var(--ind-steel); }
.ind-tile__cta { margin-top: auto; padding-top: .5rem; font-weight: 700; color: var(--ind-blue); }
@media (min-width: 640px) { .ind-tiles--2, .ind-tiles--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1024px) { .ind-tiles--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ---- FAQ -------------------------------------------------------------- */

.industry-faqs .accordion { list-style: none; margin: 0; padding: 0; background: transparent; }
.industry-faqs .accordion-item { border-top: 1px solid var(--ind-n100); }
.industry-faqs .accordion-item:last-child { border-bottom: 1px solid var(--ind-n100); }
.industry-faqs .accordion-title {
	display: block;
	padding: 1.1rem 2.5rem 1.1rem 0;
	font-size: 18px;
	line-height: 26px;
	font-weight: 700;
	color: var(--ind-ink);
	border: 0;
	background: transparent;
	position: relative;
}
.industry-faqs .accordion-title::before {
	content: "+";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -.75rem;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	text-align: center;
	font-size: 1.25rem;
	color: var(--ind-blue);
}
.industry-faqs .is-active .accordion-title::before { content: "\2212"; }
.industry-faqs .accordion-content { border: 0; background: transparent; padding: 0 0 1.25rem; }
.industry-faqs .accordion-content p { margin: 0; }
.ind-faq { border-top: 1px solid var(--ind-n100); padding: 1rem 0; }
.ind-faq summary { font-weight: 700; cursor: pointer; }

/* ---- Final CTA + form card -------------------------------------------- */

.ind-section--cta { background: var(--ind-ink); border-top: 0; }
.ind-section--cta .ind-eyebrow { color: var(--ind-yellow); }
.ind-section--cta .ind-section__title { color: var(--ind-white) !important; }
.ind-section--cta .ind-lead { color: var(--ind-n200); }
.ind-cta__prefer { margin: 1.5rem 0 .5rem; color: var(--ind-n200); font-size: 15px; }
.ind-contacts { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.ind-contact { display: flex; flex-wrap: wrap; gap: .25rem .75rem; align-items: baseline; }
.ind-contact__label { color: var(--ind-n200); font-size: 14px; min-width: 4.5rem; }
.ind-contact__value { color: var(--ind-yellow); font-size: 17px; text-decoration: none !important; }
.ind-contact__value:hover, .ind-contact__value:focus { color: var(--ind-white); }
.ind-cta__secondary { margin: 1.5rem 0 0; }
.ind-cta__secondary .ind-textlink { color: var(--ind-white); }
.ind-cta__secondary .ind-textlink:hover, .ind-cta__secondary .ind-textlink:focus { color: var(--ind-yellow); border-bottom-color: var(--ind-yellow); }

.ind-form-card {
	background: var(--ind-white);
	border-radius: var(--ind-radius);
	padding: 24px 20px;
	margin-top: 2rem;
}
@media (min-width: 1024px) {
	.ind-form-card { padding: 40px; margin-top: 0; }
	.ind-cta__copy { padding-right: 48px; }
}
.ind-form-card .gform_wrapper .gfield_label { font-weight: 700; color: var(--ind-ink); margin-bottom: .35rem; }
.ind-form-card .gform_wrapper input:not([type=submit]),
.ind-form-card .gform_wrapper select,
.ind-form-card .gform_wrapper textarea {
	border: 1px solid var(--ind-n200);
	border-radius: var(--ind-radius);
	min-height: 44px;
	box-shadow: none;
}
.ind-form-card .gform_wrapper textarea { min-height: 140px; }
.ind-form-card .gform_footer .button,
.ind-form-card .gform_footer input[type=submit] {
	width: 100%;
	margin: 0;
	min-height: 48px;
	background-color: var(--ind-yellow);
	color: var(--ind-ink);
	font-weight: 700;
}
.ind-form-card__missing { margin: 0; color: var(--ind-steel); }

/* ---- Archive hero ----------------------------------------------------- */

.ind-hero--archive .ind-hero__copy { max-width: 760px; }

/* ---- Photo heroes (functions/function-hero-photo.php) -------------------
   A site photo under a flat navy wash, so a text hero is not a slab of solid
   colour: the Industries archive here, the Resources hub, and the same recipe
   as the homepage hero (a touch denser: 82% ink, these heroes carry small text). The <picture> only has a source from 640px,
   so phones keep the solid navy and download nothing. No gradient, no blur. */

.tfp-photohero { position: relative; overflow: hidden; isolation: isolate; background: var(--ind-ink); }
.tfp-photohero__media { position: absolute; inset: 0; z-index: -2; display: none; }
.tfp-photohero__img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; }
.tfp-photohero__overlay { position: absolute; inset: 0; z-index: -1; display: none; background: rgba(13, 53, 86, .82); background: color-mix(in srgb, var(--ind-ink) 82%, transparent); }   /* 82%: white body text stays ≥ 4.5:1 even over a white sky */
@media (min-width: 640px) { .tfp-photohero__media, .tfp-photohero__overlay { display: block; } }

/* The archive hero was dark text on white; on the photo it is the navy hero the rest of the site uses. */
.ind-hero--archive.tfp-photohero { padding: clamp(2.5rem, 5vw, 4.5rem) 0 clamp(3rem, 6vw, 5.5rem); border-bottom: 0; color: var(--ind-white); }
.ind-hero--archive.tfp-photohero .ind-eyebrow { color: var(--ind-yellow); }
.ind-hero--archive.tfp-photohero .ind-hero__title { color: var(--ind-white); }
.ind-hero--archive.tfp-photohero .ind-lead { color: rgba(255, 255, 255, .88); }
.ind-hero--archive.tfp-photohero .yoast-breadcrumbs,
.ind-hero--archive.tfp-photohero .yoast-breadcrumbs a,
.ind-hero--archive.tfp-photohero .yoast-breadcrumbs span { color: var(--ind-white) !important; }
.ind-hero--archive.tfp-photohero .yoast-breadcrumbs a:hover { color: var(--ind-yellow) !important; }

/* Light version (header toggle): the same photo under a white wash, dark text — what the homepage hero does. */
html[data-theme="light"] .tfp-photohero { background: var(--ind-white); }
html[data-theme="light"] .tfp-photohero__overlay { background: rgba(255, 255, 255, .86); background: color-mix(in srgb, var(--ind-white) 86%, transparent); }
html[data-theme="light"] .ind-hero--archive.tfp-photohero { color: var(--ind-ink); border-bottom: 1px solid var(--ind-n100); }
html[data-theme="light"] .ind-hero--archive.tfp-photohero .ind-eyebrow { color: var(--ind-blue); }
html[data-theme="light"] .ind-hero--archive.tfp-photohero .ind-hero__title { color: var(--ind-ink); }
html[data-theme="light"] .ind-hero--archive.tfp-photohero .ind-lead { color: var(--ind-steel); }
html[data-theme="light"] .ind-hero--archive.tfp-photohero .yoast-breadcrumbs,
html[data-theme="light"] .ind-hero--archive.tfp-photohero .yoast-breadcrumbs a,
html[data-theme="light"] .ind-hero--archive.tfp-photohero .yoast-breadcrumbs span { color: var(--ind-ink) !important; }