/* ============================================
   Google Fonts
   ============================================ */
/* Antonio Bold - font-family: 'Antonio', sans-serif; font-weight: 700; */
/* Palanquin Regular - font-family: 'Palanquin', sans-serif; font-weight: 400; */
/* Palanquin Bold - font-family: 'Palanquin', sans-serif; font-weight: 700; */

/* ============================================
   Base Styles
   ============================================ */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	font-size: 16px;
	/* scroll-behavior: smooth; - Disabled: conflicts with GSAP ScrollTrigger pinning */
}

body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	line-height: 1.6;
	color: #333;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Base Typography Styles */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Antonio', sans-serif;
	font-weight: 700;
}

p {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
}

p.text--bold,
span.text--bold {
	font-weight: 700;
}
.text--italic {
	font-style: italic;
}
.dental-divide__section-2-title.text--white {
	color: #ffffff;
}
sup {
	font-size: 0.7em;
}

.cta__Block {
	display: inline-block;
	position: relative;
	height: auto;
	margin: 0;
	padding: 0 1.8em 0.12em 1.8em;
	overflow: hidden;
	font-family: 'Palanquin', sans-serif;
	font-weight: 700;
	font-size: 1.375em;
	line-height: 1.6;
	letter-spacing: normal;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	text-transform: uppercase;
	border-radius: 9999px;
	border: 1px solid #0044b5;
}
p.cta__Block-Row {
	text-align: center !important;
}
p.cta__Block-Row a.cta__Block {
	font-size: 1em;
	margin: 0 0.5em;
	width: 12em;
	padding: 0 0 0.12em 0;
	border-radius: 9999px;
	border: 1px solid #0044b5;
	text-transform: uppercase;
}
@media (min-width: 1024px) {
	p.cta__Block-Row > a.cta__Block {
		font-size: 1em;
		margin: 0 0.5em;
		width: 13em;
	}
}
.cta__Block--Blue {
	background-color: #0044b5;
	color: #ffffff;
	border: 1px solid #0044b5;
}

.cta__Block--Blue:hover {
	background-color: #ffffff;
	color: #0044b5;
	border: 1px solid #0044b5;
}

.cta__Block--White {
	background-color: #ffffff;
	color: #0044b5 !important;
}

.cta__Block--White:hover {
	background-color: #0044b5;
	color: #ffffff !important;
	border: 1px solid #ffffff;
}
/* ============================================
   ScrollSmoother Wrapper
   ============================================ */
#smooth-wrapper {
	overflow: hidden;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ffffff;
}

#smooth-content {
	overflow: visible;
	width: 100%;
	will-change: transform;
}

/* ============================================
   Loader Block
   ============================================ */
.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	opacity: 1;
	visibility: visible;
	transition: opacity 0.5s ease, visibility 0.5s ease;
}

.loader--hidden {
	opacity: 0;
	visibility: hidden;
}

.loader__spinner {
	width: 50px;
	height: 50px;
	border: 4px solid #f3f3f3;
	border-top: 4px solid #333;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* ============================================
   Navigation Block
   ============================================ */
.nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0.2em 0;
	overflow: visible;
	background-color: transparent;
	z-index: 1000;
	transition: opacity 0.5s ease, transform 0.5s ease;
	background: #ffffff;
}

.nav--hidden {
	opacity: 0;
	transform: translateY(-100%);
}

.nav__inner {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	align-items: center;
	position: relative;
	width: 96%;
	max-width: 1680px;
	height: auto;
	margin: 0 auto;
	padding: 0.4em 0;
	overflow: visible;
}

.nav__logo {
	position: relative;
	width: 8.2em;
	height: auto;
	margin: 0;
}

.nav__logo img {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
}

.nav__logo-text {
	display: flex;
	align-items: center;
	position: relative;
	margin: 0;
	white-space: nowrap;
	color: #848484;
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.1;
	letter-spacing: normal;
	padding-left: 1.4em;
}

/* ============================================
   Responsive Styles
   ============================================ */

/* Tablet and below */
@media screen and (max-width: 1024px) {
	.nav__inner {
		width: 94%;
		padding: 0.5em 0;
	}

	.nav__logo {
		width: 7em;
	}
}

/* Mobile devices */
@media screen and (max-width: 768px) {
	.nav {
		padding: 0.3em 0;
	}

	.nav__inner {
		width: 92%;
		padding: 0.6em 0;
	}

	.nav__logo {
		width: 6em;
	}
}

/* Small mobile devices */
@media screen and (max-width: 480px) {
	.nav {
		padding: 0.4em 0;
	}

	.nav__inner {
		width: 90%;
		padding: 0.7em 0;
	}

	.nav__logo {
		width: 5em;
	}
}

/* footer styles */
footer {
	position: relative;
	width: 100%;
	min-width: 980px;
	height: auto;
	margin: 0;
	padding: 3.2em 0;
	overflow: hidden;
	text-align: center;
	z-index: 200;
	background-color: #f0f0f0;
	font-size: 0.84vw;
}

footer p {
	font-size: 1.25em;
	color: #000000;
	margin-bottom: 0.8em;
	line-height: 1.5;
}
p.footer__Copyright {
	margin-top: 2.8em;
	font-size: 1em;
}
div.footer__Links {
	font-size: 1.25em;
	font-family: 'Palanquin', sans-serif;
}
div.footer__Links a {
	display: inline-block;
	color: #0044b5;
	text-underline-offset: 0.1em;
}
span.footer__Links__Sep:before {
	display: inline-block;
	content: '|';
	padding: 0 0.8em;
	font-size: 1em;
}

.footer__Img {
	display: block;
	position: relative;
	height: auto;
	width: 100%;
	height: 100%;
	margin: 0;
	object-fit: cover;
	z-index: -1;
}

.footer__Content {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 5em;
	width: 82%;
	max-width: 1600px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

.footer__Item {
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-align: left;
}

.footer__logos {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1em;
	margin: 0 0 1em 0;
}
.footer__logo {
	display: block;
	position: relative;
	height: 4.2em;
	width: auto;
	margin: 0;
}

.footer__Item h5 {
	font-size: 2.5em;
}
.footer__Social {
	position: relative;
	display: flex;
	flex-flow: nowrap;
	justify-content: flex-start;
	align-items: center;
	height: auto;
	margin: 0.8em 0 1.6em 0;
	padding: 0;
	overflow: hidden;
}
.footer__Item a.cta__Block--Blue {
	margin-top: 0.5em;
}
.footer__Social > a {
	width: 2em;
	flex-shrink: 1;
	margin-right: 0.8em;
}
.footer__Social > a:first-of-type {
	margin-right: 0.4em;
}

.footer__Social img {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
}

@media screen and (max-width: 1024px) {
	footer {
		min-width: inherit;
		font-size: 1.4vw;
	}
}

@media screen and (max-width: 900px) {
	footer {
		min-width: inherit;
		font-size: 2vw;
	}
	.footer__Content {
		display: block;
		width: 100%;
	}

	.footer__logos {
		gap: 2em;
		justify-content: center;
	}
	.footer__logo {
		height: 5.5em;
	}

	.footer__Item {
		width: 100%;
		text-align: center;
		padding: 0 4em 4em 4em;
	}
	.footer__Item a.cta__Block--Blue {
		font-size: 2em;
	}
	footer p {
		font-size: 1.5em;
	}
	p.mob__copyright {
		font-size: 1em;
	}
	.footer__Social {
		width: 100%;
		justify-content: center;
		margin: 0 auto;
	}

	.footer__Social > a {
		width: 2.5em;
		margin: 1.5em 1em;
	}
}

/* ============================================
   Dental Divide Block
   ============================================ */
.dental-divide {
	position: relative;
	width: 100%;
	font-size: 0.84vw;
	will-change: transform;
}
@media (min-width: 1920px) {
	.dental-divide {
		font-size: 16px;
	}
}
@media (max-width: 1280px) {
	.dental-divide {
		font-size: 0.95vw;
	}
}
@media (max-width: 1024px) {
	.dental-divide {
		font-size: 1.2vw;
	}
}
@media (max-width: 900px) {
	.dental-divide {
		font-size: 1.8vw;
	}
}
@media (max-width: 768px) {
	.dental-divide {
		font-size: 2.2vw;
	}
}
@media (max-width: 480px) {
	.dental-divide {
		font-size: 2.4vw;
	}
}

.mob {
	display: none;
}
@media (max-width: 900px) {
	.mob {
		display: block;
	}
}
/* ============================================
   Dental Divide Overlay Caption Text
   ============================================ */
p.dental-divide__overlay-caption-text {
	font-family: 'Palanquin', sans-serif;
	font-size: 1.125em;
	text-transform: uppercase;
	color: #000000;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 1em 2em 1em 3.8em;
	margin: 0;
	font-weight: 500;
}

/* Dental Divide Section 1 (Hero Section) */
.dental-divide__section-1 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	overflow: hidden;
	opacity: 1;
	display: block;
	will-change: transform;
}

.dental-divide__section-1-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.hero-1.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.dental-divide__section-1-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.55);
	z-index: 1;
}

.dental-divide__section-1-content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 2;
	padding: 2em;
}

.dental-divide__section-1-text {
	max-width: 1024px;
	width: 64em;
	text-align: center;
	color: #ffffff;
	opacity: 0;
	transform: translateY(5em);
}

.dental-divide__section-1-title {
	font-size: 5em;
	line-height: 1.25;
	margin-bottom: 0.36em;
	color: #ffffff;
}

.dental-divide__section-1-subtitle {
	font-size: 2.25em;
	line-height: 1.2;
	color: #ffffff;
	margin-bottom: 1.25em;
}

.dental-divide__section-1-divider {
	width: 21em;
	height: 1px;
	background-color: #ffffff;
	margin: 0 auto 2.8em;
}

.dental-divide__section-1-description {
	font-size: 1.5em;
	line-height: 1.5;
	color: #ffffff;
}

/* ============================================
   Dental Divide Section 2 (Content Section)
   ============================================ */
.dental-divide__section-2 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	display: flex;
	overflow: hidden;
	background-color: #ffffff;
	z-index: 10;
	will-change: transform;
}

.dental-divide__section-2-image-wrapper {
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.dental-divide__section-2-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-2.png');
	background-size: cover; /* Fill container, crop if needed */
	background-position: center top; /* Top aligned, centered horizontally (crops equally left/right) */
	background-repeat: no-repeat;
}

.dental-divide__section-2-image-overlay {
	position: absolute;
	left: 0;
	bottom: 2em;
	z-index: 2;
	opacity: 0;
}

.dental-divide__section-2-text-wrapper {
	position: relative;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 8em;
	background-color: #ffffff;
}
.dental-divide__section-2-text {
	width: 100%;
	color: #000000;
	opacity: 0;
	/* Initial transform set by JavaScript - starts from bottom */
}

.dental-divide__section-2-title {
	font-size: 3.75em;
	line-height: 1.25;
	color: #000000;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}
.dental-divide__section-2-body {
	font-size: 1.5em;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 1.2em;
}

@media (max-width: 900px) {
	.dental-divide__section-2 {
		height: auto;
		min-height: none;
		padding: 2em 0;
		flex-direction: column;
	}
	.dental-divide__section-2-image-wrapper {
		width: 90%;
		height: auto;
		aspect-ratio: 1/1.5;
		margin: 0 auto;
	}
	.dental-divide__section-2-text-wrapper {
		width: 90%;
		height: auto;
		padding: 2em 1em;
		margin: 0 auto;
	}
}
/* ============================================
   Dental Divide Quote Block (Reusable)
   ============================================ */
.dental-divide__quote {
	position: relative;
	width: var(--quote-width, 65em); /* Default 65em, override with inline style */
	max-width: 100%;
	text-align: left;
}
@media (max-width: 900px) {
	.dental-divide__quote {
		width: 95% !important; /* 890px */
	}
}
.dental-divide__quote-text {
	position: relative;
	font-family: 'Antonio', sans-serif;
	font-weight: 700;
	font-size: 3.75em;
	line-height: 1.1;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0;
	padding-left: 0.1em; /* Space for the hanging quote */
}

.dental-divide__quote-text::before {
	content: '“';
	position: absolute;
	left: 0;
	top: -0.08em;
	transform: translateX(-100%); /* Hang outside the left edge */
	font-family: 'Antonio', sans-serif;
	font-weight: 700;
	font-size: 1em; /* Same size as the quote text */
	line-height: 1.25;
	color: #ffffff;
}

.dental-divide__quote-source {
	font-family: 'Palanquin', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.4;
	color: #ffffff;
	margin-top: 0.7em;
	text-transform: uppercase;
}

/* Dark text variant */
.dental-divide__quote--dark .dental-divide__quote-text,
.dental-divide__quote--dark .dental-divide__quote-text::before,
.dental-divide__quote--dark .dental-divide__quote-source {
	color: #000000;
}

/* Quote overrides when used in place of section text elements */
.dental-divide__quote[class*='section-'][class*='-text'] {
	width: var(--quote-width, 65em);
	max-width: var(--quote-width, 65em);
	border-left: none;
	padding-left: 0;
	padding-top: 0;
}

/* ============================================
   Dental Divide Section 3 (Hero Style)
   ============================================ */
.dental-divide__section-3 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	overflow: hidden;
	z-index: 20;
	will-change: transform;
}

.dental-divide__section-3-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-3.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.dental-divide__section-3-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 1;
	opacity: 0; /* Hidden initially */
}

.dental-divide__section-3-content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 2;
	padding: 2em 4em;
}

.dental-divide__section-3-text {
	max-width: 890px;
	width: 55.625em;
	text-align: left;
	color: #ffffff;
	border-left: 1px solid #ffffff;
	padding-left: 2em;
	padding-top: 1.5em;
	opacity: 0; /* Hidden initially */
	transform: translateY(5em);
}

.dental-divide__section-3-body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.4;
	color: #ffffff;
	margin-bottom: 1.2em;
}

/* ============================================
   Dental Divide Section 4 (Hero Style)
   ============================================ */
.dental-divide__section-4 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	overflow: hidden;
	z-index: 20;
	will-change: transform;
}

.dental-divide__section-4-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-4.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.dental-divide__section-4-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 1;
	opacity: 0; /* Hidden initially */
}

.dental-divide__section-4-content {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 2;
	padding: 2em 4em;
}

.dental-divide__section-4-text {
	max-width: 55.625em; /* 890px */
	width: 100%;
	text-align: left;
	color: #ffffff;
	border-left: 1px solid #ffffff;
	padding-left: 2em;
	padding-top: 1.5em;
	opacity: 0; /* Hidden initially */
	transform: translateY(5em);
}

.dental-divide__section-4-body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.4;
	color: #ffffff;
	margin-bottom: 1.2em;
}

.dental-divide__section-4-caption {
	position: absolute;
	left: 0;
	bottom: 2em;
	z-index: 3;
	opacity: 0; /* Hidden initially */
}

/* ============================================
   Dental Divide Section 5 (Static Text - Reusable)
   ============================================ */

.dental-divide__section-5 {
	background-color: #ffffff;
	padding: 5.8em 0;
	will-change: transform;
}

.dental-divide__section-5-container {
	width: 54em;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 2em;
}

.dental-divide__section-5-body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 1.2em;
}

.dental-divide__section-5-body:last-child {
	margin-bottom: 0;
}

/* ============================================
   Dental Divide Section 6 (Hero Style with Image Inset)
   ============================================ */
.dental-divide__section-6 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	overflow: hidden;
	z-index: 25;
	will-change: transform;
}

.dental-divide__section-6-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-6.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.dental-divide__section-6-content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 2;
	padding: 2em 4em;
}

.dental-divide__section-6-inner {
	display: flex;
	align-items: center;
	gap: 2em;
	/* Offset to the right - not perfectly centered */
	margin-left: 10%;
}

/* Inset Image Wrapper - 47em wide block */
.dental-divide__section-6-inset-wrapper {
	flex-shrink: 0;
	width: 47em;
	display: flex;
	justify-content: flex-end;
	opacity: 0; /* Hidden initially */
	transform: translateY(5em);
}

/* Inset Image - 34em wide */
.dental-divide__section-6-inset {
	display: block;
	width: 34em;
	height: auto;
	margin-right: 4em;
}

/* Text Block */
.dental-divide__section-6-text {
	max-width: 45em;
	width: 40%;
	text-align: left;
	color: #ffffff;
	border-left: 1px solid #ffffff;
	padding-left: 2em;
	padding-top: 1.5em;
	opacity: 0; /* Hidden initially */
	transform: translateY(5em);
}

.dental-divide__section-6-body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.4;
	color: #ffffff;
	margin-bottom: 1.2em;
}

@media (max-width: 1024px) {
	.dental-divide__section-6-inner {
		margin-left: 5%;
	}
	.dental-divide__section-6-inset-wrapper {
		width: 50%;
	}
	.dental-divide__section-6-inset {
		width: 100%;
		margin-right: 0;
	}
}
@media (max-width: 900px) {
	.dental-divide__section-6 {
		height: auto;
		padding: 0;
	}
	.dental-divide__section-6-inner {
		margin-left: 0;
		flex-direction: column;
	}
	.dental-divide__section-6-inset-wrapper {
		width: 90%;
	}
	.dental-divide__section-6-text {
		width: 100%;
		margin-right: 0;
	}
	.dental-divide__section-6-image {
		background-position: left top;
	}
}

/* ============================================
   Dental Divide Section 7 (Content Section - Same as Section 2)
   ============================================ */
.dental-divide__section-7 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	display: flex;
	overflow: hidden;
	background-color: #ffffff;
	z-index: 30;
	will-change: transform;
}

.dental-divide__section-7-image-wrapper {
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.dental-divide__section-7-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-7.png');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.dental-divide__section-7-image-overlay {
	position: absolute;
	left: 0;
	bottom: 2em;
	z-index: 2;
	opacity: 0;
}

.dental-divide__section-7-image-overlay-text {
	font-family: 'Palanquin', sans-serif;
	font-size: 1.125em;
	text-transform: uppercase;
	color: #000000;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 1em 2em 1em 3.8em;
	margin: 0;
	line-height: 1.4;
}

.dental-divide__section-7-text-wrapper {
	position: relative;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 8em;
	background-color: #ffffff;
}

.dental-divide__section-7-text {
	width: 100%;
	color: #000000;
	opacity: 0;
}

/* Quote spacing within section 7 */
.dental-divide__section-7-text .dental-divide__quote {
	margin-bottom: 1.5em;
}

.dental-divide__section-7-body {
	font-size: 1.5em;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 1.2em;
}

@media (max-width: 900px) {
	.dental-divide__section-7 {
		height: auto;
		min-height: none;
		padding: 2em 0;
		flex-direction: column;
	}
	.dental-divide__section-7-image-wrapper {
		width: 90%;
		height: auto;
		aspect-ratio: 1/1.5;
		margin: 0 auto;
	}
	.dental-divide__section-7-text-wrapper {
		width: 90%;
		height: auto;
		padding: 2em 1em;
		margin: 0 auto;
	}
}

/* ============================================
   Dental Divide Section 8 & 9 (Crossfade like 3 & 4)
   Section 8: Hero with Inset (like Section 6)
   Section 9: Overlaid with text (like Section 3/4)
   ============================================ */
.dental-divide__section-8 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	overflow: hidden;
	z-index: 35;
}

/* Section 8 Background */
.dental-divide__section-8-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-8.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media (max-width: 900px) {
	.dental-divide__section-8-image {
		background-position: left top;
	}
}

.dental-divide__section-8-content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 2;
	padding: 2em 4em;
}

.dental-divide__section-8-inner {
	display: flex;
	align-items: center;
	gap: 2em;
	margin-left: 10%;
}

/* Inset Image Wrapper */
.dental-divide__section-8-inset-wrapper {
	flex-shrink: 0;
	width: 47em;
	display: flex;
	justify-content: flex-end;
	opacity: 0;
	transform: translateY(5em);
}

/* Inset Image */
.dental-divide__section-8-inset {
	display: block;
	width: 34em;
	height: auto;
	margin-right: 4em;
}

/* Text Block */
.dental-divide__section-8-text {
	max-width: 45em;
	width: 40%;
	text-align: left;
	color: #ffffff;
	border-left: 1px solid #ffffff;
	padding-left: 2em;
	padding-top: 1.5em;
	opacity: 0;
	transform: translateY(5em);
}

.dental-divide__section-8-body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.4;
	color: #ffffff;
	margin-bottom: 1.2em;
}

@media (max-width: 1024px) {
	.dental-divide__section-8-inner {
		margin-left: 5%;
	}
	.dental-divide__section-8-inset-wrapper {
		width: 50%;
	}
	.dental-divide__section-8-inset {
		width: 100%;
		margin-right: 0;
	}
}
@media (max-width: 900px) {
	.dental-divide__section-8 {
		height: auto;
		padding: 0;
	}
	.dental-divide__section-8-inner {
		margin-left: 0;
		flex-direction: column;
	}
	.dental-divide__section-8-inset-wrapper {
		width: 90%;
	}
	.dental-divide__section-8-text {
		width: 100%;
		margin-right: 0;
	}
}

/* ============================================
   Section 9 (Hero Style - Same as Section 3)
   ============================================ */
.dental-divide__section-9 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	overflow: hidden;
	z-index: 35;
}

.dental-divide__section-9-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-9.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
}

.dental-divide__section-9-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 2;
	opacity: 0; /* Hidden initially */
}

.dental-divide__section-9-content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 3;
	padding: 2em 4em;
}

.dental-divide__section-9-text {
	max-width: 890px;
	width: 55.625em;
	text-align: left;
	color: #ffffff;
	border-left: 1px solid #ffffff;
	padding-left: 2em;
	padding-top: 1.5em;
	opacity: 0; /* Hidden initially */
	transform: translateY(5em);
}

.dental-divide__section-9-body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.4;
	color: #ffffff;
	margin-bottom: 1.2em;
}

/* ============================================
   Dental Divide Section 10 (Content Section - Same as Section 2)
   ============================================ */
.dental-divide__section-10 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	display: flex;
	overflow: hidden;
	background-color: #ffffff;
	z-index: 40;
	will-change: transform;
}

.dental-divide__section-10-image-wrapper {
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.dental-divide__section-10-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-10.png');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.dental-divide__section-10-image-overlay {
	position: absolute;
	left: 0;
	bottom: 2em;
	z-index: 2;
	opacity: 0;
}

.dental-divide__section-10-image-overlay-text {
	font-family: 'Palanquin', sans-serif;
	font-size: 1.125em;
	text-transform: uppercase;
	color: #000000;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 1em 2em 1em 3.8em;
	margin: 0;
	line-height: 1.4;
}

.dental-divide__section-10-text-wrapper {
	position: relative;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 8em;
	background-color: #ffffff;
}

.dental-divide__section-10-text {
	width: 100%;
	color: #000000;
	opacity: 0;
}

.dental-divide__section-10-body {
	font-size: 1.5em;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 1.2em;
}

@media (max-width: 900px) {
	.dental-divide__section-10 {
		height: auto;
		min-height: none;
		padding: 2em 0;
		flex-direction: column;
	}
	.dental-divide__section-10-image-wrapper {
		width: 90%;
		height: auto;
		aspect-ratio: 1/1.5;
		margin: 0 auto;
	}
	.dental-divide__section-10-text-wrapper {
		width: 90%;
		height: auto;
		padding: 2em 1em;
		margin: 0 auto;
	}
}
/* ============================================
   Dental Divide Section 11 (Hero Style - Same as Section 3)
   ============================================ */
.dental-divide__section-11 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	overflow: hidden;
	z-index: 40;
	will-change: transform;
}

.dental-divide__section-11-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-11.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media (max-width: 900px) {
	.dental-divide__section-11-image {
		background-position: 65% top;
	}
}

.dental-divide__section-11-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 1;
	opacity: 0;
}

.dental-divide__section-11-content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 2;
	padding: 2em 4em;
}

.dental-divide__section-11-text {
	max-width: 890px;
	width: 55.625em;
	text-align: left;
	color: #ffffff;
	border-left: 1px solid #ffffff;
	padding-left: 2em;
	padding-top: 1.5em;
	opacity: 0;
	transform: translateY(5em);
}

/* ============================================
   Dental Divide Section 12 (Static Text - Same as Section 5)
   ============================================ */
.dental-divide__section-12 {
	background-color: #ffffff;
	padding: 5.8em 0;
}

.dental-divide__section-12-container {
	width: 54em;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 2em;
}

.dental-divide__section-12-body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 1.2em;
}

.dental-divide__section-12-body:last-child {
	margin-bottom: 0;
}

/* ============================================
   Dental Divide Section 13 (Content Section - Same as Section 10/2)
   ============================================ */
.dental-divide__section-13 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	display: flex;
	overflow: hidden;
	background-color: #ffffff;
	z-index: 45;
	will-change: transform;
}

.dental-divide__section-13-image-wrapper {
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.dental-divide__section-13-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-13.png');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.dental-divide__section-13-text-wrapper {
	position: relative;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 8em;
	background-color: #ffffff;
}

.dental-divide__section-13-text {
	width: 100%;
	color: #000000;
	opacity: 0;
}

.dental-divide__section-13-body {
	font-size: 1.5em;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 1.2em;
}

@media (max-width: 900px) {
	.dental-divide__section-13 {
		height: auto;
		min-height: none;
		padding: 2em 0;
		flex-direction: column;
	}
	.dental-divide__section-13-image-wrapper {
		width: 90%;
		height: auto;
		aspect-ratio: 1/1.5;
		margin: 0 auto;
	}
	.dental-divide__section-13-text-wrapper {
		width: 90%;
		height: auto;
		padding: 2em 1em;
		margin: 0 auto;
	}
}

/* ============================================
   Dental Divide Section 14 (Hero Style - Same as Section 11/3)
   ============================================ */
.dental-divide__section-14 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	overflow: hidden;
	z-index: 50;
	will-change: transform;
}

.dental-divide__section-14-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-14.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.dental-divide__section-14-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 1;
	opacity: 0;
}

.dental-divide__section-14-content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 2;
	padding: 2em 4em;
}

.dental-divide__section-14-text {
	max-width: 890px;
	width: 55.625em;
	text-align: left;
	color: #ffffff;
	border-left: 1px solid #ffffff;
	padding-left: 2em;
	padding-top: 1.5em;
	opacity: 0;
	transform: translateY(5em);
}

.dental-divide__section-14-body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.4;
	color: #ffffff;
	margin-bottom: 1.2em;
}

/* ============================================
   Dental Divide Section 15 (Static Text - Same as Section 5)
   ============================================ */
.dental-divide__section-15 {
	background-color: #ffffff;
	padding: 5.8em 0;
}

.dental-divide__section-15-container {
	width: 54em;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 2em;
}

.dental-divide__section-15-body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 1.2em;
}

.dental-divide__section-15-body:last-child {
	margin-bottom: 0;
}

/* ============================================
   Dental Divide Section 16 (Content Section - Same as Section 2)
   ============================================ */
.dental-divide__section-16 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	display: flex;
	overflow: hidden;
	background-color: #ffffff;
	z-index: 55;
	will-change: transform;
}

.dental-divide__section-16-image-wrapper {
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.dental-divide__section-16-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-16.png');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.dental-divide__section-16-text-wrapper {
	position: relative;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 8em;
	background-color: #ffffff;
}

.dental-divide__section-16-text {
	width: 100%;
	color: #000000;
	opacity: 0;
}

.dental-divide__section-16-title {
	font-size: 3.75em;
	line-height: 1.1;
	color: #000000;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

.dental-divide__section-16-title-large {
	font-size: 1.416em; /* 5.31em / 3.75em = 1.416 relative to parent */
	line-height: 1.45; /* Tighter line-height to compensate for larger font */
}

.dental-divide__section-16-body {
	font-size: 1.5em;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 1.2em;
}

@media (max-width: 900px) {
	.dental-divide__section-16 {
		height: auto;
		min-height: none;
		padding: 2em 0;
		flex-direction: column;
	}
	.dental-divide__section-16-image-wrapper {
		width: 90%;
		height: auto;
		aspect-ratio: 1/1.5;
		margin: 0 auto;
	}
	.dental-divide__section-16-text-wrapper {
		width: 90%;
		height: auto;
		padding: 2em 1em;
		margin: 0 auto;
	}
}

/* ============================================
   Dental Divide Section 17 (Hero Style with Image Inset - Same as Section 6)
   ============================================ */
.dental-divide__section-17 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	overflow: hidden;
	z-index: 60;
	will-change: transform;
}

.dental-divide__section-17-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-17.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media (max-width: 900px) {
	.dental-divide__section-17-image {
		background-position: left top;
	}
}

.dental-divide__section-17-content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 2;
	padding: 2em 4em;
}

.dental-divide__section-17-inner {
	display: flex;
	align-items: center;
	gap: 2em;
	margin-left: 10%;
}

/* Inset Image Wrapper */
.dental-divide__section-17-inset-wrapper {
	flex-shrink: 0;
	width: 47em;
	display: flex;
	justify-content: flex-end;
	opacity: 0;
	transform: translateY(5em);
}

/* Inset Image */
.dental-divide__section-17-inset {
	display: block;
	width: 34em;
	height: auto;
	margin-right: 4em;
}

/* Text Block */
.dental-divide__section-17-text {
	max-width: 45em;
	width: 40%;
	text-align: left;
	color: #ffffff;
	border-left: 1px solid #ffffff;
	padding-left: 2em;
	padding-top: 1.5em;
	opacity: 0;
	transform: translateY(5em);
}

.dental-divide__section-17-body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.4;
	color: #ffffff;
	margin-bottom: 1.2em;
}

@media (max-width: 1024px) {
	.dental-divide__section-17-inner {
		margin-left: 5%;
	}
	.dental-divide__section-17-inset-wrapper {
		width: 50%;
	}
	.dental-divide__section-17-inset {
		width: 100%;
		margin-right: 0;
	}
}
@media (max-width: 900px) {
	.dental-divide__section-17 {
		height: auto;
		padding: 0;
	}
	.dental-divide__section-17-inner {
		margin-left: 0;
		flex-direction: column;
	}
	.dental-divide__section-17-inset-wrapper {
		width: 90%;
	}
	.dental-divide__section-17-text {
		width: 100%;
		margin-right: 0;
	}
}

/* ============================================
   Dental Divide Section 18-20 (Pinned Parallax Wipe Scene)
   ============================================ */
.dental-divide__section-18-20-scene {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	z-index: 65;
	will-change: transform;
}

/* Shared layer styles */
.scene__layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	pointer-events: none;
	will-change: transform;
}

/* Back layer: Section 18 (always visible) */
.scene__layer--back {
	z-index: 1;
}

.dental-divide__section-18-image {
	background-image: url('../images/dental-divide.section-18.png');
}

/* Front layer: Section 20 (revealed from bottom via clip-path) */
.scene__layer--front {
	z-index: 2;
	clip-path: inset(100% 0 0 0); /* Hidden initially - clips from top down to 100% */
}

.dental-divide__section-20-image {
	background-image: url('../images/dental-divide.section-20.png');
}

@media (max-width: 900px) {
	.dental-divide__section-18-image {
		background-position: 58% top;
	}
	.dental-divide__section-20-image {
		background-position: 70% top;
	}
}
/* Wipe line: Section 19 text banner */
.scene__wipe-line {
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translateY(100%); /* Start completely below the viewport */
	width: 100%;
	background-color: #ffffff;
	padding: 5.8em 0;
	z-index: 3;
}

.dental-divide__section-19-container {
	width: 54em;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 2em;
}

.dental-divide__section-19-body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 1.2em;
}

.dental-divide__section-19-body:last-child {
	margin-bottom: 0;
}

/* ============================================
   Dental Divide Section 21 (Static Text - Reusable)
   ============================================ */

.dental-divide__section-21 {
	background-color: #ffffff;
	padding: 5.8em 0;
	will-change: transform;
}

.dental-divide__section-21-container {
	width: 54em;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 2em;
}

.dental-divide__section-21-body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 1.2em;
}

.dental-divide__section-21-body:last-child {
	margin-bottom: 0;
}

/* ============================================
   Dental Divide Section 22 (Hero Style - Same layout as Section 14)
   ============================================ */
.dental-divide__section-22 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	overflow: hidden;
	z-index: 50;
	will-change: transform;
}

.dental-divide__section-22-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-22.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.dental-divide__section-22-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 1;
	opacity: 0;
}

.dental-divide__section-22-content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 2;
	padding: 2em 4em;
}

.dental-divide__section-22-text {
	max-width: 890px;
	width: 55.625em;
	text-align: left;
	color: #ffffff;
	border-left: 1px solid #ffffff;
	padding-left: 2em;
	padding-top: 1.5em;
	opacity: 0;
	transform: translateY(5em);
}

.dental-divide__section-22-body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.4;
	color: #ffffff;
	margin-bottom: 1.2em;
}

/* ============================================
   Dental Divide Section 23 (Static Text - Reusable)
   ============================================ */

.dental-divide__section-23 {
	background-color: #ffffff;
	padding: 5.8em 0;
	will-change: transform;
}

.dental-divide__section-23-container {
	width: 54em;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 2em;
}

.dental-divide__section-23-body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 1.2em;
}

.dental-divide__section-23-body:last-child {
	margin-bottom: 0;
}

/* ============================================
   Dental Divide Section 24 (Same layout and animation as Section 13)
   ============================================ */
.dental-divide__section-24 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	display: flex;
	overflow: hidden;
	background-color: #ffffff;
	z-index: 45;
	will-change: transform;
}

.dental-divide__section-24-image-wrapper {
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.dental-divide__section-24-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-24.png');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.dental-divide__section-24-text-wrapper {
	position: relative;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 8em;
	background-color: #ffffff;
}

.dental-divide__section-24-text {
	width: 100%;
	color: #000000;
	opacity: 0;
}

.dental-divide__section-24-body {
	font-size: 1.5em;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 1.2em;
}

@media (max-width: 900px) {
	.dental-divide__section-24 {
		height: auto;
		min-height: none;
		padding: 2em 0;
		flex-direction: column;
	}
	.dental-divide__section-24-image-wrapper {
		width: 90%;
		height: auto;
		aspect-ratio: 1/1.5;
		margin: 0 auto;
	}
	.dental-divide__section-24-text-wrapper {
		width: 90%;
		height: auto;
		padding: 2em 1em;
		margin: 0 auto;
	}
}

/* ============================================
   Dental Divide Section 25 (Same layout and animation as Section 13)
   ============================================ */
.dental-divide__section-25 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	display: flex;
	overflow: hidden;
	background-color: #ffffff;
	z-index: 45;
	will-change: transform;
}

.dental-divide__section-25-image-wrapper {
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.dental-divide__section-25-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-25.png');
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.dental-divide__section-25-text-wrapper {
	position: relative;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 8em;
	background-color: #ffffff;
}

.dental-divide__section-25-text {
	width: 100%;
	color: #000000;
	opacity: 0;
}

.dental-divide__section-25-body {
	font-size: 1.5em;
	line-height: 1.2;
	color: #000000;
	margin-bottom: 1.2em;
}

.dental-divide__section-25-caption {
	position: absolute;
	left: 0;
	bottom: 2em;
	z-index: 3;
	opacity: 0; /* Hidden initially */
}

@media (max-width: 900px) {
	.dental-divide__section-25 {
		height: auto;
		min-height: none;
		padding: 2em 0;
		flex-direction: column;
	}
	.dental-divide__section-25-image-wrapper {
		width: 90%;
		height: auto;
		aspect-ratio: 1/1.5;
		margin: 0 auto;
	}
	.dental-divide__section-25-text-wrapper {
		width: 90%;
		height: auto;
		padding: 2em 1em;
		margin: 0 auto;
	}
}

/* ============================================
   Dental Divide Section 26 (Same layout and animation as Section 9)
   ============================================ */
.dental-divide__section-26 {
	position: relative;
	width: 100%;
	height: 100vh;
	min-height: 100vh;
	overflow: hidden;
	z-index: 50;
	will-change: transform;
}

.dental-divide__section-26-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/dental-divide.section-26.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 1;
	z-index: 5;
}

.dental-divide__section-26-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	z-index: 10;
	opacity: 0;
}

.dental-divide__section-26-content {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	z-index: 15;
	padding: 2em 4em;
	pointer-events: none;
}

.dental-divide__section-26-text {
	max-width: 890px;
	width: 55.625em;
	text-align: left;
	color: #ffffff;
	border-left: 1px solid #ffffff;
	padding-left: 2em;
	padding-top: 1.5em;
	opacity: 0;
	transform: translateY(5em);
}

.dental-divide__section-26-body {
	font-family: 'Palanquin', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
	line-height: 1.4;
	color: #ffffff;
	margin-bottom: 1.2em;
}
@media (max-width: 900px) {
	.dental-divide__section-26-image {
		background-position: 65% top;
	}
}