

.injurease-service-suite--occupational-health {
	--occupational-surface: #f6f8f3;
	--occupational-soft: #edf3e9;
	--occupational-eucalyptus: #4c6857;
	--occupational-line: rgba(8, 63, 28, .11);
	--occupational-radius: 26px;
}

/* Hero: same geometry established on WorkCover / CTP / Injury Management. */
.injurease-service-suite--occupational-health .injurease-service-suite__hero {
	padding-block: 0;
}

.injurease-service-suite--occupational-health .injurease-service-suite__hero-grid {
	grid-template-columns: minmax(0, 1.03fr) minmax(420px, .97fr);
	align-items: center;
	gap: clamp(28px, 4vw, 80px);
	min-height: 0;
	padding-block: clamp(64px, 7vw, 96px);
}

.injurease-service-suite--occupational-health .injurease-service-suite__hero-visual {
	min-height: 0;
	align-self: center;
}

.injurease-service-suite--occupational-health .injurease-service-suite__hero-image {
	display: block;
	width: min(100%, 490px);
	height: auto;
	margin-inline: auto;
	object-fit: contain;
}

.injurease-service-suite--occupational-health .injurease-service-suite__hero-motif {
	min-height: 470px;
	border: 0;
	border-radius: 49% 51% 18% 18% / 44% 44% 12% 12%;
	background:
		radial-gradient(circle at 62% 30%, rgba(255,255,255,.95) 0 8%, transparent 9%),
		linear-gradient(145deg, #e5efec, #f9fbf7 58%, #dce8d7);
}

.injurease-service-suite--occupational-health .injurease-service-suite__hero-motif span {
	width: 46%;
	height: auto;
	aspect-ratio: .72;
	border: 0;
	border-radius: 100% 0 100% 0;
	background: linear-gradient(145deg, rgba(79,117,107,.24), rgba(8,63,28,.04));
	transform-origin: 100% 100%;
}

.injurease-service-suite--occupational-health .injurease-service-suite__hero-motif span:nth-child(1) {
	left: 20%;
	top: 5%;
	transform: rotate(-24deg);
}

.injurease-service-suite--occupational-health .injurease-service-suite__hero-motif span:nth-child(2) {
	right: 7%;
	top: 24%;
	transform: rotate(38deg) scale(.76);
}

.injurease-service-suite--occupational-health .injurease-service-suite__hero-motif span:nth-child(3) {
	left: 5%;
	bottom: -10%;
	width: 46%;
	height: auto;
	background: linear-gradient(145deg, rgba(79,117,107,.2), rgba(8,63,28,.03));
	transform: rotate(-68deg) scale(.9);
}

.injurease-service-suite--occupational-health .injurease-service-suite__hero-motif i {
	width: 104px;
	height: 104px;
	border: 1px solid rgba(8,63,28,.08);
	border-radius: 50%;
	background: rgba(255,255,255,.82);
	color: var(--occupational-eucalyptus);
	box-shadow: none;
}

.injurease-service-suite--occupational-health .injurease-service-suite__hero-motif svg {
	width: 40px;
	height: 40px;
}

/* Match the approved service-detail rhythm: alternating white / soft sections. */
.injurease-service-suite--occupational-health .injurease-service-suite__section {
	padding-block: clamp(70px, 6vw, 92px);
}

.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro {
	background: #fff;
}

.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro + .injurease-service-suite__section {
	background: linear-gradient(180deg, #fbfcfa, var(--occupational-surface));
}

.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro + .injurease-service-suite__section + .injurease-service-suite__section {
	background: #fff;
}

.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro + .injurease-service-suite__section + .injurease-service-suite__section + .injurease-service-suite__section {
	background: linear-gradient(180deg, #fbfcfa, var(--occupational-surface));
}

/* First section after Hero: image left, copy right. */
.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro .injurease-service-suite__split {
	grid-template-columns: minmax(380px, .86fr) minmax(0, 1fr);
	align-items: stretch;
}

.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro .injurease-service-suite__visual {
	order: 1;
}

.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro .injurease-service-suite__copy {
	order: 2;
}

/* Return-to-Work planning: content left, image right. */
.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro + .injurease-service-suite__section .injurease-service-suite__split {
	grid-template-columns: minmax(0, 1.03fr) minmax(360px, .82fr);
	align-items: stretch;
}

.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro + .injurease-service-suite__section .injurease-service-suite__copy {
	order: 1;
}

.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro + .injurease-service-suite__section .injurease-service-suite__visual {
	order: 2;
}

/* Functional capacity: image left, content right. */
.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro + .injurease-service-suite__section + .injurease-service-suite__section .injurease-service-suite__split {
	grid-template-columns: minmax(380px, .86fr) minmax(0, 1fr);
	align-items: stretch;
}

.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro + .injurease-service-suite__section + .injurease-service-suite__section .injurease-service-suite__visual {
	order: 1;
}

.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro + .injurease-service-suite__section + .injurease-service-suite__section .injurease-service-suite__copy {
	order: 2;
}

/* Pre-employment medicals: content left, image right. */
.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro + .injurease-service-suite__section + .injurease-service-suite__section + .injurease-service-suite__section .injurease-service-suite__split {
	grid-template-columns: minmax(0, 1.03fr) minmax(360px, .82fr);
	align-items: stretch;
}

.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro + .injurease-service-suite__section + .injurease-service-suite__section + .injurease-service-suite__section .injurease-service-suite__copy {
	order: 1;
}

.injurease-service-suite--occupational-health .injurease-service-suite__section.is-intro + .injurease-service-suite__section + .injurease-service-suite__section + .injurease-service-suite__section .injurease-service-suite__visual {
	order: 2;
}

/* Desktop media chains: the actual image—not only its wrapper—matches the copy height. */
@media (min-width: 961px) {
	.injurease-service-suite--occupational-health .injurease-service-suite__section:not(.injurease-service-suite__section--accent) .injurease-service-suite__split,
	.injurease-service-suite--occupational-health .injurease-service-suite__section:not(.injurease-service-suite__section--accent) .injurease-service-suite__visual,
	.injurease-service-suite--occupational-health .injurease-service-suite__section:not(.injurease-service-suite__section--accent) .injurease-service-suite__media,
	.injurease-service-suite--occupational-health .injurease-service-suite__section:not(.injurease-service-suite__section--accent) .injurease-service-suite__picture,
	.injurease-service-suite--occupational-health .injurease-service-suite__section:not(.injurease-service-suite__section--accent) .injurease-service-suite__section-image,
	.injurease-service-suite--occupational-health .injurease-service-suite__section:not(.injurease-service-suite__section--accent) .injurease-service-suite__motif {
		height: 100%;
		min-height: 100%;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__section:not(.injurease-service-suite__section--accent) .injurease-service-suite__media {
		aspect-ratio: auto;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__section:not(.injurease-service-suite__section--accent) .injurease-service-suite__section-image {
		object-fit: cover;
	}
}

/* Occupational organisations: keep its existing content/link, elevate presentation only. */
.injurease-service-suite--occupational-health .injurease-service-suite__section--accent {
	padding-top: clamp(58px, 5vw, 78px);
	padding-bottom: 24px;
	background: #fff;
}

.injurease-service-suite--occupational-health .injurease-service-suite__accent-card {
	grid-template-columns: 64px minmax(0, 1fr);
	gap: clamp(24px, 3vw, 38px);
	align-items: center;
	padding: clamp(36px, 5vw, 64px);
	border: 1px solid rgba(8,63,28,.12);
	border-radius: 28px;
	background:
		radial-gradient(circle at 86% 18%, rgba(179,206,27,.14), transparent 24%),
		linear-gradient(135deg, #fbfcf8 0%, #eef4e8 100%);
	box-shadow: none;
}

.injurease-service-suite--occupational-health .injurease-service-suite__accent-card.has-media {
	grid-template-columns: 64px minmax(0, 1fr) minmax(280px, .78fr);
	align-items: stretch;
}

/* Keep the approved copy fully legible on the lighter notice-style surface. */
.injurease-service-suite--occupational-health .injurease-service-suite__accent-card h2 {
	color: var(--inj-primary);
}

.injurease-service-suite--occupational-health .injurease-service-suite__accent-card .injurease-prose,
.injurease-service-suite--occupational-health .injurease-service-suite__accent-card .injurease-prose > *,
.injurease-service-suite--occupational-health .injurease-service-suite__accent-card .injurease-prose p {
	color: #33483a;
}

.injurease-service-suite--occupational-health .injurease-service-suite__accent-copy {
	align-self: center;
	min-width: 0;
}

.injurease-service-suite--occupational-health .injurease-service-suite__accent-media {
	position: relative;
	align-self: stretch;
	min-width: 0;
	min-height: 250px;
	margin: 0;
	overflow: hidden;
	border-radius: 22px;
	background: rgba(255,255,255,.08);
}

.injurease-service-suite--occupational-health .injurease-service-suite__accent-media .injurease-service-suite__picture,
.injurease-service-suite--occupational-health .injurease-service-suite__accent-image {
	display: block;
	width: 100%;
	height: 100%;
}

.injurease-service-suite--occupational-health .injurease-service-suite__accent-image {
	object-fit: cover;
}

.injurease-service-suite--occupational-health .injurease-service-suite__accent-mark {
	width: 64px;
	height: 64px;
	border: 1px solid rgba(8,63,28,.10);
	border-radius: 20px;
	background: var(--inj-primary);
	color: #fff;
}

.injurease-service-suite--occupational-health .injurease-service-suite__accent-mark svg {
	width: 27px;
	height: 27px;
}

.injurease-service-suite--occupational-health .injurease-service-suite__accent-card .injurease-button {
	margin-top: 22px;
	border-color: var(--inj-primary);
	background: var(--inj-primary);
	color: #fff;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
}

.injurease-service-suite--occupational-health .injurease-service-suite__accent-card .injurease-button:hover {
	border-color: #0a4f24;
	background: #0a4f24;
	color: #fff;
}

/* Final CTA: same compact ending rhythm established on the preceding service pages. */
.injurease-service-suite--occupational-health .injurease-service-suite__final-cta {
	padding-top: 24px;
	padding-bottom: clamp(64px, 6vw, 92px);
	background: #fff;
}

@media (min-width: 961px) and (max-width: 1600px) {
	.injurease-service-suite--occupational-health .injurease-service-suite__hero-grid {
		padding-block: clamp(54px, 5.5vw, 76px);
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__section {
		padding-block: clamp(66px, 5.3vw, 84px);
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__section--accent {
		padding-top: clamp(54px, 4.5vw, 70px);
		padding-bottom: 24px;
	}
}

@media (max-width: 1240px) {
	.injurease-service-suite--occupational-health .injurease-service-suite__hero-grid {
		grid-template-columns: minmax(0, 1fr) minmax(350px, .78fr);
	}
}

@media (min-width: 961px) {
	.injurease-service-suite--occupational-health .injurease-service-suite__accent-media > .injurease-service-suite__picture {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
	}
}

@media (max-width: 960px) {
	.injurease-service-suite--occupational-health .injurease-service-suite__hero-grid {
		grid-template-columns: 1fr;
		min-height: 0;
		padding-block: 60px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__hero-visual {
		min-height: 0;
		align-self: auto;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__hero-image {
		width: auto;
		max-width: 100%;
		height: auto;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__hero-motif {
		width: min(100%, 560px);
		min-height: 360px;
		margin-inline: auto;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__section {
		padding-block: 62px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__section .injurease-service-suite__split {
		display: flex;
		flex-direction: column;
		grid-template-columns: none;
		gap: 32px;
		align-items: stretch;
	}

	/* The desktop section-specific selectors are intentionally quite specific.
	 * Reset their ordering on tablet/mobile so every split section follows the
	 * same responsive rhythm: copy first, media second. */
	.injurease-service-suite--occupational-health .injurease-service-suite__section:not(.injurease-service-suite__section--accent) .injurease-service-suite__copy {
		order: 1 !important;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__section:not(.injurease-service-suite__section--accent) .injurease-service-suite__visual {
		order: 2 !important;
	}

	/* Let uploaded images define their own height on tablet/mobile. This avoids
	 * the fixed-ratio wrapper leaving a large empty band below shorter images. */
	.injurease-service-suite--occupational-health .injurease-service-suite__visual,
	.injurease-service-suite--occupational-health .injurease-service-suite__media,
	.injurease-service-suite--occupational-health .injurease-service-suite__picture,
	.injurease-service-suite--occupational-health .injurease-service-suite__section-image,
	.injurease-service-suite--occupational-health .injurease-service-suite__motif {
		height: auto;
		min-height: 0;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__visual {
		display: block !important;
		width: 100%;
		margin: 0;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__media {
		display: block !important;
		width: 100%;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: auto;
		margin: 0;
		background: transparent;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__picture {
		display: block !important;
		width: 100%;
		height: auto !important;
		line-height: 0;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__section-image {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		max-width: 100%;
		height: auto !important;
		min-height: 0 !important;
		object-fit: contain;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__motif {
		min-height: 320px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__section--accent {
		padding-top: 58px;
		padding-bottom: 22px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__accent-card {
		grid-template-columns: 56px minmax(0, 1fr);
		padding: 38px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__accent-card.has-media {
		grid-template-columns: 56px minmax(0, 1fr);
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__accent-card.has-media .injurease-service-suite__accent-media {
		grid-column: 1 / -1;
		min-height: 260px;
		aspect-ratio: 16 / 8;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__final-cta {
		padding-top: 22px;
		padding-bottom: 64px;
	}
}

@media (max-width: 680px) {
	.injurease-service-suite--occupational-health .injurease-service-suite__hero-grid {
		padding-block: 46px;
		gap: 28px;
	}

	.injurease-service-suite--occupational-health .injurease-hero__actions {
		width: 100%;
		align-items: stretch;
	}

	.injurease-service-suite--occupational-health .injurease-hero__actions .injurease-button {
		width: 100%;
		justify-content: center;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__hero-motif {
		min-height: 300px;
		border-radius: 30px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__hero-motif i {
		width: 82px;
		height: 82px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__hero-motif svg {
		width: 32px;
		height: 32px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__section {
		padding-block: 50px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__section .injurease-service-suite__split {
		gap: 28px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__media {
		aspect-ratio: auto;
		border-radius: 22px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__picture,
	.injurease-service-suite--occupational-health .injurease-service-suite__section-image {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		max-width: 100%;
		height: auto !important;
		min-height: 0 !important;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__motif {
		min-height: 270px;
		border-radius: 22px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__section--accent {
		padding-top: 48px;
		padding-bottom: 18px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__accent-card,
	.injurease-service-suite--occupational-health .injurease-service-suite__accent-card.has-media {
		grid-template-columns: 1fr;
		gap: 20px;
		padding: 28px 24px;
		border-radius: 24px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__accent-card.has-media .injurease-service-suite__accent-media {
		grid-column: auto;
		min-height: 0;
		aspect-ratio: 4 / 3;
		border-radius: 18px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__accent-mark {
		width: 52px;
		height: 52px;
		border-radius: 16px;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__final-cta {
		padding-top: 18px;
		padding-bottom: 52px;
	}
}

/* Occupational Health hero only: keep the second CTA white like the Home hero secondary CTA. */
.injurease-service-suite--occupational-health .injurease-service-suite__hero .injurease-hero__actions > .injurease-button:nth-child(2) {
	border-color: rgba(8,63,28,.16);
	background: linear-gradient(180deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 40%,rgba(242,247,243,.96) 100%);
	color: var(--inj-primary);
	box-shadow: none;
	text-shadow: none;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.injurease-service-suite--occupational-health .injurease-service-suite__hero .injurease-hero__actions > .injurease-button:nth-child(2):hover,
.injurease-service-suite--occupational-health .injurease-service-suite__hero .injurease-hero__actions > .injurease-button:nth-child(2):focus-visible,
.injurease-service-suite--occupational-health .injurease-service-suite__hero .injurease-hero__actions > .injurease-button:nth-child(2):active {
	border-color: rgba(8,63,28,.24);
	background: linear-gradient(180deg,#fff 0%,rgba(255,255,255,.98) 40%,rgba(246,249,247,.99) 100%);
	color: var(--inj-primary);
	box-shadow: none;
}



@media (max-width: 960px) {
	.injurease-service-suite--occupational-health .injurease-service-suite__section .injurease-service-suite__media {
		position: relative;
		display: block;
		width: 100%;
		height: auto !important;
		min-height: 360px !important;
		aspect-ratio: auto !important;
		overflow: hidden;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__section .injurease-service-suite__media > .injurease-service-suite__picture {
		position: absolute !important;
		inset: 0;
		display: block !important;
		width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		line-height: 0;
	}

	.injurease-service-suite--occupational-health .injurease-service-suite__section .injurease-service-suite__media > .injurease-service-suite__picture > .injurease-service-suite__section-image {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		width: 100% !important;
		max-width: 100% !important;
		height: 100% !important;
		min-height: 0 !important;
		object-fit: cover !important;
	}
}

@media (max-width: 680px) {
	.injurease-service-suite--occupational-health .injurease-service-suite__section .injurease-service-suite__media {
		min-height: 0 !important;
		aspect-ratio: 4 / 3 !important;
	}
}


.injurease-service-suite--occupational-health .injurease-service-suite__section--accent {
	padding-bottom: clamp(58px, 5vw, 78px);
}

@media (min-width: 961px) and (max-width: 1600px) {
	.injurease-service-suite--occupational-health .injurease-service-suite__section--accent {
		padding-bottom: clamp(54px, 4.5vw, 70px);
	}
}

@media (max-width: 960px) {
	.injurease-service-suite--occupational-health .injurease-service-suite__section--accent {
		padding-bottom: 58px;
	}
}

@media (max-width: 680px) {
	.injurease-service-suite--occupational-health .injurease-service-suite__section--accent {
		padding-bottom: 48px;
	}
}
