/**
 * Die Casting capability page — JCCNC-aligned polish.
 * Scoped to /capabilities/die-casting.html (legacy die-casting DOM).
 */

body.jcproto-legacy--capabilities-die-casting {
	color: #3f3f3a !important;
	font-family: var(--jcproto-font-body, "Montserrat", system-ui, sans-serif) !important;
	font-size: 16.5px;
	line-height: 1.72;
}

/* ── Wide viewport — center page column + full-bleed section shells ─ */
body.jcproto-legacy--capabilities-die-casting.jcproto-has-legacy-body .jcproto-page-shell > .jcproto-container,
body.jcproto-legacy--capabilities-die-casting.jcproto-has-legacy-body .jcproto-page-shell > .container {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: var(--jcproto-container, 1380px) !important;
	width: 100% !important;
	padding-left: clamp(1rem, 2vw, 2.5rem) !important;
	padding-right: clamp(1rem, 2vw, 2.5rem) !important;
	box-sizing: border-box !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero),
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap:not(#siteblocks-setting-wrap-qrKZLayWtYnj) {
	width: 100vw !important;
	max-width: 100vw !important;
	margin-left: calc(50% - 50vw) !important;
	margin-right: calc(50% - 50vw) !important;
	box-sizing: border-box !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) > .container,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #backstage-bodyArea > .outerContainer:not(.jcproto-inner-hero) > .container-opened {
	width: 100% !important;
	max-width: var(--jcproto-container, 1380px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: clamp(1rem, 2vw, 2.5rem) !important;
	padding-right: clamp(1rem, 2vw, 2.5rem) !important;
	box-sizing: border-box !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #backstage-bodyArea > .siteblocks-setting-wrap:not(#siteblocks-setting-wrap-qrKZLayWtYnj) .siteblocks-container {
	width: 100% !important;
	max-width: var(--jcproto-container, 1380px) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: clamp(1rem, 2vw, 2.5rem) !important;
	padding-right: clamp(1rem, 2vw, 2.5rem) !important;
	box-sizing: border-box !important;
}

/* Hide legacy duplicate hero slider + empty spacers (theme split banner replaces hero) */
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677466809581,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1774317314878:not(:has(.qin18464)):not(:has(#siteblocks-setting-wrap-qrKZLayWtYnj)),
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .outerContainer.jcproto-empty-spacer {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
	min-height: 0 !important;
	border: 0 !important;
}

/* ── Montserrat override (legacy inline Calibri) ──────────────── */
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .sitewidget-bd,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .sitewidget-bd span,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .sitewidget-bd p,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd span {
	font-family: var(--jcproto-font-body, "Montserrat", system-ui, sans-serif) !important;
}

/* ── Typography scale ─────────────────────────────────────────── */
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .sitewidget-hd > h2,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .graphicNewTitle,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap h2 {
	color: #0b0b0b !important;
	font-family: var(--jcproto-font-display) !important;
	font-size: clamp(2rem, 2.85vw, 2.85rem) !important;
	font-weight: 800 !important;
	letter-spacing: -0.035em !important;
	line-height: 1.14 !important;
	text-wrap: balance;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap h3,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .sitewidget-hd > h3 {
	color: #0b0b0b !important;
	font-family: var(--jcproto-font-display) !important;
	font-size: clamp(1.35rem, 1.85vw, 1.65rem) !important;
	font-weight: 700 !important;
	letter-spacing: -0.02em !important;
	line-height: 1.28 !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .sitewidget-bd,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap p,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap li {
	color: #3f3f3a !important;
	font-size: clamp(1rem, 1.02vw, 1.0625rem) !important;
	line-height: 1.72 !important;
}

/* Section rhythm + band backgrounds — see inner-capability-section-bands.css */

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .siteblocks-container {
	background-image: none !important;
	background-color: transparent !important;
	padding: 0 clamp(0.75rem, 2vw, 1.5rem) !important;
}

/* 5-step process carousel — light cards, roomy spacing, equal height */
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ {
	padding-top: clamp(2rem, 3.5vw, 3rem) !important;
	padding-bottom: clamp(2rem, 3.5vw, 3rem) !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .title {
	font-family: var(--jcproto-font-display) !important;
	font-size: clamp(1.5rem, 2.2vw, 2rem) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	color: #0b0b0b !important;
	margin: 0 0 1.35rem !important;
	padding: 0 !important;
	text-align: center;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .navigation {
	margin-top: 0 !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 {
	padding: 0 0 1.25rem !important;
	max-width: 100% !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .slick-track {
	align-items: stretch !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .slick-slide {
	display: flex !important;
	float: none !important;
	height: auto !important;
	align-self: stretch !important;
	min-height: 22.25rem !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .slick-slide > div {
	display: flex !important;
	width: 100% !important;
	height: 100% !important;
	flex: 1 1 auto !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .slick-slide li {
	width: 100% !important;
	height: 100% !important;
	display: flex !important;
	flex-direction: column !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .navigation ul li {
	background: #fff !important;
	border: 1px solid var(--jcproto-border, #deded9) !important;
	border-right: 1px solid var(--jcproto-border, #deded9) !important;
	border-radius: var(--jcproto-radius-lg, 10px) !important;
	margin: 0 0.65rem !important;
	padding: clamp(1.15rem, 1.75vw, 1.5rem) clamp(0.9rem, 1.25vw, 1.15rem) clamp(1.25rem, 1.85vw, 1.5rem) !important;
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
	align-items: center !important;
	height: 100% !important;
	min-height: 22.25rem !important;
	box-sizing: border-box !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .navigation ul li picture {
	width: 48px !important;
	height: 48px !important;
	margin: 0 auto 0.75rem !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .navigation ul li .banner-description {
	flex: 1 1 auto !important;
	padding: 0 0.25rem !important;
	width: 100%;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .navigation ul li .banner-description .container {
	padding: 0 !important;
	align-items: center !important;
	text-align: center !important;
	height: 100%;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .navigation ul li .banner-description .container .banner-name,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .navigation ul li .banner-description .container .banner-docs {
	color: #3f3f3a !important;
	text-align: center !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .navigation ul li .banner-description .container .banner-name {
	color: #0b0b0b !important;
	font-weight: 700 !important;
	font-size: clamp(0.9rem, 1vw, 1.05rem) !important;
	line-height: 1.35 !important;
	margin-bottom: 0.7rem !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .navigation ul li .banner-description .container .banner-docs {
	font-size: clamp(0.8125rem, 0.9vw, 0.875rem) !important;
	line-height: 1.55 !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .slick-dots li button:before {
	color: #0b0b0b !important;
	opacity: 0.35;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #siteblocks-setting-wrap-lPpjwrLOCMuZ .qin15224 .slick-dots li.slick-active button:before {
	opacity: 1;
}

/* Materials intro — full-width centered heading (not a split image section) */
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684828490939 > .container > .row,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684828490939 > .container > .row > .col-md-12 > .row {
	display: block !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684828490939 > .container > .row > [class*="col-"],
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684828490939 > .container > .row > .col-md-12 > .row > [class*="col-"] {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684828490939 [class*="sitewidget-text"] .sitewidget-bd,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684828490939 [class*="sitewidget-text"] .sitewidget-bd > div,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684828490939 [class*="sitewidget-graphicNew"] .sitewidget-bd,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684828490939 [class*="sitewidget-graphicNew"] .sitewidget-bd > div {
	text-align: center !important;
	width: 100% !important;
	max-width: 100% !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684828490939 [class*="sitewidget-text"] .sitewidget-bd strong,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684828490939 [class*="sitewidget-text"] .sitewidget-bd span {
	font-family: var(--jcproto-font-display) !important;
	font-size: clamp(1.75rem, 2.5vw, 2.125rem) !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: #0b0b0b !important;
	letter-spacing: -0.03em !important;
	text-wrap: nowrap;
}

/* Split sections — text left, image right (2-column grid, no wrap stack) */
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677550077727 > .container > .row,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677574689539 > .container > .row,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684826459152 > .container > .row,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684830648530 > .container > .row {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.25rem, 2.5vw, 2rem);
	align-items: center;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677550077727 > .container > .row::before,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677550077727 > .container > .row::after,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677574689539 > .container > .row::before,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677574689539 > .container > .row::after,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684826459152 > .container > .row::before,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684826459152 > .container > .row::after,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684830648530 > .container > .row::before,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684830648530 > .container > .row::after {
	display: none !important;
	content: none !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677550077727 > .container > .row > [class*="col-"],
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677574689539 > .container > .row > [class*="col-"],
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684826459152 > .container > .row > [class*="col-"],
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684830648530 > .container > .row > [class*="col-"] {
	display: flex !important;
	flex-direction: column !important;
	float: none !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677550077727 > .container > .row > [class*="col-"]:has([class*="sitewidget-pictureNew"]),
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677574689539 > .container > .row > [class*="col-"]:has([class*="sitewidget-pictureNew"]),
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684826459152 > .container > .row > [class*="col-"]:has([class*="sitewidget-pictureNew"]),
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684830648530 > .container > .row > [class*="col-"]:has([class*="sitewidget-pictureNew"]) {
	grid-column: 2;
	grid-row: 1;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677550077727 > .container > .row > [class*="col-"]:has([class*="sitewidget-text"], [class*="sitewidget-graphicNew"]),
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677574689539 > .container > .row > [class*="col-"]:has([class*="sitewidget-text"], [class*="sitewidget-graphicNew"]),
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684826459152 > .container > .row > [class*="col-"]:has([class*="sitewidget-text"], [class*="sitewidget-graphicNew"]),
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684830648530 > .container > .row > [class*="col-"]:has([class*="sitewidget-text"], [class*="sitewidget-graphicNew"]) {
	grid-column: 1;
	grid-row: 1;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677550077727 [class*="sitewidget-pictureNew"] img,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677574689539 .sitewidget-pictureNew img,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684826459152 [class*="sitewidget-pictureNew"] img,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684830648530 [class*="sitewidget-pictureNew"] img {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto !important;
	border-radius: var(--jcproto-radius-lg, 10px) !important;
	box-shadow: var(--jcproto-shadow-md, 0 14px 34px rgba(10, 10, 10, 0.08));
}

/* Capability metric cards — 3-up grid */
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1747210107350 > .container > .row {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 1.5rem);
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1747210107350 > .container > .row::before,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1747210107350 > .container > .row::after {
	display: none !important;
	content: none !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1747210107350 > .container > .row > [class*="col-"] {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1747210107350 [class*="sitewidget-graphicNew"] {
	background: #fff !important;
	border: 1px solid var(--jcproto-border, #deded9) !important;
	border-radius: var(--jcproto-radius-lg, 12px) !important;
	padding: clamp(1.25rem, 2vw, 1.5rem) !important;
	box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
	height: 100%;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1747210107350 [class*="sitewidget-graphicNew"]:hover {
	border-color: rgba(15, 23, 42, 0.2) !important;
	box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1747210107350 [class*="sitewidget-graphicNew"] .graphicNewTitle,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1747210107350 [class*="sitewidget-graphicNew"] .sitewidget-bd,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1747210107350 [class*="sitewidget-graphicNew"] .sitewidget-bd span {
	color: #0b0b0b !important;
	-webkit-text-fill-color: #0b0b0b !important;
}

/* Remove legacy gray highlight behind text rows in advantages/applications block. */
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684830801103 .sitewidget-graphic.sitewidget-olul-liststyle {
	background: transparent !important;
	box-shadow: none !important;
}


/* Force dark-on-light text (legacy inline white/gradient copy) */
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd span,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd strong,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-hd,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-hd > * {
	color: #3f3f3a !important;
	-webkit-text-fill-color: #3f3f3a !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd span[style*="color:#fff"],
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd span[style*="color: #fff"],
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd span[style*="color:#ffffff"],
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap [class*="sitewidget-graphicNew"] .sitewidget-bd span[style*="color: #ffffff"] {
	color: #0b0b0b !important;
	-webkit-text-fill-color: #0b0b0b !important;
}


/* ── Project gallery (imgText-22224) ──────────────────────────── */
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .imgText-22224 .content_box_column1 .backstage-blocksEditor-wrap,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .imgText-22224 .content_box_column1 .backstage-blocksEditor-wrap span,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .imgText-22224 .content_box_column1 .backstage-blocksEditor-wrap strong {
	font-family: var(--jcproto-font-display) !important;
	font-size: clamp(1.75rem, 2.5vw, 2.25rem) !important;
	font-weight: 800 !important;
	line-height: 1.2 !important;
	color: #0b0b0b !important;
	letter-spacing: -0.03em !important;
	text-align: center;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .imgText-22224 .content_box_column2 {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
	gap: 0.65rem !important;
	margin-top: clamp(1.25rem, 2vw, 1.75rem) !important;
	width: 100% !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .imgText-22224 .content_box_column2 .tap_outside {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	flex: none !important;
	min-height: 46px !important;
	padding: 0.65rem 0.5rem !important;
	border-radius: 7px !important;
	border: 1px solid var(--jcproto-border, #deded9) !important;
	background: #fff !important;
	font-family: var(--jcproto-font-body) !important;
	font-size: clamp(0.8rem, 0.88vw, 0.92rem) !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: #1c1c1c !important;
	text-align: center !important;
	white-space: nowrap !important;
	cursor: pointer;
	box-sizing: border-box !important;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .imgText-22224 .content_box_column2 .tap_outside.active {
	background: #0b0b0b !important;
	border-color: #0b0b0b !important;
	color: #fff !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .imgText-22224 .content_box_column5 {
	margin-top: clamp(1.25rem, 2vw, 1.75rem) !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .imgText-22224 .content_box_column5 .backstage-blocksEditor-wrap,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .imgText-22224 .content_box_column5 .backstage-blocksEditor-wrap span {
	font-family: var(--jcproto-font-body) !important;
	font-size: clamp(0.92rem, 1vw, 1rem) !important;
	font-weight: 400 !important;
	line-height: 1.65 !important;
	color: #4d4d49 !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .imgText-22224 .imgWra img {
	border-radius: var(--jcproto-radius-lg, 10px) !important;
	box-shadow: var(--jcproto-shadow-md, 0 14px 34px rgba(10, 10, 10, 0.08));
}

/* ── Blog / resources strip ───────────────────────────────────── */
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1758874032535 .sitewidget-articlelist .article-item,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1758874032535 [class*="article"] .list-item {
	border: 1px solid var(--jcproto-border, #deded9) !important;
	border-radius: var(--jcproto-radius-lg, 10px) !important;
	background: #fff !important;
	overflow: hidden;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1758874032535 .sitewidget-articlelist .article-item:hover,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1758874032535 [class*="article"] .list-item:hover {
	border-color: #0b0b0b !important;
	box-shadow: 0 12px 28px rgba(10, 10, 10, 0.08) !important;
}

/* ── Buttons ──────────────────────────────────────────────────── */
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .backstage-component-btncolor,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap a.backstage-component-btn,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap input[type="submit"],
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap button[type="submit"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 48px !important;
	height: auto !important;
	line-height: 1.25 !important;
	padding: 0.75rem 1.75rem !important;
	white-space: nowrap !important;
	overflow: visible !important;
	box-sizing: border-box !important;
	border-radius: 7px !important;
	cursor: pointer;
	font-weight: 700 !important;
	font-family: var(--jcproto-font-body) !important;
	font-size: clamp(0.9rem, 1vw, 1rem) !important;
	text-decoration: none !important;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .sitewidget-button .sitewidget-bd,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .sitewidget-button .sitewidget-bd > div {
	overflow: visible !important;
	height: auto !important;
}

/* Performance metrics CTA */
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677574689539 .sitewidget-button {
	width: 100% !important;
	max-width: 100% !important;
	padding: 0 !important;
	margin-top: clamp(1rem, 2vw, 1.5rem) !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677574689539 .sitewidget-button .sitewidget-bd,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677574689539 .sitewidget-button .sitewidget-bd > div {
	width: 100% !important;
	max-width: 100% !important;
	overflow: visible !important;
	height: auto !important;
	text-align: left !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677574689539 .sitewidget-button a.backstage-component-btn,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677574689539 .sitewidget-button a.backstage-component-btncolor {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: 100% !important;
	min-height: 52px !important;
	height: auto !important;
	line-height: 1.35 !important;
	padding: 0.75rem 1.5rem !important;
	white-space: normal !important;
	text-align: center !important;
	box-sizing: border-box !important;
	overflow: visible !important;
	font-size: clamp(0.875rem, 1vw, 0.95rem) !important;
	font-weight: 700 !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap a.backstage-component-btncolor.gbBgColor0,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap a.backstage-component-btn.gbBgColor0 {
	background-color: #0b0b0b !important;
	border-color: #0b0b0b !important;
	color: #fff !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap a.backstage-component-btncolor.gbBgColor0:hover,
body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap a.backstage-component-btn.gbBgColor0:hover {
	background-color: #2b2b2b !important;
	border-color: #2b2b2b !important;
	color: #fff !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap a.backstage-component-btncolor:not(.gbBgColor0) {
	background: transparent !important;
	border: 1px solid #0b0b0b !important;
	color: #0b0b0b !important;
}

body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap a.backstage-component-btncolor:not(.gbBgColor0):hover {
	background: #0b0b0b !important;
	color: #fff !important;
}

/* Hero banner: shared styles in jccnc-redesign.css */

@media (max-width: 989px) {
	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1747210107350 > .container > .row {
		grid-template-columns: 1fr;
	}

	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677550077727 > .container > .row,
	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677574689539 > .container > .row,
	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684826459152 > .container > .row,
	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684830648530 > .container > .row {
		grid-template-columns: 1fr;
	}

	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677550077727 > .container > .row > [class*="col-"]:has([class*="sitewidget-pictureNew"]),
	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677574689539 > .container > .row > [class*="col-"]:has([class*="sitewidget-pictureNew"]),
	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684826459152 > .container > .row > [class*="col-"]:has([class*="sitewidget-pictureNew"]),
	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684830648530 > .container > .row > [class*="col-"]:has([class*="sitewidget-pictureNew"]) {
		grid-column: 1;
		grid-row: 1;
	}

	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677550077727 > .container > .row > [class*="col-"]:has([class*="sitewidget-text"], [class*="sitewidget-graphicNew"]),
	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1677574689539 > .container > .row > [class*="col-"]:has([class*="sitewidget-text"], [class*="sitewidget-graphicNew"]),
	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684826459152 > .container > .row > [class*="col-"]:has([class*="sitewidget-text"], [class*="sitewidget-graphicNew"]),
	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684830648530 > .container > .row > [class*="col-"]:has([class*="sitewidget-text"], [class*="sitewidget-graphicNew"]) {
		grid-column: 1;
		grid-row: 2;
	}
}

@media (max-width: 767px) {
	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .imgText-22224 .content_box_column2 {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .imgText-22224 .content_box_column2 .tap_outside {
		white-space: normal !important;
	}

	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684828490939 [class*="sitewidget-text"] .sitewidget-bd strong,
	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1684828490939 [class*="sitewidget-text"] .sitewidget-bd span {
		text-wrap: balance;
		white-space: normal;
	}

	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap a.backstage-component-btn,
	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .backstage-component-btncolor {
		white-space: normal !important;
		text-align: center !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap .imgText-22224 .content_box_column2 .tap_outside,
	body.jcproto-legacy--capabilities-die-casting .jcproto-legacy-body-wrap #outerContainer_1758874032535 .sitewidget-articlelist .article-item:hover {
		transition: none !important;
	}
}
