/*
 * Hadof Impact V23.
 *
 * Compresses entry-page choices and gives first-party machinery photography
 * enough scale to establish the page before supporting detail appears.
 */

:root {
	--hi23-ink: #0d1823;
	--hi23-copy: #536276;
	--hi23-line: #dbe3e8;
	--hi23-soft: #f4f6f7;
	--hi23-blue: #245ac4;
	--hi23-orange: #f59b1a;
}

/* The homepage opens with one proposition and one action. */
body.hadof-v2-content .hadof-x3-home .hx-hero {
	min-height: clamp(620px, 76vh, 760px);
}

body.hadof-v2-content .hadof-x3-home .hx-hero__copy {
	max-width: 720px;
}

body.hadof-v2-content .hadof-x3-home .hx-hero h1 {
	font-size: clamp(3.45rem, 5.7vw, 6rem);
	letter-spacing: -.045em;
	line-height: .94;
	max-width: 10ch;
}

body.hadof-v2-content .hadof-x3-home .hx-hero .hx-lead {
	font-size: clamp(1.05rem, 1.5vw, 1.3rem);
	max-width: 54ch;
}

/* First-level entry pages use one dark editorial statement and one large image. */
:is(
	.hx-equipment-hub,
	.hx-solutions-hub,
	.hx-industries-hub,
	.hx-technology-hub,
	.hx-guides-hub,
	.hx-cases-hub,
	.hx-detail
) .hx-hub-hero__grid {
	grid-template-columns: minmax(360px, .72fr) minmax(0, 1.28fr);
	min-height: clamp(570px, 70vh, 700px);
}

:is(
	.hx-equipment-hub,
	.hx-solutions-hub,
	.hx-industries-hub,
	.hx-technology-hub,
	.hx-guides-hub,
	.hx-cases-hub,
	.hx-detail
) .hx-hub-hero__copy {
	align-content: center;
	background: var(--hi23-ink);
	color: #fff;
	padding: clamp(3.5rem, 6vw, 6rem) clamp(2.25rem, 4.5vw, 5rem) clamp(3.5rem, 6vw, 6rem) max(28px, calc((100vw - 1320px) / 2));
}

:is(
	.hx-equipment-hub,
	.hx-solutions-hub,
	.hx-industries-hub,
	.hx-technology-hub,
	.hx-guides-hub,
	.hx-cases-hub,
	.hx-detail
) .hx-hub-hero h1 {
	color: #fff;
	font-size: clamp(3.15rem, 4.8vw, 5.25rem);
	letter-spacing: -.042em;
	line-height: .95;
	max-width: 10ch;
}

:is(
	.hx-equipment-hub,
	.hx-solutions-hub,
	.hx-industries-hub,
	.hx-technology-hub,
	.hx-guides-hub,
	.hx-cases-hub,
	.hx-detail
) .hx-hub-hero__copy > .hx-eyebrow {
	color: var(--hi23-orange);
}

:is(
	.hx-equipment-hub,
	.hx-solutions-hub,
	.hx-industries-hub,
	.hx-technology-hub,
	.hx-guides-hub,
	.hx-cases-hub,
	.hx-detail
) .hx-hub-hero__copy > p:not(.hx-eyebrow) {
	color: #cbd5df;
	font-size: clamp(1.04rem, 1.35vw, 1.22rem);
	line-height: 1.6;
	max-width: 43ch;
}

:is(
	.hx-equipment-hub,
	.hx-solutions-hub,
	.hx-industries-hub,
	.hx-technology-hub,
	.hx-guides-hub,
	.hx-cases-hub,
	.hx-detail
) .hx-hub-hero__media {
	min-height: inherit;
}

:is(
	.hx-equipment-hub,
	.hx-solutions-hub,
	.hx-industries-hub,
	.hx-technology-hub,
	.hx-guides-hub,
	.hx-cases-hub,
	.hx-detail
) .hx-hub-hero__media img {
	filter: saturate(1.04) contrast(1.04);
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/* Repeated summaries and second navigation bars no longer compete with the task. */
body.hadof-v2-content :is(.hx-hub-basis, .hx-hero__basis) {
	display: none;
}

body.hadof-v2-content :is(
	.hx-equipment-hub,
	.hx-solutions-hub,
	.hx-industries-hub,
	.hx-technology-hub,
	.hx-guides-hub,
	.hx-cases-hub
) > .hx-subnav,
body.hadof-v2-content .hx-detail > :is(.hx-subnav, .hx-decision-rail) {
	display: none;
}

body.hadof-v2-content .hx-detail .hx-hub-hero__copy .hx-button--quiet {
	display: none !important;
}

body.hadof-v2-content :is(.hx-decision-rail, .hadof-v2-anchor, .hadof-anchor-nav, .hadof-v2-proofbar) {
	display: none !important;
}

body.hadof-v2-content .hadof-v2-hero__actions > a:not(.hadof-button),
body.hadof-v2-content :is(.hx-freeze-catalog, .hx-packaging-catalog) .hx-button--quiet,
body.hadof-v2-content :is(.hx-freeze-catalog-hero__basis, .hx-packaging-catalog-hero__basis) {
	display: none !important;
}

/* Supporting modules read as one editorial sequence, not floating tiles. */
:is(
	.hx-equipment-hub,
	.hx-solutions-hub,
	.hx-industries-hub,
	.hx-technology-hub,
	.hx-guides-hub,
	.hx-cases-hub
) :is(.hx-section--white, .hx-section--mist, .hadof-v2-section--white) {
	background: #fff;
	border-top: 1px solid var(--hi23-line);
}

:is(
	.hx-equipment-hub,
	.hx-solutions-hub,
	.hx-industries-hub,
	.hx-technology-hub,
	.hx-guides-hub,
	.hx-cases-hub
) :is(.hx-decision-modules, .hx-evidence-grid, .hx-case-catalog) > * {
	border-radius: 0;
	box-shadow: none;
}

:is(
	.hx-equipment-hub,
	.hx-solutions-hub,
	.hx-industries-hub,
	.hx-technology-hub,
	.hx-guides-hub,
	.hx-cases-hub
) :is(.hx-workbench, .hx-process-board, .hx-project__grid) {
	border-radius: 0;
	box-shadow: none;
}

:is(
	.hx-equipment-hub,
	.hx-solutions-hub,
	.hx-industries-hub,
	.hx-technology-hub,
	.hx-guides-hub,
	.hx-cases-hub
) .hx-section-head h2 {
	font-size: clamp(2.45rem, 3.8vw, 4.2rem);
	letter-spacing: -.035em;
	line-height: 1;
	max-width: 14ch;
}

@media (max-width: 900px) {
	body.hadof-v2-content .hadof-x3-home .hx-hero {
		min-height: clamp(600px, 82svh, 720px);
	}

	body.hadof-v2-content .hadof-x3-home .hx-hero h1 {
		font-size: clamp(3rem, 12.5vw, 4.7rem);
	}

	:is(
		.hx-equipment-hub,
		.hx-solutions-hub,
		.hx-industries-hub,
		.hx-technology-hub,
		.hx-guides-hub,
		.hx-cases-hub,
		.hx-detail
	) .hx-hub-hero__grid {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	:is(
		.hx-equipment-hub,
		.hx-solutions-hub,
		.hx-industries-hub,
		.hx-technology-hub,
		.hx-guides-hub,
		.hx-cases-hub,
		.hx-detail
	) .hx-hub-hero__copy {
		padding: 3.75rem max(24px, 6vw);
	}

	:is(
		.hx-equipment-hub,
		.hx-solutions-hub,
		.hx-industries-hub,
		.hx-technology-hub,
		.hx-guides-hub,
		.hx-cases-hub,
		.hx-detail
	) .hx-hub-hero h1 {
		font-size: clamp(2.75rem, 11.5vw, 4rem);
	}

	:is(
		.hx-equipment-hub,
		.hx-solutions-hub,
		.hx-industries-hub,
		.hx-technology-hub,
		.hx-guides-hub,
		.hx-cases-hub,
		.hx-detail
	) .hx-hub-hero__media {
		min-height: clamp(300px, 62vw, 430px);
	}
}

@media (prefers-reduced-motion: reduce) {
	body.hadof-v2-content :is(.hx-hub-hero__media img, .hx-hero__media img) {
		animation: none;
		transition: none;
	}
}

/* Beat the legacy non-home hero selectors without changing third-party files. */
body.hadof-v2-content .hadof-x3:not(.hadof-x3-home) > .hx-hub-hero .hx-hub-hero__grid {
	grid-template-columns: minmax(360px, .72fr) minmax(0, 1.28fr);
	min-height: clamp(570px, 70vh, 700px);
}

body.hadof-v2-content .hadof-x3:not(.hadof-x3-home) > .hx-hub-hero .hx-hub-hero__copy {
	background: var(--hi23-ink);
	color: #fff;
	padding: clamp(3.5rem, 6vw, 6rem) clamp(2.25rem, 4.5vw, 5rem) clamp(3.5rem, 6vw, 6rem) max(28px, calc((100vw - 1320px) / 2));
}

body.hadof-v2-content .hadof-x3:not(.hadof-x3-home) > .hx-hub-hero .hx-hub-hero__copy h1 {
	color: #fff !important;
	font-size: clamp(3.15rem, 4.8vw, 5.25rem);
	letter-spacing: -.042em;
	line-height: .95;
	max-width: 10ch;
}

body.hadof-v2-content .hadof-x3:not(.hadof-x3-home) > .hx-hub-hero .hx-hub-hero__copy > p:not(.hx-eyebrow) {
	color: #cbd5df !important;
	font-size: clamp(1.04rem, 1.35vw, 1.22rem);
	line-height: 1.6;
	max-width: 43ch;
}

body.hadof-v2-content .hadof-x3:not(.hadof-x3-home) :is(.hx-hub-basis, .hx-hero__basis) {
	display: none;
}

@media (max-width: 900px) {
	body.hadof-v2-content .hadof-x3:not(.hadof-x3-home) > .hx-hub-hero .hx-hub-hero__grid {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	body.hadof-v2-content .hadof-x3:not(.hadof-x3-home) > .hx-hub-hero .hx-hub-hero__copy {
		padding: 3.75rem max(24px, 6vw);
	}

	body.hadof-v2-content .hadof-x3:not(.hadof-x3-home) > .hx-hub-hero .hx-hub-hero__copy h1 {
		font-size: clamp(2.75rem, 11.5vw, 4rem);
	}
}