/*
 * The classic layout's page sections (VT-02 ticket 02, R10): the bands a page moved as it is builds its content from,
 * as `wp:html` blocks carrying these classes. Component CSS, so bdental-core's: loaded only where the classic page
 * template renders and the page's content uses a `bdental-classic-` class (class-classic-embed.php), so no other page
 * carries a byte of it.
 *
 * Every colour a brand may not define (a band, the emergency card's roles, the moved site's extra text colours) is
 * read with a shared role as its fallback, so a clinic that turns the classic layout on without them still paints
 * every band in its own palette.
 *
 * The geometry is the moved site's own, measured from its capture (the same 980px grid as classic.css): pixels from
 * 1240px wide, and below that the site's phone layout in units of --bdental-classic-u (classic.css), which is 390/320
 * of a pixel at 390px and scales down below it. Colours are role tokens only; type is the brand's, through the
 * --bdental-classic-* properties classic.css reads, plus --bdental-classic-font-label for the site's label face.
 *
 * Below 1240px the sections may reorder: each band carries `--m-order` (its place in the phone layout), because the
 * moved site's phone layout shows two bands in a different order from its wide one.
 */

.bdental-classic-main {
	--cu: var(--bdental-classic-u);
	--bdental-classic-label: var(--bdental-classic-font-label, var(--bdental-classic-alt));
	--bdental-classic-shadow: 0 1px 4px 0 color-mix(in srgb, var(--wp--preset--color--body) 60%, transparent);
}

.bdental-classic-main :where(.bdental-classic-hero, .bdental-classic-callout-band, .bdental-classic-intro, .bdental-classic-reviews, .bdental-classic-feature, .bdental-classic-promo, .bdental-classic-split, .bdental-classic-press) :where(h1, h2, h3, h4, p, ul) {
	margin: 0;
}

.bdental-classic-main :where(.bdental-classic-intro, .bdental-classic-feature, .bdental-classic-split, .bdental-classic-promo) :where(.bdental-classic-intro__gap, .bdental-classic-intro__gap-small, .bdental-classic-feature__gap, .bdental-classic-split__gap) {
	display: none;
}

/* The phone layout's order. */
@media (max-width: 1239px) {
	.bdental-classic-main .wp-block-post-content:has(> [style*="--m-order"]) {
		display: flex;
		flex-direction: column;
	}

	.bdental-classic-main .wp-block-post-content > [style*="--m-order"] {
		order: var(--m-order);
		margin-block-start: 0;
	}
}

.bdental-classic-main .wp-block-post-content > :where(.bdental-classic-hero, .bdental-classic-callout-band, .bdental-classic-intro, .bdental-classic-reviews, .bdental-classic-feature, .bdental-classic-promo, .bdental-classic-split, .bdental-classic-press) {
	margin-block-start: 0;
}

/* ---------------------------------------------------------------- The site's button */

.bdental-classic-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	font-family: var(--bdental-classic-text);
	font-weight: var(--bdental-classic-text-weight);
	color: var(--wp--preset--color--button-primary-fg);
	background-color: var(--wp--preset--color--button-primary-bg);
	box-shadow: var(--bdental-classic-shadow);
	text-decoration: none;
	white-space: nowrap;
}

.bdental-classic-button:hover,
.bdental-classic-button:focus-visible {
	color: var(--wp--preset--color--button-primary-fg);
	background-color: var(--wp--preset--color--button-primary-hover);
}

.bdental-classic-main a:focus-visible,
.bdental-classic-main button:focus-visible {
	outline: 2px solid var(--wp--preset--color--focus-ring);
	outline-offset: 2px;
}

/* ---------------------------------------------------------------- Hero slideshow (phone first) */

.bdental-classic-hero {
	height: calc(317 * var(--cu));
	background-color: var(--wp--preset--color--page-background);
}

.bdental-classic-hero .bdental-slideshow__slide {
	height: calc(317 * var(--cu));
	background-color: var(--wp--preset--color--page-background);
}

.bdental-classic-hero__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bdental-classic-hero__image--faint {
	opacity: 0.18;
}

.bdental-classic-hero__grid {
	position: absolute;
	top: 0;
	left: 50%;
	width: calc(320 * var(--cu));
	height: 100%;
	transform: translateX(-50%);
}

.bdental-classic-hero__badge {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(144 * var(--cu));
	height: calc(50 * var(--cu));
	object-fit: cover;
}

.bdental-classic-hero__box {
	position: absolute;
	background-color: color-mix(in srgb, var(--wp--preset--color--body-secondary) 71%, transparent);
}

.bdental-classic-hero__box--1,
.bdental-classic-hero__box--2 {
	display: none;
}

.bdental-classic-hero__box--3 {
	top: calc(235 * var(--cu));
	left: calc(20 * var(--cu));
	width: calc(280 * var(--cu));
	height: calc(62 * var(--cu));
}

.bdental-classic-hero__title {
	position: absolute;
	top: calc(121 * var(--cu));
	left: calc(25 * var(--cu));
	font-family: var(--bdental-classic-alt);
	font-size: calc(30 * var(--cu));
	font-weight: 400;
	line-height: calc(35 * var(--cu));
	color: var(--wp--preset--color--body);
	white-space: nowrap;
}

.bdental-classic-hero__title span {
	display: block;
}

.bdental-classic-hero__offer {
	position: absolute;
	top: calc(35 * var(--cu));
	left: 50%;
	width: calc(190 * var(--cu));
	transform: translateX(-50%);
	font-family: var(--bdental-classic-alt);
	font-weight: 400;
	text-align: center;
	color: var(--wp--preset--color--heading);
}

.bdental-classic-hero__offer-kicker {
	display: block;
	font-size: calc(15 * var(--cu));
	line-height: calc(19 * var(--cu));
}

.bdental-classic-hero__offer-main {
	display: block;
	font-size: calc(21 * var(--cu));
	line-height: calc(25 * var(--cu));
}

.bdental-classic-hero__offer-apr {
	font-size: calc(15 * var(--cu));
}

.bdental-classic-hero__terms,
.bdental-classic-hero__terms-link {
	position: absolute;
	left: 50%;
	width: calc(220 * var(--cu));
	transform: translateX(-50%);
	font-size: calc(12 * var(--cu));
	text-align: center;
}

.bdental-classic-hero__terms {
	top: calc(143 * var(--cu));
	font-family: var(--bdental-classic-text);
	font-weight: var(--bdental-classic-text-weight);
	line-height: calc(14.5 * var(--cu));
	color: var(--wp--preset--color--text-graphite, var(--wp--preset--color--body));
}

.bdental-classic-hero__terms-link {
	top: calc(180 * var(--cu));
	font-family: var(--bdental-classic-alt);
	line-height: calc(14 * var(--cu));
	color: var(--wp--preset--color--body);
}

.bdental-classic-hero .bdental-slideshow__prev,
.bdental-classic-hero .bdental-slideshow__next {
	top: calc(142 * var(--cu));
	width: calc(15 * var(--cu));
	height: calc(29 * var(--cu));
}

.bdental-classic-hero .bdental-slideshow__prev {
	left: max(0px, calc(50% - 160 * var(--cu) + 22 * var(--cu)));
}

.bdental-classic-hero .bdental-slideshow__next {
	right: max(0px, calc(50% - 160 * var(--cu) + 22 * var(--cu)));
}

.bdental-classic-hero .bdental-slideshow__nav {
	--bdental-slideshow-hit: calc(20 * var(--cu));
	top: calc(290 * var(--cu));
	left: calc(50% - 13.5 * var(--cu));
	gap: calc(15 * var(--cu));
}

.bdental-classic-hero .bdental-slideshow__dot {
	width: calc(6 * var(--cu));
	height: calc(6 * var(--cu));
}

.bdental-classic-hero .bdental-slideshow__pause {
	width: calc(8 * var(--cu));
	height: calc(8 * var(--cu));
}

/* ---------------------------------------------------------------- Emergency card (phone first) */

.bdental-classic-callout-band {
	box-sizing: border-box;
	height: calc(810 * var(--cu));
	padding: calc(30 * var(--cu)) calc(12 * var(--cu)) 0;
}

.bdental-classic-callout {
	position: relative;
	box-sizing: border-box;
	max-width: calc(296 * var(--cu));
	margin: 0 auto;
	overflow: hidden;
	border-left: calc(4 * var(--cu)) solid var(--wp--preset--color--callout-accent, var(--wp--preset--color--button-primary-bg));
	border-radius: calc(12 * var(--cu));
	background-color: var(--wp--preset--color--callout-surface, var(--wp--preset--color--section-surface));
	font-family: var(--bdental-classic-alt);
	color: var(--wp--preset--color--callout-text, var(--wp--preset--color--body-secondary));
}

.bdental-classic-callout__inner {
	display: flex;
	flex-direction: column;
	gap: calc(28 * var(--cu));
	padding: calc(36 * var(--cu)) calc(28 * var(--cu)) calc(28 * var(--cu));
}

.bdental-classic-callout__badge {
	display: inline-flex;
	align-items: center;
	margin-bottom: calc(18 * var(--cu)) !important;
	padding: calc(6 * var(--cu)) calc(14 * var(--cu));
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--callout-accent, var(--wp--preset--color--button-primary-bg)) 25%, transparent);
	border-radius: 999px;
	background-color: color-mix(in srgb, var(--wp--preset--color--callout-accent, var(--wp--preset--color--button-primary-bg)) 8%, transparent);
	color: var(--wp--preset--color--callout-accent-strong, var(--wp--preset--color--heading));
	font-size: calc(13 * var(--cu));
	font-weight: 700;
	line-height: normal;
}

.bdental-classic-callout__title {
	margin-bottom: calc(14 * var(--cu)) !important;
	font-family: var(--bdental-classic-alt);
	font-size: calc(28 * var(--cu));
	font-weight: 400;
	line-height: 1.2;
	color: var(--wp--preset--color--callout-heading, var(--wp--preset--color--body));
}

.bdental-classic-callout__title span {
	display: block;
	font-size: calc(22 * var(--cu));
	color: var(--wp--preset--color--callout-text-alt, var(--wp--preset--color--body-secondary));
}

.bdental-classic-callout__lede {
	max-width: calc(500 * var(--cu));
	font-size: calc(16 * var(--cu));
	line-height: 1.6;
}

.bdental-classic-callout__more {
	display: none;
}

.bdental-classic-callout__facts {
	display: flex;
	flex-direction: column;
	gap: calc(8 * var(--cu));
	margin-top: calc(18 * var(--cu)) !important;
	padding: 0;
	list-style: none;
}

.bdental-classic-callout__facts li {
	display: flex;
	align-items: center;
	gap: calc(10 * var(--cu));
	font-size: calc(15 * var(--cu));
	font-weight: 700;
	line-height: normal;
	color: var(--wp--preset--color--callout-heading, var(--wp--preset--color--body));
}

.bdental-classic-callout__facts svg {
	flex-shrink: 0;
	width: calc(18 * var(--cu));
	height: calc(18 * var(--cu));
	color: var(--wp--preset--color--callout-accent, var(--wp--preset--color--button-primary-bg));
}

.bdental-classic-callout__policy-link {
	margin-left: calc(6 * var(--cu));
	padding: 0;
	border: 0;
	background: none;
	font: inherit;
	font-size: calc(14 * var(--cu));
	font-weight: 500;
	color: var(--wp--preset--color--callout-accent-strong, var(--wp--preset--color--heading));
	text-decoration: underline;
	text-underline-offset: 2px;
	cursor: pointer;
}

.bdental-classic-callout__note {
	margin-top: calc(8 * var(--cu)) !important;
	font-size: calc(14 * var(--cu));
	line-height: 1.5;
}

.bdental-classic-callout__button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: calc(10 * var(--cu));
	box-sizing: border-box;
	min-height: calc(52 * var(--cu));
	padding: calc(16 * var(--cu)) calc(32 * var(--cu));
	border-radius: calc(10 * var(--cu));
	background-color: var(--wp--preset--color--callout-accent, var(--wp--preset--color--button-primary-bg));
	box-shadow: 0 4px 12px color-mix(in srgb, var(--wp--preset--color--callout-accent, var(--wp--preset--color--button-primary-bg)) 22%, transparent);
	color: var(--wp--preset--color--page-background);
	font-size: calc(17 * var(--cu));
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color 0.2s ease;
}

.bdental-classic-callout__button svg {
	width: calc(18 * var(--cu));
	height: calc(18 * var(--cu));
}

.bdental-classic-callout__button:hover,
.bdental-classic-callout__button:focus-visible {
	color: var(--wp--preset--color--page-background);
	background-color: var(--wp--preset--color--callout-accent-strong, var(--wp--preset--color--heading));
}

.bdental-classic-callout :focus-visible {
	outline: 3px solid var(--wp--preset--color--callout-heading, var(--wp--preset--color--body)) !important;
	outline-offset: 3px !important;
}

.bdental-classic-callout__safety {
	padding: calc(16 * var(--cu)) calc(28 * var(--cu)) calc(20 * var(--cu));
	border-top: 1px solid var(--wp--preset--color--callout-rule, var(--wp--preset--color--divider));
	font-size: calc(13 * var(--cu));
	line-height: 1.5;
}

.bdental-classic-callout__safety strong {
	font-weight: 700;
	color: var(--wp--preset--color--callout-heading, var(--wp--preset--color--body));
}

.bdental-classic-callout__policy {
	position: absolute;
	inset: 0;
	overflow-y: auto;
	padding: calc(64 * var(--cu)) calc(24 * var(--cu)) calc(24 * var(--cu));
	background-color: var(--wp--preset--color--callout-surface, var(--wp--preset--color--section-surface));
	font-size: calc(14 * var(--cu));
	line-height: 1.55;
}

.bdental-classic-callout__policy[hidden] {
	display: none;
}

.bdental-classic-callout__policy h3 {
	margin-bottom: calc(10 * var(--cu));
	font-size: calc(22 * var(--cu));
	font-weight: 400;
	color: var(--wp--preset--color--callout-heading, var(--wp--preset--color--body));
}

.bdental-classic-callout__policy h4 {
	margin: calc(10 * var(--cu)) 0 calc(4 * var(--cu));
	font-size: calc(15 * var(--cu));
	font-weight: 700;
	color: var(--wp--preset--color--callout-heading, var(--wp--preset--color--body));
}

.bdental-classic-callout__policy p {
	max-width: calc(720 * var(--cu));
	margin-bottom: calc(8 * var(--cu));
}

.bdental-classic-callout__policy ul {
	max-width: calc(720 * var(--cu));
	margin-bottom: calc(8 * var(--cu));
	padding-left: calc(20 * var(--cu));
}

.bdental-classic-callout__policy li {
	margin-bottom: calc(4 * var(--cu));
}

.bdental-classic-callout__policy li strong {
	color: var(--wp--preset--color--callout-heading, var(--wp--preset--color--body));
}

.bdental-classic-callout__policy-close {
	position: absolute;
	top: calc(16 * var(--cu));
	right: calc(16 * var(--cu));
	min-height: calc(40 * var(--cu));
	padding: calc(8 * var(--cu)) calc(16 * var(--cu));
	border: 1px solid var(--wp--preset--color--callout-rule, var(--wp--preset--color--divider));
	border-radius: calc(8 * var(--cu));
	background-color: var(--wp--preset--color--page-background);
	font: inherit;
	font-weight: 700;
	color: var(--wp--preset--color--callout-heading, var(--wp--preset--color--body));
	cursor: pointer;
}

/* ---------------------------------------------------------------- Intro (phone first) */

.bdental-classic-intro {
	box-sizing: border-box;
	max-width: calc(320 * var(--cu));
	min-height: calc(659 * var(--cu));
	margin: 0 auto;
	padding: calc(25 * var(--cu)) calc(13 * var(--cu)) calc(15 * var(--cu));
	font-family: var(--bdental-classic-alt);
	text-align: center;
	color: var(--wp--preset--color--body-secondary);
}

.bdental-classic-intro__title {
	font-family: var(--bdental-classic-text);
	font-size: calc(21 * var(--cu));
	font-weight: var(--bdental-classic-text-weight);
	line-height: calc(22 * var(--cu));
	letter-spacing: calc(1.05 * var(--cu));
	color: var(--wp--preset--color--heading-light, var(--wp--preset--color--body-secondary));
}

.bdental-classic-intro__cases {
	margin-top: calc(22 * var(--cu)) !important;
}

.bdental-classic-intro__cases a {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: calc(280 * var(--cu));
	height: calc(42 * var(--cu));
	margin: 0 auto;
	border-radius: 4px;
	background-color: var(--wp--preset--color--button-slate, var(--wp--preset--color--button-primary-bg));
	color: var(--wp--preset--color--page-background);
	font-family: var(--bdental-classic-alt);
	font-size: calc(11 * var(--cu));
	font-weight: 700;
	letter-spacing: calc(0.55 * var(--cu));
	text-decoration: none;
}

.bdental-classic-intro__cases a:hover {
	color: var(--wp--preset--color--page-background);
	background-color: var(--wp--preset--color--text-graphite, var(--wp--preset--color--body));
}

.bdental-classic-intro__text {
	font-size: calc(14 * var(--cu));
	line-height: calc(21 * var(--cu));
	letter-spacing: calc(-0.14 * var(--cu));
}

.bdental-classic-intro__cases + .bdental-classic-intro__text {
	margin-top: calc(9.5 * var(--cu)) !important;
}

.bdental-classic-intro__gap + .bdental-classic-intro__text {
	margin-top: calc(21 * var(--cu)) !important;
}

.bdental-classic-intro__key {
	color: var(--wp--preset--color--heading);
}

.bdental-classic-intro a:not(.bdental-classic-button) {
	color: inherit;
	text-decoration: none;
}

.bdental-classic-intro__phone a:not(.bdental-classic-button),
.bdental-classic-intro__email a:not(.bdental-classic-button) {
	color: var(--wp--preset--color--body-secondary);
}

.bdental-classic-intro__cases a:not(.bdental-classic-button) {
	color: var(--wp--preset--color--page-background);
}

.bdental-classic-intro__phone {
	font-size: calc(22 * var(--cu));
	line-height: calc(44 * var(--cu));
}

.bdental-classic-intro__email {
	font-size: calc(22 * var(--cu));
	line-height: calc(22 * var(--cu));
	letter-spacing: calc(-0.22 * var(--cu));
}

.bdental-classic-intro__small {
	font-size: calc(14 * var(--cu));
	line-height: calc(18.2 * var(--cu));
	letter-spacing: calc(-0.14 * var(--cu));
}

.bdental-classic-intro__gap-small + .bdental-classic-intro__small {
	margin: calc(14.5 * var(--cu)) calc(-3 * var(--cu)) 0 !important;
}

.bdental-classic-intro__buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(9 * var(--cu));
	margin-top: calc(13 * var(--cu)) !important;
}

.bdental-classic-intro__buttons .bdental-classic-button {
	width: calc(280 * var(--cu));
	height: calc(42 * var(--cu));
}

.bdental-classic-intro__register {
	font-size: calc(16 * var(--cu));
	line-height: calc(22.4 * var(--cu));
}

.bdental-classic-intro__fees {
	font-size: calc(13.05 * var(--cu));
	line-height: calc(18.275 * var(--cu));
}

/* ---------------------------------------------------------------- Reviews panel (phone first) */

.bdental-classic-reviews {
	box-sizing: border-box;
	height: calc(693 * var(--cu));
	padding-top: calc(10 * var(--cu));
}

.bdental-classic-reviews__panel {
	max-width: calc(320 * var(--cu));
	height: calc(646 * var(--cu));
	margin: 0 auto;
}

.bdental-classic-reviews__panel::before {
	content: "";
	position: absolute;
	inset: 0 calc(7 * var(--cu)) calc(8 * var(--cu));
	border-radius: calc(12 * var(--cu));
	background-color: var(--wp--preset--color--band-grey, var(--wp--preset--color--section-surface));
}

.bdental-classic-reviews__panel.is-loaded::before {
	display: none;
}

.bdental-classic-reviews__panel .bdental-embed__heading {
	position: absolute;
	top: calc(24 * var(--cu));
	left: calc(28 * var(--cu));
	right: calc(28 * var(--cu));
	font-family: var(--bdental-classic-alt);
	font-size: calc(19 * var(--cu));
	line-height: calc(26 * var(--cu));
	color: var(--wp--preset--color--text-graphite, var(--wp--preset--color--body));
}

/* ---------------------------------------------------------------- Feature line (phone first) */

.bdental-classic-feature {
	box-sizing: border-box;
	max-width: calc(320 * var(--cu));
	height: calc(303 * var(--cu));
	margin: 0 auto;
	padding: calc(15 * var(--cu)) calc(31 * var(--cu)) 0;
	font-family: var(--bdental-classic-text);
	font-weight: var(--bdental-classic-text-weight);
	text-align: center;
	color: var(--wp--preset--color--body-secondary);
}

.bdental-classic-feature__title {
	padding: 0 calc(16 * var(--cu));
	font-family: var(--bdental-classic-text);
	font-size: calc(23 * var(--cu));
	font-weight: 500;
	line-height: calc(28 * var(--cu));
	color: var(--wp--preset--color--body-secondary);
}

.bdental-classic-feature__text {
	margin-top: calc(17 * var(--cu)) !important;
	font-size: calc(14 * var(--cu));
	line-height: normal;
}

.bdental-classic-feature__text strong {
	font-size: calc(17 * var(--cu));
	font-weight: 500;
}

.bdental-classic-feature__action {
	position: absolute;
}

.bdental-classic-feature {
	position: relative;
}

.bdental-classic-feature__action {
	top: calc(230 * var(--cu));
	left: calc(80 * var(--cu));
}

.bdental-classic-feature__button {
	width: calc(160 * var(--cu));
	height: calc(42 * var(--cu));
	font-size: calc(13.05 * var(--cu));
	line-height: calc(18.275 * var(--cu));
}

/* ---------------------------------------------------------------- Promotion with video (phone first) */

.bdental-classic-promo__inner {
	max-width: calc(320 * var(--cu));
	margin: 0 auto;
}

.bdental-classic-promo__text {
	box-sizing: border-box;
	height: calc(302 * var(--cu));
	padding-top: calc(19 * var(--cu));
	text-align: center;
	font-family: var(--bdental-classic-alt);
	color: var(--wp--preset--color--heading);
}

.bdental-classic-promo__kicker {
	font-family: var(--bdental-classic-text);
	font-size: calc(17 * var(--cu));
	font-weight: var(--bdental-classic-text-weight);
	line-height: calc(20.4 * var(--cu));
	color: var(--wp--preset--color--body-secondary);
}

.bdental-classic-promo__title {
	max-width: calc(206 * var(--cu));
	margin: calc(10.6 * var(--cu)) auto 0 !important;
	font-family: var(--bdental-classic-alt);
	font-size: calc(24 * var(--cu));
	font-weight: 400;
	line-height: calc(28.8 * var(--cu));
	color: var(--wp--preset--color--heading);
}

.bdental-classic-promo__title span {
	display: block;
	margin: 0 calc(-6 * var(--cu));
	font-size: calc(21 * var(--cu));
	line-height: calc(25.2 * var(--cu));
}

.bdental-classic-promo__lede {
	max-width: calc(270 * var(--cu));
	margin: calc(11.6 * var(--cu)) auto 0 !important;
	font-family: var(--bdental-classic-text);
	font-size: calc(16 * var(--cu));
	font-weight: 500;
	line-height: calc(22.4 * var(--cu));
	color: var(--wp--preset--color--body);
}

.bdental-classic-promo__action {
	margin-top: calc(18.6 * var(--cu)) !important;
}

.bdental-classic-promo__button {
	width: calc(158 * var(--cu));
	height: calc(37 * var(--cu));
	font-size: calc(15.42 * var(--cu));
	line-height: calc(21.59 * var(--cu));
}

.bdental-classic-promo__media {
	box-sizing: border-box;
	height: calc(190 * var(--cu));
	padding: calc(10 * var(--cu));
}

.bdental-classic-promo__video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color: var(--wp--preset--color--body);
}

/* ---------------------------------------------------------------- Split bands: a picture or video half and a text half (phone first) */

.bdental-classic-split {
	display: flex;
	flex-direction: column;
	font-family: var(--bdental-classic-text);
	font-weight: var(--bdental-classic-text-weight);
	color: var(--wp--preset--color--body-secondary);
}

.bdental-classic-split__media {
	position: relative;
	overflow: hidden;
}

.bdental-classic-split__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bdental-classic-split__body {
	box-sizing: border-box;
	position: relative;
	padding: 0 calc(20 * var(--cu));
	text-align: center;
}

.bdental-classic-split__body > * {
	max-width: calc(280 * var(--cu));
	margin-inline: auto !important;
}

.bdental-classic-split__title {
	font-family: var(--bdental-classic-alt);
	font-size: calc(21 * var(--cu));
	font-weight: 400;
	line-height: calc(25.2 * var(--cu));
	color: var(--wp--preset--color--heading);
}

.bdental-classic-split__lede {
	font-size: calc(19 * var(--cu));
	font-weight: 500;
	line-height: normal;
}

.bdental-classic-split__text {
	font-size: calc(15 * var(--cu));
	line-height: normal;
}

.bdental-classic-split__text strong {
	font-size: calc(19 * var(--cu));
	font-weight: 500;
}

.bdental-classic-split__list {
	padding-left: calc(25 * var(--cu));
	text-align: left;
	font-size: calc(14 * var(--cu));
	line-height: calc(17 * var(--cu));
}

.bdental-classic-split__action {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.bdental-classic-split .bdental-classic-button {
	font-size: calc(15.42 * var(--cu));
	line-height: calc(21.59 * var(--cu));
}

/* Each band's phone geometry. */
.bdental-classic-split--grey .bdental-classic-split__body {
	background-color: var(--wp--preset--color--band-grey, var(--wp--preset--color--section-surface));
}

.bdental-classic-split__body--cosmetic {
	height: calc(302 * var(--cu));
	padding-top: calc(22 * var(--cu));
}

.bdental-classic-split__body--cosmetic .bdental-classic-split__title {
	font-size: calc(23 * var(--cu));
	line-height: calc(27.6 * var(--cu));
}

.bdental-classic-split__body--cosmetic .bdental-classic-split__lede {
	margin-top: calc(10 * var(--cu)) !important;
}

.bdental-classic-split__body--cosmetic .bdental-classic-split__text {
	margin-top: calc(18 * var(--cu)) !important;
}

.bdental-classic-split__body--cosmetic .bdental-classic-split__action {
	top: calc(241 * var(--cu));
}

.bdental-classic-split__body--cosmetic .bdental-classic-button {
	width: calc(130 * var(--cu));
	height: calc(36 * var(--cu));
}

.bdental-classic-split--grey:has(.bdental-classic-split__body--cosmetic) .bdental-classic-split__media {
	height: calc(162 * var(--cu));
}

.bdental-classic-split--implants {
	background-color: var(--wp--preset--color--band-grey-alt, var(--wp--preset--color--section-surface));
}

.bdental-classic-split--implants .bdental-classic-split__media {
	order: -1;
	padding: calc(10 * var(--cu));
}

.bdental-classic-split__video {
	width: 100%;
	aspect-ratio: 300 / 169;
}

.bdental-classic-split__body--implants {
	height: calc(422 * var(--cu));
	padding-top: calc(27 * var(--cu));
}

.bdental-classic-split__body--implants .bdental-classic-split__text {
	margin-top: calc(29 * var(--cu)) !important;
}

.bdental-classic-split__body--implants .bdental-classic-split__action {
	top: calc(310 * var(--cu));
}

.bdental-classic-split__body--implants .bdental-classic-button {
	width: calc(160 * var(--cu));
	height: calc(48 * var(--cu));
	font-size: calc(17 * var(--cu));
	line-height: calc(23.8 * var(--cu));
}

.bdental-classic-split--grey:has(.bdental-classic-split__body--veneers) .bdental-classic-split__media {
	height: calc(133 * var(--cu));
}

.bdental-classic-split__body--veneers {
	height: calc(334 * var(--cu));
	padding-top: calc(19 * var(--cu));
}

.bdental-classic-split__body--veneers .bdental-classic-split__text {
	margin-top: calc(13 * var(--cu)) !important;
	font-size: calc(14 * var(--cu));
	text-align: left;
	color: var(--wp--preset--color--body);
}

.bdental-classic-split__body--veneers .bdental-classic-split__list {
	margin-top: calc(18 * var(--cu)) !important;
	color: var(--wp--preset--color--body);
}

.bdental-classic-split__body--veneers .bdental-classic-split__action {
	top: calc(258 * var(--cu));
}

.bdental-classic-split__body--veneers .bdental-classic-button {
	width: calc(160 * var(--cu));
	height: calc(42 * var(--cu));
	font-size: calc(15.87 * var(--cu));
	line-height: calc(22.21 * var(--cu));
}

.bdental-classic-split--blue .bdental-classic-split__media {
	height: calc(147 * var(--cu));
	background-color: var(--wp--preset--color--page-background);
}

.bdental-classic-split--blue .bdental-classic-split__body {
	height: calc(342 * var(--cu));
	padding-top: calc(21 * var(--cu));
	background-color: var(--wp--preset--color--highlight-band);
}

.bdental-classic-split__body--straight .bdental-classic-split__list {
	margin-top: calc(11 * var(--cu)) !important;
}

.bdental-classic-split__body--straight .bdental-classic-split__action {
	top: calc(277 * var(--cu));
}

.bdental-classic-split__body--straight .bdental-classic-button {
	width: calc(208 * var(--cu));
	height: calc(42 * var(--cu));
	font-size: calc(13.05 * var(--cu));
	line-height: calc(18.275 * var(--cu));
}

.bdental-classic-split__body--general {
	height: calc(382 * var(--cu));
	padding-top: calc(44 * var(--cu));
	background-color: var(--wp--preset--color--band-grey, var(--wp--preset--color--section-surface));
	color: var(--wp--preset--color--body);
}

.bdental-classic-split__body--general .bdental-classic-split__text--first {
	margin-top: calc(11 * var(--cu)) !important;
	font-size: calc(14 * var(--cu));
	line-height: calc(16.8 * var(--cu));
}

.bdental-classic-split__text--small {
	margin-top: calc(23 * var(--cu)) !important;
	font-size: calc(13 * var(--cu));
	line-height: calc(15.6 * var(--cu));
}

.bdental-classic-split__text--small ~ .bdental-classic-split__text--small {
	margin-top: calc(17 * var(--cu)) !important;
}

.bdental-classic-split__links {
	box-sizing: border-box;
	height: calc(136 * var(--cu));
	margin-bottom: calc(20 * var(--cu));
	padding: calc(20 * var(--cu)) 0 0 calc(56 * var(--cu));
	background-color: var(--wp--preset--color--band-ice, var(--wp--preset--color--highlight-band));
}

.bdental-classic-split__links ul {
	max-width: calc(264 * var(--cu));
	margin: 0 auto !important;
	padding-left: 0;
	font-size: calc(20 * var(--cu));
	line-height: calc(24 * var(--cu));
}

.bdental-classic-split__links a {
	color: var(--wp--preset--color--link-on-ice, var(--wp--preset--color--link));
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

/* ---------------------------------------------------------------- Press logos (phone first) */

.bdental-classic-press {
	box-sizing: border-box;
	position: relative;
	height: calc(254 * var(--cu));
	padding-top: calc(5 * var(--cu));
}

.bdental-classic-press__band {
	position: relative;
	height: calc(197 * var(--cu));
	background-color: var(--wp--preset--color--accent-band);
}

.bdental-classic-press__title {
	position: absolute;
	top: calc(22 * var(--cu));
	left: 0;
	right: 0;
	font-family: var(--bdental-classic-label);
	font-size: calc(16 * var(--cu));
	font-weight: 600;
	line-height: calc(21 * var(--cu));
	letter-spacing: calc(0.8 * var(--cu));
	text-align: center;
	color: var(--wp--preset--color--body-secondary);
}

.bdental-classic-press__logos {
	padding: 0;
	list-style: none;
}

.bdental-classic-press__logo {
	position: absolute;
}

.bdental-classic-press__logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.bdental-classic-press__logo--first {
	top: calc(102 * var(--cu));
	left: calc(50% - 96 * var(--cu));
	width: calc(191 * var(--cu));
	height: calc(54 * var(--cu));
}

.bdental-classic-press__logo--second {
	top: calc(53 * var(--cu));
	left: calc(50% - 109 * var(--cu));
	width: calc(218 * var(--cu));
	height: calc(44 * var(--cu));
}

.bdental-classic-press__policy {
	position: absolute;
	top: calc(209 * var(--cu));
	left: calc(50% - 128 * var(--cu));
	font-family: var(--bdental-classic-text);
	font-size: calc(14 * var(--cu));
	font-weight: var(--bdental-classic-text-weight);
	line-height: calc(22.4 * var(--cu));
	letter-spacing: calc(0.56 * var(--cu));
}

.bdental-classic-press__policy a {
	color: var(--wp--preset--color--body);
	text-decoration: none;
}

.bdental-classic-press__policy a:hover {
	text-decoration: underline;
}

/* ================================================================ The 980px grid, from 1240px wide */

@media (min-width: 1240px) {
	/* Hero */
	.bdental-classic-hero,
	.bdental-classic-hero .bdental-slideshow__slide {
		height: 510px;
	}

	.bdental-classic-hero__grid {
		width: 980px;
	}

	.bdental-classic-hero__badge {
		left: 746px;
		right: auto;
		width: 233px;
		height: 81px;
	}

	.bdental-classic-hero__box--1,
	.bdental-classic-hero__box--2 {
		display: block;
	}

	.bdental-classic-hero__box--1 {
		top: 231px;
		left: 1.5px;
		width: 313px;
		height: 69px;
	}

	.bdental-classic-hero__box--2 {
		top: 301px;
		left: 1.5px;
		width: 528px;
		height: 70px;
	}

	.bdental-classic-hero__box--3 {
		top: 372px;
		left: 1.5px;
		width: 301px;
		height: 69px;
	}

	.bdental-classic-hero__title {
		top: 231px;
		left: 33.5px;
		font-size: 60px;
		line-height: 70px;
		color: var(--wp--preset--color--dark-body);
	}

	.bdental-classic-hero__offer {
		top: 147px;
		width: 720px;
	}

	.bdental-classic-hero__offer-kicker {
		font-size: 26px;
		line-height: 32px;
	}

	.bdental-classic-hero__offer-main {
		font-size: 60px;
		line-height: 70px;
	}

	.bdental-classic-hero__offer-apr {
		font-size: 29px;
	}

	.bdental-classic-hero__terms,
	.bdental-classic-hero__terms-link {
		width: 600px;
		font-size: 14px;
	}

	.bdental-classic-hero__terms {
		top: 368px;
		line-height: 17px;
	}

	.bdental-classic-hero__terms-link {
		top: 400px;
		line-height: 17px;
	}

	.bdental-classic-hero .bdental-slideshow__prev,
	.bdental-classic-hero .bdental-slideshow__next {
		top: 229px;
		width: 25px;
		height: 52px;
	}

	.bdental-classic-hero .bdental-slideshow__prev {
		left: 100px;
	}

	.bdental-classic-hero .bdental-slideshow__next {
		right: 100px;
	}

	.bdental-classic-hero .bdental-slideshow__nav {
		--bdental-slideshow-hit: 18px;
		top: 457px;
		left: calc(50% - 12px);
		gap: 12px;
	}

	.bdental-classic-hero .bdental-slideshow__dot {
		width: 6px;
		height: 6px;
	}

	.bdental-classic-hero .bdental-slideshow__pause {
		width: 8px;
		height: 8px;
	}

	/* Emergency card */
	.bdental-classic-callout-band {
		height: 530px;
		padding: 26px 12px 0;
	}

	.bdental-classic-callout {
		max-width: 1100px;
		border-left-width: 4px;
		border-radius: 12px;
	}

	.bdental-classic-callout__inner {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 40px;
		padding: 44px 48px 32px;
	}

	.bdental-classic-callout__text {
		flex: 1 1 auto;
		min-width: 0;
	}

	.bdental-classic-callout__cta {
		flex-shrink: 0;
	}

	.bdental-classic-callout__badge {
		margin-bottom: 18px !important;
		padding: 6px 14px;
		font-size: 13px;
	}

	.bdental-classic-callout__title {
		margin-bottom: 14px !important;
		font-size: 36px;
	}

	.bdental-classic-callout__title span {
		font-size: 26px;
	}

	.bdental-classic-callout__lede {
		max-width: 500px;
		font-size: 16px;
	}

	.bdental-classic-callout__more {
		display: inline;
	}

	.bdental-classic-callout__facts {
		gap: 8px;
		margin-top: 18px !important;
	}

	.bdental-classic-callout__facts li {
		gap: 10px;
		font-size: 15px;
	}

	.bdental-classic-callout__facts svg,
	.bdental-classic-callout__button svg {
		width: 18px;
		height: 18px;
	}

	.bdental-classic-callout__policy-link {
		margin-left: 6px;
		font-size: 14px;
	}

	.bdental-classic-callout__note {
		margin-top: 8px !important;
		padding-left: 28px;
		font-size: 14px;
	}

	.bdental-classic-callout__button {
		display: inline-flex;
		gap: 10px;
		min-height: 52px;
		padding: 16px 32px;
		border-radius: 10px;
		font-size: 17px;
	}

	.bdental-classic-callout__safety {
		padding: 16px 48px 20px;
		font-size: 13px;
	}

	.bdental-classic-callout__policy {
		padding: 24px 48px;
		font-size: 14px;
	}

	.bdental-classic-callout__policy h3 {
		margin-bottom: 10px;
		font-size: 22px;
	}

	.bdental-classic-callout__policy h4 {
		margin: 10px 0 4px;
		font-size: 15px;
	}

	.bdental-classic-callout__policy p,
	.bdental-classic-callout__policy ul {
		max-width: 720px;
		margin-bottom: 8px;
	}

	.bdental-classic-callout__policy ul {
		padding-left: 20px;
	}

	.bdental-classic-callout__policy li {
		margin-bottom: 4px;
	}

	.bdental-classic-callout__policy-close {
		top: 16px;
		right: 16px;
		min-height: 40px;
		padding: 8px 16px;
		border-radius: 8px;
	}

	/* Intro */
	.bdental-classic-intro {
		max-width: 980px;
		min-height: 621px;
		padding: 34px 36px 39px;
	}

	.bdental-classic-intro__title {
		font-size: 41px;
		line-height: 44px;
		letter-spacing: 2.05px;
	}

	.bdental-classic-intro__cases {
		margin-top: 19px !important;
	}

	.bdental-classic-intro__cases a {
		width: 546px;
		height: 40px;
		font-size: 14px;
		letter-spacing: 0.7px;
	}

	.bdental-classic-intro__text {
		font-size: 18px;
		line-height: 27px;
		letter-spacing: -0.18px;
	}

	.bdental-classic-intro__cases + .bdental-classic-intro__text {
		margin-top: 19px !important;
	}

	.bdental-classic-intro__gap + .bdental-classic-intro__text {
		margin-top: 30px !important;
	}

	.bdental-classic-intro__phone {
		font-size: 34px;
		line-height: 68px;
	}

	.bdental-classic-intro__email {
		font-size: 34px;
		line-height: 34px;
		letter-spacing: -0.34px;
	}

	.bdental-classic-intro__small {
		font-size: 18px;
		line-height: 23.4px;
		letter-spacing: -0.18px;
	}

	.bdental-classic-intro__gap-small + .bdental-classic-intro__small {
		margin: 19px 0 0 !important;
	}

	.bdental-classic-intro__buttons {
		flex-direction: row;
		justify-content: center;
		gap: 17px;
		margin-top: 28px !important;
	}

	.bdental-classic-intro__register {
		width: 208px !important;
		height: 46px !important;
		font-size: 17px;
		line-height: 23.8px;
	}

	.bdental-classic-intro__fees {
		width: 350px !important;
		height: 46px !important;
		font-size: 17px;
		line-height: 23.8px;
	}

	/* Reviews */
	.bdental-classic-reviews {
		height: 651px;
		padding-top: 0;
	}

	.bdental-classic-reviews__panel {
		max-width: 980px;
		height: 642px;
	}

	.bdental-classic-reviews__panel::before {
		inset: 9px 90px 13px;
		border-radius: 12px;
	}

	.bdental-classic-reviews__panel .bdental-embed__heading {
		top: 30px;
		left: 110px;
		right: 110px;
		font-size: 22px;
		line-height: 30px;
	}

	/* Feature line */
	.bdental-classic-feature {
		max-width: 980px;
		height: 284px;
		padding: 56px 23px 0 41px;
	}

	.bdental-classic-feature__title {
		padding: 0;
		font-size: 30px;
		line-height: 36px;
	}

	.bdental-classic-feature__text {
		margin-top: 19px !important;
		font-size: 16px;
		line-height: 24px;
	}

	.bdental-classic-feature__text strong {
		font-size: 20px;
	}

	.bdental-classic-feature__action {
		top: 199px;
		left: 400.5px;
	}

	.bdental-classic-feature__button {
		width: 198px;
		height: 31px;
		font-size: 17px;
		line-height: 23.8px;
	}

	/* Promotion with video */
	.bdental-classic-promo__inner {
		display: grid;
		grid-template-columns: 490px 490px;
		max-width: 980px;
		height: 309px;
	}

	.bdental-classic-promo__text {
		height: auto;
		padding-top: 35px;
	}

	.bdental-classic-promo__kicker {
		font-size: 18px;
		line-height: 21.6px;
	}

	.bdental-classic-promo__title {
		max-width: none;
		margin-top: 21px !important;
		font-size: 25px;
		line-height: 30px;
	}

	.bdental-classic-promo__title span {
		margin: 0;
		font-size: 22px;
		line-height: 26.4px;
	}

	.bdental-classic-promo__lede {
		max-width: 420px;
		margin-top: 11.4px !important;
		font-size: 17px;
		line-height: 23.8px;
	}

	.bdental-classic-promo__action {
		margin-top: 13.3px !important;
	}

	.bdental-classic-promo__button {
		width: 158px;
		height: 31px;
		font-size: 17px;
		line-height: 23.8px;
	}

	.bdental-classic-promo__media {
		height: 273px;
		margin-left: 1.5px;
		padding: 0;
	}

	/* Split bands */
	.bdental-classic-split {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.bdental-classic-split__body {
		height: auto !important;
		padding: 0 !important;
		text-align: left;
	}

	.bdental-classic-split__body > * {
		max-width: none;
		margin-inline: 0 !important;
	}

	.bdental-classic-split__title {
		font-size: 32px !important;
		line-height: 38.4px !important;
	}

	.bdental-classic-split__lede {
		font-size: 20px;
	}

	.bdental-classic-split__text,
	.bdental-classic-split__list {
		font-size: 16px !important;
	}

	.bdental-classic-split__text strong {
		font-size: 20px;
	}

	.bdental-classic-split__action {
		left: auto;
		transform: none;
	}

	.bdental-classic-split .bdental-classic-button {
		width: 125px !important;
		height: 31px !important;
		font-size: 17px !important;
		line-height: 23.8px !important;
	}

	.bdental-classic-split--grey {
		background-color: var(--wp--preset--color--band-grey, var(--wp--preset--color--section-surface));
	}

	.bdental-classic-split--grey .bdental-classic-split__media,
	.bdental-classic-split--blue .bdental-classic-split__media {
		height: auto !important;
		background-color: var(--wp--preset--color--page-background);
	}

	.bdental-classic-split__media .bdental-classic-split__image {
		position: absolute;
		inset: 0;
	}

	.bdental-classic-split__body--cosmetic {
		min-height: 339px;
		padding: 26.3px 0 0 33px !important;
	}

	.bdental-classic-split__body--cosmetic .bdental-classic-split__lede {
		margin-top: 21px !important;
	}

	.bdental-classic-split__body--cosmetic .bdental-classic-split__text {
		max-width: 420px;
		margin-top: 19px !important;
	}

	.bdental-classic-split__body--cosmetic .bdental-classic-split__action {
		top: 249px;
		left: 33px;
	}

	.bdental-classic-split--implants {
		background-color: var(--wp--preset--color--band-ice, var(--wp--preset--color--highlight-band));
	}

	.bdental-classic-split--implants .bdental-classic-split__body {
		order: 0;
		min-height: 306px;
		padding: 25.3px 0 0 calc(100% - 454.5px) !important;
		background-color: var(--wp--preset--color--band-blue-deep, var(--wp--preset--color--highlight-band));
	}

	.bdental-classic-split__body--implants .bdental-classic-split__text {
		max-width: 436px;
		margin-top: 11px !important;
	}

	.bdental-classic-split__body--implants .bdental-classic-split__action {
		top: 239px;
		left: calc(100% - 454.5px);
	}

	.bdental-classic-split--implants .bdental-classic-split__media {
		order: 1;
		height: auto;
		padding: 8px 0 0 1.5px;
		background-color: var(--wp--preset--color--band-grey-alt, var(--wp--preset--color--section-surface));
	}

	.bdental-classic-split__video {
		width: 488px;
		height: 276px;
		aspect-ratio: auto;
	}

	.bdental-classic-split__body--veneers {
		min-height: 385px;
		padding: 37.3px 0 0 35.5px !important;
	}

	.bdental-classic-split__body--veneers .bdental-classic-split__text {
		max-width: 430px;
		margin-top: 18px !important;
		text-align: left;
	}

	.bdental-classic-split__body--veneers .bdental-classic-split__list {
		margin-top: 19px !important;
		padding-left: 28px;
	}

	.bdental-classic-split__body--veneers .bdental-classic-split__list li {
		max-width: 400px;
	}

	.bdental-classic-split__body--veneers .bdental-classic-split__action {
		top: 283px;
		left: 35.5px;
	}

	.bdental-classic-split--general {
		background-color: var(--wp--preset--color--band-ice, var(--wp--preset--color--highlight-band));
	}

	.bdental-classic-split__body--general {
		min-height: 399px;
		padding: 34.3px 0 0 calc(100% - 455.5px) !important;
	}

	.bdental-classic-split__body--general > * {
		max-width: 425px;
	}

	.bdental-classic-split__body--general .bdental-classic-split__text--first {
		margin-top: 18px !important;
		font-size: 16px !important;
		line-height: 19.2px;
	}

	.bdental-classic-split__text--small,
	.bdental-classic-split__text--small ~ .bdental-classic-split__text--small {
		margin-top: 19px !important;
		font-size: 15px !important;
		line-height: 18px;
	}

	.bdental-classic-split__list {
		line-height: normal;
	}

	.bdental-classic-split__links {
		height: auto;
		margin-bottom: 0;
		padding: 121px 0 0 87.5px;
	}

	.bdental-classic-split__links ul {
		max-width: none;
		margin: 0 !important;
		font-size: 20px;
		line-height: 24px;
	}

	.bdental-classic-split--blue {
		background-color: var(--wp--preset--color--highlight-band);
	}

	.bdental-classic-split--blue .bdental-classic-split__body {
		min-height: 459px;
		padding: 40.3px 0 0 33.5px !important;
	}

	.bdental-classic-split__body--straight .bdental-classic-split__list {
		max-width: 410px;
		margin-top: 41px !important;
		padding-left: 29px;
	}

	.bdental-classic-split__body--straight .bdental-classic-split__action {
		top: 350px;
		left: 51.5px;
	}

	.bdental-classic-split__body--straight .bdental-classic-button {
		width: 257px !important;
	}

	/* Press logos */
	.bdental-classic-press {
		height: 141px;
		padding-top: 0;
	}

	.bdental-classic-press__band {
		height: 134px;
	}

	.bdental-classic-press__title {
		top: 15px;
		font-size: 21px;
		line-height: 27px;
		letter-spacing: 1.05px;
	}

	.bdental-classic-press__logo--first {
		top: 22px;
		left: calc(50% - 490px + 142.5px);
		width: 274px;
		height: 78px;
	}

	.bdental-classic-press__logo--second {
		top: 43px;
		left: calc(50% - 490px + 604.5px);
		width: 318px;
		height: 64px;
	}

	.bdental-classic-press__policy {
		top: 117px;
		left: calc(50% - 490px + 819.5px);
		font-size: 14px;
		line-height: 22.4px;
		letter-spacing: 0.56px;
	}
}

/* ================================================================ VT-02 ticket 03: the practice, the team, profiles
 *
 * Four more section types, phone first, each in the 980px grid from 1240px:
 * - `.bdental-classic-banner`: a full-width picture strip;
 * - `.bdental-classic-about`: a page's own video, its title and text, and a photo gallery (`.bdental-strip`,
 *   components.js: a grid from 1240px, one photo at a time with arrows below); `.bdental-classic-clip`, a second video;
 * - `.bdental-classic-team-intro` and `.bdental-classic-team__row`: a team page's heading and its rows of cards, one
 *   person each; below 1240px one card per row, in the place each card's `--m-order` gives it;
 * - `.bdental-classic-profile`: a profile, its pictures placed on a canvas beside its text (above it below 1240px).
 *
 * The moved site places each card and each profile by hand, so each element carries its own measured place as
 * unitless custom properties in the content: pixels from 1240px (`--x`, `--y`, `--w`, `--h` and the like), --cu units
 * below (the same names with an `m` in front), and `--gap`/`--m-gap` above a paragraph. Each has a default here, so a
 * card or a profile without them still lays out.
 */

.bdental-classic-main :where(.bdental-classic-about, .bdental-classic-team-intro, .bdental-classic-team__row, .bdental-classic-profile) :where(h1, h2, h3, h4, p, ul) {
	margin: 0;
}

.bdental-classic-main .wp-block-post-content > :where(.bdental-classic-banner, .bdental-classic-about, .bdental-classic-clip, .bdental-classic-team-intro, .bdental-classic-team__row, .bdental-classic-profile) {
	margin-block-start: 0;
}

/* ---------------------------------------------------------------- Banner (phone first) */

.bdental-classic-banner {
	height: calc(179 * var(--cu));
	overflow: hidden;
}

.bdental-classic-banner__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ---------------------------------------------------------------- About, gallery and clip (phone first) */

.bdental-classic-about,
.bdental-classic-clip {
	box-sizing: border-box;
	max-width: calc(320 * var(--cu));
	margin-inline: auto;
	font-family: var(--bdental-classic-text);
	font-weight: var(--bdental-classic-text-weight);
	color: var(--wp--preset--color--body);
}

.bdental-classic-about__video {
	width: calc(318 * var(--cu));
	height: calc(180 * var(--cu));
}

.bdental-classic-about__title {
	margin-top: calc(7 * var(--cu)) !important;
	padding-inline: calc(20 * var(--cu));
	font-family: var(--wp--preset--font-family--display);
	font-size: calc(27 * var(--cu));
	font-weight: 400;
	line-height: calc(32.4 * var(--cu));
	text-align: center;
	color: var(--wp--preset--color--heading);
}

.bdental-classic-about__text {
	padding-inline: calc(20 * var(--cu));
	font-size: calc(13 * var(--cu));
	line-height: calc(18.2 * var(--cu));
}

.bdental-classic-about__title + .bdental-classic-about__text {
	margin-top: calc(23 * var(--cu)) !important;
}

.bdental-classic-about .bdental-strip {
	margin: calc(29 * var(--cu)) 0 0 calc(20 * var(--cu));
	padding-bottom: calc(10 * var(--cu));
}

.bdental-classic-clip {
	padding: 0 calc(10 * var(--cu)) calc(10 * var(--cu));
}

.bdental-classic-clip__video {
	width: calc(300 * var(--cu));
	height: calc(516 * var(--cu));
}

/* The gallery: below 1240px a window one photo wide with arrows (components.js), from 1240px a grid. */
.bdental-strip {
	position: relative;
	width: calc(280 * var(--cu));
	--bdental-strip-gap: calc(8 * var(--cu));
}

.bdental-strip__track {
	display: flex;
	gap: var(--bdental-strip-gap);
	margin: 0;
	padding: 0;
	list-style: none;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.bdental-strip__track::-webkit-scrollbar {
	display: none;
}

.bdental-strip__item {
	flex: 0 0 calc(331 * var(--cu));
	height: calc(186 * var(--cu));
	scroll-snap-align: start;
}

.bdental-strip__image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bdental-strip__prev,
.bdental-strip__next {
	top: calc(74 * var(--cu));
	width: calc(23 * var(--cu));
	height: calc(39 * var(--cu));
}

.bdental-strip__prev {
	left: calc(22 * var(--cu));
}

.bdental-strip__next {
	right: calc(22 * var(--cu));
}

/* ---------------------------------------------------------------- Team (phone first) */

.bdental-classic-team-intro {
	box-sizing: border-box;
	max-width: calc(320 * var(--cu));
	min-height: calc(177 * var(--cu));
	margin-inline: auto;
	padding: calc(18 * var(--cu)) calc(32 * var(--cu)) 0;
	text-align: center;
}

.bdental-classic-team-intro__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: calc(26 * var(--cu));
	font-weight: 400;
	line-height: calc(31.2 * var(--cu));
	color: var(--wp--preset--color--heading);
}

.bdental-classic-team-intro__lede {
	margin-top: calc(17.8 * var(--cu)) !important;
	font-family: var(--bdental-classic-text);
	font-size: calc(15 * var(--cu));
	font-weight: var(--bdental-classic-text-weight);
	line-height: calc(21 * var(--cu));
	color: var(--wp--preset--color--text-deep-blue, var(--wp--preset--color--body-secondary));
}

/* Below 1240px a row lets its cards out, so each takes the place its --m-order gives it among the page's blocks. */
@media (max-width: 1239px) {
	.bdental-classic-main .wp-block-post-content:has(> .bdental-classic-team__row) {
		display: flex;
		flex-direction: column;
	}

	.bdental-classic-team__row {
		display: contents;
	}
}

.bdental-classic-team__card {
	position: relative;
	box-sizing: border-box;
	width: calc(320 * var(--cu));
	min-height: calc(var(--mh, 240) * var(--cu));
	margin-inline: auto;
	order: var(--m-order, 0);
}

.bdental-classic-team__photo {
	position: absolute;
	left: calc(var(--mpx, 10) * var(--cu));
	top: calc(var(--mpy, 20) * var(--cu));
	width: calc(140 * var(--cu));
	height: calc(196 * var(--cu));
	box-shadow: var(--bdental-classic-shadow);
}

/* The moved site's photo frame: a soft shadow under the photo, lifting at the corners. */
.bdental-classic-team__photo::after {
	content: "";
	position: absolute;
	z-index: -1;
	left: 5%;
	right: 5%;
	bottom: -6px;
	height: 14px;
	border-radius: 50%;
	background: radial-gradient(ellipse at center, color-mix(in srgb, var(--wp--preset--color--body) 45%, transparent) 0%, transparent 70%);
}

.bdental-classic-team__photo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* In flow, at its measured place: a card grows with its text (WCAG 1.4.12) rather than letting it run out. */
.bdental-classic-team__body {
	position: relative;
	box-sizing: border-box;
	width: calc(var(--mtw, 160) * var(--cu));
	margin: 0 0 0 calc(var(--mtx, 150) * var(--cu));
	padding: calc(var(--mty, 70) * var(--cu)) 0 calc(10 * var(--cu));
	text-align: var(--malign, center);
	font-family: var(--bdental-classic-label);
	font-size: calc(var(--mfs, 15) * var(--cu));
	font-weight: var(--bdental-classic-text-weight);
	line-height: 1.6;
	color: var(--wp--preset--color--body);
}

.bdental-classic-team__name {
	margin-bottom: calc(var(--mng, 12) * var(--cu)) !important;
	font-family: var(--bdental-classic-font-name, var(--bdental-classic-alt));
	font-size: calc(var(--mnfs, 17) * var(--cu));
	font-style: italic;
	font-weight: 400;
	line-height: 1.25;
	color: var(--wp--preset--color--text-charcoal, var(--wp--preset--color--body));
}

.bdental-classic-team__body a:not(.bdental-classic-team__button) {
	color: inherit;
	text-decoration: none;
}

.bdental-classic-team__button {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	position: relative;
	width: calc(140 * var(--cu));
	height: calc(29 * var(--cu));
	margin: calc(var(--mbg, 12) * var(--cu)) 0 0 calc(var(--mbl, 10) * var(--cu));
	border: 1px solid var(--wp--preset--color--page-background);
	background-color: var(--wp--preset--color--button-grey, var(--wp--preset--color--section-surface));
	font-family: var(--bdental-classic-text);
	font-size: calc(var(--mbfs, 13) * var(--cu));
	line-height: 1.4;
	color: var(--wp--preset--color--body);
	text-decoration: none;
}

/* Hit areas reach 44px without moving anything (P-004 FR-079): the button grows evenly, a mail line upward only,
   so neither reaches the button below it. */
.bdental-classic-team__button::after,
.bdental-classic-profile__button::after,
.bdental-classic-text__button::after,
.bdental-classic-tiles__button::after {
	content: "";
	position: absolute;
	inset: 50% 0 auto;
	height: max(100%, 44px);
	transform: translateY(-50%);
}

.bdental-classic-team__body p > a {
	position: relative;
	display: inline-block;
}

.bdental-classic-team__body p > a::after {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: 44px;
}

.bdental-classic-team__button:hover,
.bdental-classic-team__button:focus-visible {
	color: var(--wp--preset--color--body);
	background-color: var(--wp--preset--color--page-background);
	border-color: var(--wp--preset--color--button-grey, var(--wp--preset--color--divider));
}

/* ---------------------------------------------------------------- Profile (phone first) */

.bdental-classic-profile {
	box-sizing: border-box;
	max-width: calc(320 * var(--cu));
	margin-inline: auto;
	font-family: var(--bdental-classic-text);
	font-weight: var(--bdental-classic-text-weight);
	color: var(--wp--preset--color--body);
}

.bdental-classic-profile__aside {
	position: relative;
	height: calc(var(--mh, 400) * var(--cu));
}

/* An item, the body and a video read only the places they carry themselves: an ancestor's never leaks down. */
.bdental-classic-profile__item,
.bdental-classic-profile__body,
.bdental-classic-profile__media {
	--x: initial;
	--y: initial;
	--w: initial;
	--h: initial;
	--mx: initial;
	--my: initial;
	--mw: initial;
	--mh: initial;
}

.bdental-classic-profile__item {
	position: absolute;
	left: calc(var(--mx, 0) * var(--cu));
	top: calc(var(--my, 0) * var(--cu));
	width: calc(var(--mw, 100) * var(--cu));
	height: calc(var(--mh, 100) * var(--cu));
}

.bdental-classic-profile__item:where(img) {
	display: block;
	object-fit: cover;
}

.bdental-classic-profile__button {
	font-size: calc(15 * var(--cu));
	line-height: calc(21 * var(--cu));
}

.bdental-classic-profile__body {
	box-sizing: border-box;
	width: calc(var(--mw, 280) * var(--cu));
	margin: calc(var(--my, 20) * var(--cu)) 0 0 calc(var(--mx, 20) * var(--cu));
	padding-bottom: calc(var(--mpb, 10) * var(--cu));
	font-size: calc(var(--mfs, 15) * var(--cu));
	line-height: var(--lh, 1.2);
}

.bdental-classic-profile__body > * {
	margin-top: calc(var(--m-gap, 0) * var(--cu)) !important;
}

.bdental-classic-profile__title {
	font-family: var(--bdental-classic-text);
	font-size: calc(var(--mtfs, 24) * var(--cu));
	font-weight: 700;
	line-height: 1.2;
	color: var(--wp--preset--color--link-alt, var(--wp--preset--color--heading));
}

.bdental-classic-profile__heading {
	font-family: var(--bdental-classic-text);
	font-size: calc(var(--mhfs, 17) * var(--cu));
	font-weight: 700;
	line-height: 1.2;
}

.bdental-classic-profile__role {
	font-size: calc(20 * var(--cu));
	line-height: 1.2;
}

.bdental-classic-profile__body a {
	color: inherit;
}

.bdental-classic-profile__media {
	position: relative;
	width: calc(var(--mw, 300) * var(--cu));
	height: calc(var(--mh, 169) * var(--cu));
	margin-left: calc(var(--mdx, -10) * var(--cu));
	--bdental-player-icon: calc(30 * var(--cu));
}

/* ---------------------------------------------------------------- Ticket 03's sections from 1240px */

@media (min-width: 1240px) {
	.bdental-classic-banner {
		height: 452px;
		margin-bottom: 2px;
	}

	.bdental-classic-about,
	.bdental-classic-clip {
		max-width: none;
		width: 980px;
	}

	.bdental-classic-about {
		padding: 27px 0 14px;
	}

	.bdental-classic-about__video {
		width: 973px;
		height: 549px;
		margin-left: 3.5px;
	}

	.bdental-classic-about__title {
		margin-top: 28px !important;
		padding-inline: 0;
		font-size: 32px;
		line-height: 38.4px;
	}

	.bdental-classic-about__text {
		padding-inline: 43px;
		font-size: 16px;
		line-height: 22.4px;
	}

	.bdental-classic-about__title + .bdental-classic-about__text {
		margin-top: 18.6px !important;
	}

	.bdental-classic-about .bdental-strip {
		width: auto;
		margin: 14.4px 0 0 0.5px;
		padding-bottom: 0;
	}

	.bdental-strip__track {
		display: grid;
		grid-template-columns: repeat(3, 320px);
		gap: 10px;
		overflow: visible;
	}

	.bdental-strip__item {
		width: 320px;
		height: 320px;
	}

	.bdental-strip .bdental-strip__prev,
	.bdental-strip .bdental-strip__next {
		display: none;
	}

	/* The moved site leaves 72px under its last video, above the footer. */
	.bdental-classic-clip {
		padding: 16px 0 72px 0.5px;
	}

	.bdental-classic-clip__video {
		width: 235px;
		height: 404px;
	}

	/* Team */
	.bdental-classic-team-intro {
		max-width: none;
		width: 980px;
		min-height: 160px;
		padding: 17px 74.5px 0;
	}

	.bdental-classic-team-intro__title {
		font-size: 32px;
		line-height: 38.4px;
	}

	.bdental-classic-team-intro__lede {
		margin-top: 16.6px !important;
		font-size: 21px;
		line-height: 29.4px;
	}

	.bdental-classic-team__row {
		display: grid;
		grid-template-columns: 491px 489px;
		width: 980px;
		min-height: calc(var(--h, 344) * 1px);
		margin-inline: auto;
	}

	/* A grid cell, in the content's order (the phone order is below 1240px only). */
	.bdental-classic-team__card {
		width: auto;
		min-height: 0;
		margin-inline: 0;
		order: 0;
	}

	.bdental-classic-team__card--lead {
		grid-column: 1 / -1;
	}

	.bdental-classic-team__photo {
		left: calc(var(--px, 30) * 1px);
		top: calc(var(--py, 30) * 1px);
		width: 203px;
		height: 284px;
	}

	.bdental-classic-team__body {
		width: calc(var(--tw, 210) * 1px);
		margin-left: calc(var(--tx, 259) * 1px);
		padding: calc(var(--ty, 164) * 1px) 0 10px;
		text-align: var(--align, center);
		font-size: 15px;
		line-height: 24px;
	}

	.bdental-classic-team__name {
		margin-bottom: calc(var(--ng, 8) * 1px) !important;
		font-size: 20px;
	}

	.bdental-classic-team__button {
		width: 165px;
		height: calc(var(--bh, 29) * 1px);
		margin-top: calc(var(--bg, 13) * 1px);
		margin-left: calc(var(--bl, 22.5) * 1px);
		font-size: 16px;
		line-height: 22.4px;
	}

	/* Profile */
	.bdental-classic-profile {
		position: relative;
		max-width: none;
		width: 980px;
		min-height: calc(var(--h, 1000) * 1px);
	}

	.bdental-classic-profile__aside {
		position: absolute;
		inset: 0 0 auto;
		height: 0;
	}

	.bdental-classic-profile__item {
		left: calc(var(--x, 0) * 1px);
		top: calc(var(--y, 0) * 1px);
		width: calc(var(--w, 100) * 1px);
		height: calc(var(--h, 100) * 1px);
	}

	.bdental-classic-profile__button {
		font-size: 15px;
		line-height: 21px;
	}

	.bdental-classic-profile__body {
		width: calc(var(--w, 490) * 1px);
		margin: 0 0 0 calc(var(--x, 600) * 1px);
		padding: calc(var(--y, 50) * 1px) 0 calc(var(--pb, 46) * 1px);
		font-size: 15px;
	}

	.bdental-classic-profile__body > * {
		margin-top: calc(var(--gap, 0) * 1px) !important;
	}

	.bdental-classic-profile__title {
		font-size: 24px;
	}

	.bdental-classic-profile__heading {
		font-size: 18px;
	}

	.bdental-classic-profile__role {
		font-size: 20px;
	}

	.bdental-classic-profile__media {
		width: calc(var(--w, 480) * 1px);
		height: calc(var(--h, 270) * 1px);
		margin-left: calc(var(--dx, 5) * 1px);
		--bdental-player-icon: 50px;
	}
}

/* ================================================================ VT-02 ticket 04: the treatment pages
 *
 * Three more section types, phone first, each in the 980px grid from 1240px:
 * - `.bdental-classic-cover`: a full-width picture with a translucent card and two lines of words placed on it;
 * - `.bdental-classic-text`: a page's titled text, the moved site's rich text block by block, with a video
 *   (`__video`) or a button (`__action`) in its flow where the page has one;
 * - `.bdental-classic-tiles`: a list of treatment cards, three to a row from 1240px, one below.
 *
 * As ticket 03's sections (D50), each element carries its own measured place in the content: `--x`, `--y`, `--w`,
 * `--h` in pixels from 1240px and the same names with an `m` in front in --cu units below, `--gap`/`--m-gap` above a
 * block (the moved site spaces its text with empty lines; here each is the margin above the next block), and
 * `--fs`/`--lh` (`--mfs`/`--mlh`) where a block's size is not the text's 15 on 21. Each has a default here.
 */

.bdental-classic-main :where(.bdental-classic-cover, .bdental-classic-text, .bdental-classic-tiles) :where(h1, h2, h3, h4, p, ul, ol, li) {
	margin: 0;
}

.bdental-classic-main .wp-block-post-content > :where(.bdental-classic-cover, .bdental-classic-text, .bdental-classic-tiles) {
	margin-block-start: 0;
}

/* ---------------------------------------------------------------- Cover (phone first) */

/* The cover is at least the moved site's height, and grows with its words (text spaced out by the reader, WCAG
   1.4.12): its words are one block in flow, the card and the picture are drawn behind them. */
.bdental-classic-cover {
	position: relative;
	min-height: calc(var(--mh, 254) * var(--cu));
	overflow: hidden;
	font-family: var(--bdental-classic-text);
	font-weight: var(--bdental-classic-text-weight);
	color: var(--wp--preset--color--body);
}

/* The picture fills its cover, or stops at its own height (`--ih`, `--mih`) where the moved site leaves a strip of
   the page below it. */
.bdental-classic-cover__image {
	position: absolute;
	inset: 0 0 auto;
	display: block;
	width: 100%;
	height: min(100%, calc(var(--mih, 9999) * var(--cu)));
	object-fit: cover;
}

.bdental-classic-cover__grid {
	position: relative;
	display: flow-root;
	width: calc(320 * var(--cu));
	min-height: calc(var(--mh, 254) * var(--cu));
	margin-inline: auto;
}

/* A part reads only the places it carries itself: the cover's own height never leaks down. */
.bdental-classic-cover__card,
.bdental-classic-cover__words,
.bdental-classic-cover__kicker,
.bdental-classic-cover__title {
	--x: initial;
	--y: initial;
	--w: initial;
	--h: initial;
	--mx: initial;
	--my: initial;
	--mw: initial;
	--mh: initial;
	--gap: initial;
	--m-gap: initial;
	--o: initial;
	--mo: initial;
	--fs: initial;
	--lh: initial;
	--mfs: initial;
	--mlh: initial;
	--ls: initial;
	--mls: initial;
	--op: initial;
}

.bdental-classic-cover__card {
	position: absolute;
	top: calc(var(--my, 20) * var(--cu));
	left: calc(var(--mx, 20) * var(--cu));
	width: calc(var(--mw, 218) * var(--cu));
	height: calc(var(--mh, 105) * var(--cu));
	background-color: var(--wp--preset--color--page-background);
	opacity: var(--op, 0.67);
}

/* The words: a column at its first line's place, each line of words at its own offset (`--x`), gap above (`--gap`)
   and order (`--o`; the moved site puts the small line above the title, and on one phone layout below it). */
.bdental-classic-cover__words {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: calc(var(--my, 20) * var(--cu)) 0 calc(10 * var(--cu)) calc(var(--mx, 20) * var(--cu));
}

.bdental-classic-main .bdental-classic-cover__kicker,
.bdental-classic-main .bdental-classic-cover__title {
	order: var(--mo, 0);
	width: calc(var(--mw, 200) * var(--cu));
	margin: calc(var(--m-gap, 0) * var(--cu)) 0 0 calc(var(--mx, 0) * var(--cu));
}

.bdental-classic-main .bdental-classic-cover__kicker {
	font-size: calc(var(--mfs, 10) * var(--cu));
	line-height: calc(var(--mlh, 14) * var(--cu));
	letter-spacing: calc(var(--mls, 0) * var(--cu));
}

.bdental-classic-main .bdental-classic-cover__title {
	font-family: var(--wp--preset--font-family--display);
	font-size: calc(var(--mfs, 22) * var(--cu));
	font-weight: 400;
	line-height: calc(var(--mlh, 24) * var(--cu));
}

.bdental-classic-cover__title span {
	display: block;
}

/* ---------------------------------------------------------------- Text (phone first) */

.bdental-classic-text {
	box-sizing: border-box;
	display: flow-root;
	max-width: calc(320 * var(--cu));
	min-height: calc(var(--mh, 400) * var(--cu));
	margin-inline: auto;
	font-family: var(--bdental-classic-text);
	font-weight: var(--bdental-classic-text-weight);
	color: var(--wp--preset--color--body);
}

/* A part reads only the places it carries itself. */
.bdental-classic-text > *,
.bdental-classic-text__body > *,
.bdental-classic-text li {
	--gap: initial;
	--m-gap: initial;
	--x: initial;
	--w: initial;
	--h: initial;
	--mx: initial;
	--mw: initial;
	--mh: initial;
	--fs: initial;
	--lh: initial;
	--mfs: initial;
	--mlh: initial;
	--bh: initial;
	--mbh: initial;
}

.bdental-classic-main .bdental-classic-text > *,
.bdental-classic-main .bdental-classic-text__body > *,
.bdental-classic-main .bdental-classic-text__body li {
	margin-top: calc(var(--m-gap, 0) * var(--cu));
}

/* A block with a larger run in it keeps at least the moved site's height (`--bh`, `--mbh`): the larger face grows
   the line a shade less here than there. */
.bdental-classic-text__body > *,
.bdental-classic-text__body li {
	min-height: calc(var(--mbh, 0) * var(--cu));
}

.bdental-classic-main .bdental-classic-text__title {
	padding-inline: calc(10 * var(--cu));
	font-family: var(--wp--preset--font-family--display);
	font-size: calc(var(--mfs, 27) * var(--cu));
	font-weight: 400;
	line-height: calc(var(--mlh, 32.4) * var(--cu));
	letter-spacing: normal;
	text-align: center;
	text-transform: none;
	color: var(--wp--preset--color--heading);
}

.bdental-classic-text__body {
	width: calc(var(--mw, 300) * var(--cu));
	margin-left: calc(var(--mx, 10) * var(--cu));
}

.bdental-classic-main .bdental-classic-text__body :where(p, h2, li) {
	font-family: inherit;
	font-size: calc(var(--mfs, 15) * var(--cu));
	font-weight: inherit;
	line-height: calc(var(--mlh, 21) * var(--cu));
	letter-spacing: var(--bdental-classic-tracking-phone, normal);
	text-transform: none;
	color: inherit;
}

/* A substitute face can run a shade narrower or wider than the moved site's: the brand's token overrides may set the
   text's tracking (phone and wide apart, as the moved site lays its phone text out small and scales it) and its bold
   runs', so lines break where the moved site's do. */
.bdental-classic-main .bdental-classic-text__body strong {
	letter-spacing: var(--bdental-classic-tracking-strong, normal);
}

.bdental-classic-main .bdental-classic-text__body :where(ul, ol) {
	padding-left: calc(27 * var(--cu));
}

/* A run's own size and colour; as specific as the block rule above, and after it, so either wins on a block too. */
.bdental-classic-main .bdental-classic-text__size {
	font-size: calc(var(--mfs, 15) * var(--cu));
}

.bdental-classic-main .bdental-classic-text__accent {
	color: var(--wp--preset--color--heading);
}

.bdental-classic-text a {
	color: inherit;
	text-decoration: underline;
}

.bdental-classic-text .bdental-classic-text__link {
	color: var(--wp--preset--color--link);
}

.bdental-classic-text__video {
	width: calc(var(--mw, 319) * var(--cu));
	height: calc(var(--mh, 180) * var(--cu));
	margin-left: calc(var(--mx, 0) * var(--cu));
	background-color: var(--wp--preset--color--body);
	box-shadow: 0 0 20px 0 color-mix(in srgb, var(--wp--preset--color--body) 20%, transparent);
}

.bdental-classic-text__video video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bdental-classic-text__action {
	display: flex;
	width: calc(var(--mw, 300) * var(--cu));
	min-height: calc(var(--mh, 42) * var(--cu));
}

.bdental-classic-text .bdental-classic-text__button {
	position: relative;
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: center;
	font-family: var(--bdental-classic-alt);
	font-size: calc(11 * var(--cu));
	font-weight: 400;
	line-height: 1.15;
	letter-spacing: 0.1em;
	color: var(--wp--preset--color--body);
	background-color: var(--wp--preset--color--accent-band);
	text-decoration: none;
}

.bdental-classic-text .bdental-classic-text__button:hover,
.bdental-classic-text .bdental-classic-text__button:focus-visible {
	text-decoration: underline;
}

/* ---------------------------------------------------------------- Treatment cards (phone first) */

.bdental-classic-main .bdental-classic-tiles {
	display: grid;
	font-family: var(--bdental-classic-text);
	font-weight: var(--bdental-classic-text-weight);
	grid-template-columns: 100%;
	row-gap: calc(16 * var(--cu));
	padding: 0;
	list-style: none;
}

.bdental-classic-tiles__card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: calc(20 * var(--cu)) calc(19 * var(--cu)) calc(10 * var(--cu)) calc(20 * var(--cu));
	background-color: var(--wp--preset--color--page-background);
	box-shadow: 0 4px 20px 0 color-mix(in srgb, var(--wp--preset--color--body) 10%, transparent);
}

.bdental-classic-tiles__picture {
	display: block;
}

.bdental-classic-tiles__image {
	display: block;
	width: calc(281 * var(--cu));
	height: calc(264 * var(--cu));
	object-fit: cover;
}

.bdental-classic-main .bdental-classic-tiles__title {
	margin-top: calc(10 * var(--cu));
	font-family: var(--bdental-classic-text);
	font-size: calc(18 * var(--cu));
	font-weight: var(--bdental-classic-text-weight);
	line-height: 1.4;
	letter-spacing: normal;
	text-transform: none;
	color: var(--wp--preset--color--heading);
}

.bdental-classic-main .bdental-classic-tiles__text {
	width: calc(280 * var(--cu));
	margin-top: calc(10 * var(--cu));
	font-size: calc(15 * var(--cu));
	line-height: 1.5;
	letter-spacing: var(--bdental-classic-tracking-phone, normal);
	color: var(--wp--preset--color--text-charcoal, var(--wp--preset--color--body));
}

.bdental-classic-main .bdental-classic-tiles__more {
	align-self: center;
	margin-top: calc(10 * var(--cu));
}

.bdental-classic-main .bdental-classic-tiles__button {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: calc(120 * var(--cu));
	height: calc(42 * var(--cu));
	border: 1px solid var(--wp--preset--color--page-background);
	background-color: var(--wp--preset--color--button-grey, var(--wp--preset--color--section-surface));
	font-family: var(--bdental-classic-text);
	font-size: calc(16 * var(--cu));
	line-height: 1.4;
	color: var(--wp--preset--color--body);
	text-decoration: none;
}

.bdental-classic-main .bdental-classic-tiles__button:hover,
.bdental-classic-main .bdental-classic-tiles__button:focus-visible {
	color: var(--wp--preset--color--body);
	background-color: var(--wp--preset--color--page-background);
	border-color: var(--wp--preset--color--button-grey, var(--wp--preset--color--divider));
}

/* Both buttons' 44px hit areas (P-004 FR-079) are the team button's rule, above. */

/* ================================================================ Ticket 04's sections, from 1240px wide */

@media (min-width: 1240px) {
	.bdental-classic-cover {
		min-height: calc(var(--h, 454) * 1px);
	}

	.bdental-classic-cover__image {
		height: min(100%, calc(var(--ih, 9999) * 1px));
	}

	.bdental-classic-cover__grid {
		width: 980px;
		min-height: calc(var(--h, 454) * 1px);
	}

	.bdental-classic-cover__card {
		top: calc(var(--y, 100) * 1px);
		left: calc(var(--x, 16) * 1px);
		width: calc(var(--w, 340) * 1px);
		height: calc(var(--h, 233) * 1px);
	}

	.bdental-classic-cover__words {
		margin: calc(var(--y, 120) * 1px) 0 10px calc(var(--x, 36) * 1px);
	}

	.bdental-classic-main .bdental-classic-cover__kicker,
	.bdental-classic-main .bdental-classic-cover__title {
		order: var(--o, 0);
		width: calc(var(--w, 324) * 1px);
		margin: calc(var(--gap, 0) * 1px) 0 0 calc(var(--x, 0) * 1px);
	}

	.bdental-classic-main .bdental-classic-cover__kicker {
		font-size: calc(var(--fs, 12) * 1px);
		line-height: calc(var(--lh, 16.8) * 1px);
		letter-spacing: calc(var(--ls, 0) * 1px);
	}

	.bdental-classic-main .bdental-classic-cover__title {
		font-size: calc(var(--fs, 42) * 1px);
		line-height: calc(var(--lh, 46) * 1px);
	}

	.bdental-classic-text {
		max-width: 980px;
		min-height: calc(var(--h, 400) * 1px);
	}

	.bdental-classic-main .bdental-classic-text > *,
	.bdental-classic-main .bdental-classic-text__body > *,
	.bdental-classic-main .bdental-classic-text__body li {
		margin-top: calc(var(--gap, 0) * 1px);
	}

	.bdental-classic-text__body > *,
	.bdental-classic-text__body li {
		min-height: calc(var(--bh, 0) * 1px);
	}

	.bdental-classic-main .bdental-classic-text__title {
		padding-inline: 0;
		font-size: calc(var(--fs, 32) * 1px);
		line-height: calc(var(--lh, 38.4) * 1px);
	}

	.bdental-classic-text__body {
		width: calc(var(--w, 895) * 1px);
		margin-left: calc(var(--x, 42) * 1px);
	}

	.bdental-classic-main .bdental-classic-text__body :where(p, h2, li) {
		font-size: calc(var(--fs, 15) * 1px);
		line-height: calc(var(--lh, 21) * 1px);
		letter-spacing: var(--bdental-classic-tracking, normal);
	}

	.bdental-classic-main .bdental-classic-text__body :where(ul, ol) {
		padding-left: 27px;
	}

	.bdental-classic-main .bdental-classic-text__size {
		font-size: calc(var(--fs, 15) * 1px);
	}

	.bdental-classic-text__video {
		width: calc(var(--w, 942) * 1px);
		height: calc(var(--h, 531) * 1px);
		margin-left: calc(var(--x, 16) * 1px);
	}

	.bdental-classic-text__action {
		width: calc(var(--w, 471) * 1px);
		min-height: calc(var(--h, 40) * 1px);
	}

	.bdental-classic-text .bdental-classic-text__button {
		font-size: 16px;
	}

	.bdental-classic-main .bdental-classic-tiles {
		grid-template-columns: repeat(3, 315px);
		column-gap: 16px;
		row-gap: 16px;
	}

	.bdental-classic-tiles__card {
		padding: 22px 19px 26px 18px;
	}

	.bdental-classic-tiles__image {
		width: 278px;
		height: 262px;
	}

	.bdental-classic-main .bdental-classic-tiles__title {
		margin-top: 25px;
		font-size: 22px;
	}

	.bdental-classic-main .bdental-classic-tiles__text {
		width: 277px;
		margin-top: 17px;
		font-size: 15px;
		letter-spacing: var(--bdental-classic-tracking, normal);
	}

	.bdental-classic-main .bdental-classic-tiles__more {
		align-self: flex-start;
		margin-top: 23px;
	}

	.bdental-classic-main .bdental-classic-tiles__button {
		width: 104px;
		height: 29px;
		font-size: 16px;
	}
}

/* ================================================================ VT-02 ticket 05: the general treatment pages
 *
 * Opt-in additions to ticket 04's sections, each a class or modifier only these pages print, phone first:
 * - `.bdental-classic-cover--wide`: a cover whose card and words show only from 1240px (the phone shows the picture);
 * - in `.bdental-classic-text`: `__secondary` (the moved site's navy text), `__photos` (a centred row of photos, one
 *   under another on the phone), `__pair` (a picture beside its text, above it on the phone), `__panel` (a profile:
 *   a photo cell and a text cell), `__video--poster` (a video behind its still and a play button), `__rule` (a dotted
 *   line drawn at its measured place, with `--placed`), `__covered` (a block the wide layout draws under a later
 *   panel: it takes no place there and stays in the page for the phone and for assistive technology), and `--ordered`
 *   (the wide layout shows its pieces in another order than the page's, each carrying its wide rank as `--o`);
 * - `.bdental-classic-band`: a full-width band of photos, side by side wide, one under another on the phone.
 * Places are the same unitless custom properties as ticket 04's (`--x`, `--w`, `--h` in pixels from 1240px, `--mx`,
 * `--mw`, `--mh` in --cu below), plus `--cg`/`--mcg` (the photo row's gap), `--pw` (a panel's photo width), `--mph`
 * (its photo's height on the phone), `--z` (a panel the next one tucks under), `--pos` (a photo's crop).
 */

.bdental-classic-main .wp-block-post-content > .bdental-classic-band {
	margin-block-start: 0;
}

/* A part reads only the places it carries itself. */
.bdental-classic-text__panel-text > *,
.bdental-classic-text__pair > * {
	--gap: initial;
	--m-gap: initial;
	--x: initial;
	--w: initial;
	--h: initial;
	--mx: initial;
	--mw: initial;
	--mh: initial;
	--o: initial;
	--z: initial;
}

.bdental-classic-main :where(.bdental-classic-text__panel-text, .bdental-classic-text__pair) > * {
	margin-top: calc(var(--m-gap, 0) * var(--cu));
}

/* ---------------------------------------------------------------- Cover: words only from 1240px */

.bdental-classic-cover--wide .bdental-classic-cover__card,
.bdental-classic-cover--wide .bdental-classic-cover__words {
	display: none;
}

/* A page with no title of its own makes the cover's words its h1 (R3): the words keep their look, not a heading's. */
.bdental-classic-main h1.bdental-classic-cover__title {
	letter-spacing: normal;
	text-transform: none;
	color: inherit;
}

/* ---------------------------------------------------------------- Text: the navy run and the heavy run */

.bdental-classic-main .bdental-classic-text__secondary {
	color: var(--wp--preset--color--body-secondary);
}

/* The moved site's heavy face (not its text face made bold): the classic strong weight at the face's own spacing. */
.bdental-classic-main .bdental-classic-text__body .bdental-classic-text__heavy {
	font-weight: var(--bdental-classic-strong-weight);
	letter-spacing: normal;
}

/* A sized run in a block set at the face's own line height keeps its own too, as the moved site's: the line grows
   with it there, by its own measure (`--slh`/`--mslh`, the moved site's face's whole-pixel line), not by the block's. */
.bdental-classic-main .bdental-classic-text__size--own {
	line-height: calc(var(--mslh, 18) * var(--cu));
}

/* The brand's tracking is measured on the text's own size; a block whose lines would still break a word away from the
   moved site's carries its own, measured to break where the moved site does: `--fit` from 1240px, `--mfit` below
   (lengths; each falls back to the brand's), and `--mws`, a word spacing, where tracking alone cannot. */
@media (max-width: 1239px) {
	.bdental-classic-main .bdental-classic-text__body .bdental-classic-text__fit {
		letter-spacing: var(--mfit, var(--bdental-classic-tracking-phone, normal));
		word-spacing: var(--mws, normal);
	}
}

@media (min-width: 1240px) {
	.bdental-classic-main .bdental-classic-text__body .bdental-classic-text__fit {
		letter-spacing: var(--fit, var(--bdental-classic-tracking, normal));
	}
}

/* ---------------------------------------------------------------- Text: a row of photos (phone first) */

.bdental-classic-text__photos {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(var(--mcg, 10) * var(--cu));
}

.bdental-classic-text__photo {
	display: block;
	width: calc(var(--mw, 150) * var(--cu));
	height: calc(var(--mh, 150) * var(--cu));
	object-fit: cover;
}

/* ---------------------------------------------------------------- Text: a picture beside its text (phone first) */

.bdental-classic-text__pair {
	display: flow-root;
}

.bdental-classic-text__figure {
	display: block;
	width: calc(var(--mw, 280) * var(--cu));
	height: calc(var(--mh, 210) * var(--cu));
	margin-left: calc(var(--mx, 20) * var(--cu));
	object-fit: cover;
}

/* ---------------------------------------------------------------- Text: a profile panel (phone first) */

.bdental-classic-text__panel {
	position: relative;
	display: flow-root;
	width: calc(320 * var(--cu));
	min-height: calc(var(--mh, 800) * var(--cu));
	margin-left: calc(var(--mx, 0) * var(--cu));
	background-color: var(--wp--preset--color--band-grey, var(--wp--preset--color--section-surface));
}

.bdental-classic-text__panel-photo {
	position: relative;
	height: calc(var(--mph, 300) * var(--cu));
	background-color: var(--wp--preset--color--band-grey-alt, var(--wp--preset--color--section-surface));
}

/* The photo fills its cell without sizing it: the panel keeps the moved site's height, not the photo's own. */
.bdental-classic-text__panel-image {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bdental-classic-text__panel-text {
	display: flow-root;
}

/* ---------------------------------------------------------------- Text: a video behind its still */

/* The still darkened by a quarter under a light play mark, as the moved site's player. */
.bdental-classic-text__video--poster {
	--bdental-player-icon: calc(30 * var(--cu));
}

/* The still and the video fill the moved site's box (wider than 16:9 on the phone), as there. */
.bdental-classic-text__video--poster.bdental-player video {
	object-fit: cover;
}

.bdental-classic-text__video--poster .bdental-player__play {
	color: var(--wp--preset--color--page-background);
	background-color: color-mix(in srgb, var(--wp--preset--color--body) 25%, transparent);
}

/* ---------------------------------------------------------------- Text: dotted rules at their places */

.bdental-classic-text--placed {
	position: relative;
}

/* Decoration at the moved site's place, over the text as there: the navy at 56%, a non-text line. */
.bdental-classic-text__rule {
	position: absolute;
	top: calc(var(--my, 0) * var(--cu));
	left: calc(var(--mx, 10) * var(--cu));
	width: calc(var(--mw, 300) * var(--cu));
	border-top: calc(2 * var(--cu)) dotted color-mix(in srgb, var(--wp--preset--color--body-secondary) 56%, transparent);
	pointer-events: none;
}

/* ---------------------------------------------------------------- Band of photos (phone first) */

.bdental-classic-band {
	display: flow-root;
	min-height: calc(var(--mh, 1000) * var(--cu));
}

/* A photo reads only the places it carries itself, not the band's. */
.bdental-classic-band > * {
	--mh: initial;
	--pos: initial;
}

.bdental-classic-band__image {
	display: block;
	width: 100%;
	height: calc(var(--mh, 250) * var(--cu));
	object-fit: cover;
	object-position: var(--pos, 50% 50%);
}

/* ================================================================ Ticket 05's additions, from 1240px wide */

@media (min-width: 1240px) {
	.bdental-classic-cover--wide .bdental-classic-cover__card {
		display: block;
	}

	.bdental-classic-cover--wide .bdental-classic-cover__words {
		display: flex;
	}

	.bdental-classic-main :where(.bdental-classic-text__panel-text, .bdental-classic-text__pair) > * {
		margin-top: calc(var(--gap, 0) * 1px);
	}

	.bdental-classic-text--ordered {
		display: flex;
		flex-direction: column;
	}

	.bdental-classic-text--ordered > * {
		order: var(--o, 0);
	}

	.bdental-classic-main .bdental-classic-text__size--own {
		line-height: calc(var(--slh, 18) * 1px);
	}

	/* Covered by a later panel on the moved site: no place here, still read (the screen-reader-text pattern). */
	.bdental-classic-main .bdental-classic-text > .bdental-classic-text__covered {
		position: absolute;
		width: 1px;
		height: 1px;
		margin: -1px;
		padding: 0;
		overflow: hidden;
		clip-path: inset(50%);
		white-space: nowrap;
		border: 0;
	}

	.bdental-classic-text__photos {
		flex-direction: row;
		justify-content: center;
		gap: calc(var(--cg, 26) * 1px);
	}

	.bdental-classic-text__photo {
		width: calc(var(--w, 211) * 1px);
		height: calc(var(--h, 211) * 1px);
	}

	.bdental-classic-text__pair {
		display: flex;
		align-items: flex-start;
	}

	.bdental-classic-text__figure {
		flex: none;
		width: calc(var(--w, 455) * 1px);
		height: calc(var(--h, 340) * 1px);
		margin-left: calc(var(--x, 42) * 1px);
	}

	.bdental-classic-text__panel {
		z-index: var(--z, auto);
		display: grid;
		grid-template-columns: calc(var(--pw, 245) * 1px) 1fr;
		width: 980px;
		min-height: calc(var(--h, 320) * 1px);
		margin-left: calc(var(--x, 0) * 1px);
	}

	.bdental-classic-text__panel-photo {
		height: auto;
	}

	.bdental-classic-text__video--poster {
		--bdental-player-icon: 50px;
	}

	.bdental-classic-text__rule {
		top: calc(var(--y, 0) * 1px);
		left: calc(var(--x, 0) * 1px);
		width: calc(var(--w, 980) * 1px);
		border-top-width: 2px;
	}

	.bdental-classic-band {
		display: flex;
		height: calc(var(--h, 450) * 1px);
		min-height: 0;
	}

	.bdental-classic-band__image {
		flex: 1 1 0;
		min-width: 0;
		height: 100%;
	}
}

/* ================================================================ VT-02 ticket 06: testimonials, case studies, fees
 *
 * Opt-in additions, each a class only these pages print, phone first:
 * - in `.bdental-classic-text`: `__line` (a centred line of words in its own size; `--display`, the display face;
 *   `--alt`, the classic second family), `__embed` (a click-to-load embed in the text's flow, sized there), and
 *   `__display-strong` (a run in the display face's heavier cut, which the brand names as
 *   --bdental-classic-font-display-strong at --bdental-classic-weight-display-strong; without them the run keeps the
 *   display face, bold);
 * - `.bdental-classic-blank`: a band of the surface colour where the moved site shows a widget that draws nothing,
 *   with the white the moved site leaves below it where its page runs on past its last section (`--after`,
 *   `--mafter`);
 * - `.bdental-classic-cases`: a row of before-and-after cases, two side by side on a grey panel from 1240px, one under
 *   another below; each `.bdental-classic-case` a `.bdental-before-after` (components.css) with its caption, and
 *   `.bdental-classic-case--wide` a case the moved site's phone layout leaves out;
 * - in `.bdental-classic-cover`: `__line` (a line of the cover's words in its own size and colour, for a cover with more
 *   than a title and a small line; `--heavy`, the heading colour at the strong weight) and `__size` (a run of its own
 *   size in it; `--line`, a run that is a whole line, with its own line height).
 * Places as ticket 04's (`--gap`, `--x`, `--w`, `--h`, `--fs`, `--lh` in pixels from 1240px, `--m-gap`, `--mx`, `--mw`,
 * `--mh`, `--mfs`, `--mlh` in --cu below), plus a caption's own `--cx`, `--cw`, `--cgap` (`--mcx`, `--mcw`, `--mcgap`)
 * and a whole-line run's own line height `--slh` (`--mslh`).
 */

.bdental-classic-main .wp-block-post-content > :where(.bdental-classic-blank, .bdental-classic-cases) {
	margin-block-start: 0;
}

/* ---------------------------------------------------------------- Text: a centred line, an embed, a heavier run */

.bdental-classic-main .bdental-classic-text__line {
	width: calc(var(--mw, 300) * var(--cu));
	margin-left: calc(var(--mx, 10) * var(--cu));
	font-size: calc(var(--mfs, 15) * var(--cu));
	line-height: calc(var(--mlh, 18) * var(--cu));
	letter-spacing: normal;
	text-align: center;
	text-transform: none;
	color: var(--wp--preset--color--body);
}

.bdental-classic-main .bdental-classic-text__line--display {
	font-family: var(--wp--preset--font-family--display);
	font-weight: 400;
}

.bdental-classic-main .bdental-classic-text__line--alt {
	font-family: var(--bdental-classic-alt);
	font-weight: 400;
}

.bdental-classic-main .bdental-classic-text__display-strong {
	font-family: var(--bdental-classic-font-display-strong, inherit);
	font-weight: var(--bdental-classic-weight-display-strong, 700);
}

.bdental-classic-text__embed {
	width: calc(var(--mw, 320) * var(--cu));
	height: calc(var(--mh, 200) * var(--cu));
	margin-left: calc(var(--mx, 0) * var(--cu));
}

.bdental-classic-text__embed > .bdental-embed {
	width: 100%;
	height: 100%;
}

/* ---------------------------------------------------------------- An empty surface band */

.bdental-classic-blank {
	height: calc(var(--mh, 600) * var(--cu));
	background-color: var(--wp--preset--color--section-surface);
}

/* `--after` (`--mafter`): the white the moved site leaves under the band, where its page runs on past its last section;
   as specific as the flow layout's own rule, which clears the last block's margin. */
.bdental-classic-main .wp-block-post-content > .bdental-classic-blank {
	margin-block-end: calc(var(--mafter, 0) * var(--cu));
}

/* ---------------------------------------------------------------- Before-and-after cases (phone first) */

.bdental-classic-cases {
	box-sizing: border-box;
	display: flow-root;
	min-height: calc(var(--mh, 540) * var(--cu));
	padding-inline: calc((100% - 320 * var(--cu)) / 2);
	background-color: var(--wp--preset--color--band-grey-alt, var(--wp--preset--color--section-surface));
}

.bdental-classic-main .wp-block-post-content > .bdental-classic-cases {
	margin-block-start: calc(var(--m-gap, 0) * var(--cu));
}

/* A case reads only the places it carries itself: the row's own height and gap never leak down. */
.bdental-classic-case {
	--gap: initial;
	--m-gap: initial;
	--x: initial;
	--w: initial;
	--h: initial;
	--mx: initial;
	--mw: initial;
	--mh: initial;
	--cx: initial;
	--cw: initial;
	--cgap: initial;
	--mcx: initial;
	--mcw: initial;
	--mcgap: initial;
	--fit: initial;
	--mfit: initial;
}

.bdental-classic-main .bdental-classic-case {
	margin: calc(var(--m-gap, 20) * var(--cu)) 0 0;
}

.bdental-classic-case--wide {
	display: none;
}

/* The moved site's phone layout scales its slider with the page: the handle's sizes are in --cu here too. */
.bdental-classic-case__compare {
	--bdental-before-after-u: var(--cu);
	width: calc(var(--mw, 300) * var(--cu));
	height: calc(var(--mh, 200) * var(--cu));
	margin-left: calc(var(--mx, 10) * var(--cu));
}

.bdental-classic-main .bdental-classic-case__caption {
	width: calc(var(--mcw, 300) * var(--cu));
	margin: calc(var(--mcgap, 8) * var(--cu)) 0 0 calc(var(--mcx, 10) * var(--cu));
	font-family: var(--bdental-classic-text);
	font-size: calc(var(--mfs, 16) * var(--cu));
	font-weight: var(--bdental-classic-text-weight);
	line-height: calc(var(--mlh, 19) * var(--cu));
	letter-spacing: var(--mfit, var(--bdental-classic-tracking-phone, normal));
	text-align: center;
	color: var(--wp--preset--color--body);
}

/* ---------------------------------------------------------------- Cover: lines of their own */

.bdental-classic-cover__line,
.bdental-classic-cover__size {
	--x: initial;
	--w: initial;
	--gap: initial;
	--m-gap: initial;
	--mx: initial;
	--mw: initial;
	--o: initial;
	--mo: initial;
	--fs: initial;
	--lh: initial;
	--mfs: initial;
	--mlh: initial;
	--slh: initial;
	--mslh: initial;
}

.bdental-classic-main .bdental-classic-cover__line {
	order: var(--mo, 0);
	width: calc(var(--mw, 240) * var(--cu));
	margin: calc(var(--m-gap, 0) * var(--cu)) 0 0 calc(var(--mx, 0) * var(--cu));
	font-size: calc(var(--mfs, 12) * var(--cu));
	line-height: calc(var(--mlh, 14.4) * var(--cu));
	letter-spacing: normal;
	text-transform: none;
	color: var(--wp--preset--color--text-graphite, var(--wp--preset--color--body));
}

.bdental-classic-main .bdental-classic-cover__line--heavy {
	font-weight: var(--bdental-classic-strong-weight);
	color: var(--wp--preset--color--heading);
}

/* A smaller run inside a line keeps a line box of its own size, so it never grows the line it sits in. */
.bdental-classic-main .bdental-classic-cover__size {
	font-size: calc(var(--mfs, 12) * var(--cu));
	line-height: 1;
}

.bdental-classic-main .bdental-classic-cover__size--line {
	display: block;
	line-height: calc(var(--mslh, 20) * var(--cu));
}

@media (min-width: 1240px) {
	.bdental-classic-main .bdental-classic-text__line {
		width: calc(var(--w, 895) * 1px);
		margin-left: calc(var(--x, 42) * 1px);
		font-size: calc(var(--fs, 15) * 1px);
		line-height: calc(var(--lh, 18) * 1px);
	}

	.bdental-classic-text__embed {
		width: calc(var(--w, 948) * 1px);
		height: calc(var(--h, 534) * 1px);
		margin-left: calc(var(--x, 16) * 1px);
	}

	.bdental-classic-blank {
		height: calc(var(--h, 600) * 1px);
	}

	.bdental-classic-main .wp-block-post-content > .bdental-classic-blank {
		margin-block-end: calc(var(--after, 0) * 1px);
	}

	/* Two columns, each one of the moved site's 490px grey panels. */
	.bdental-classic-cases {
		display: grid;
		grid-template-columns: 490px 490px;
		align-items: start;
		width: 980px;
		min-height: calc(var(--h, 387) * 1px);
		margin-inline: auto;
		padding-inline: 0;
	}

	.bdental-classic-main .wp-block-post-content > .bdental-classic-cases {
		margin-block-start: 0;
	}

	.bdental-classic-main .bdental-classic-case {
		margin-top: calc(var(--gap, 25) * 1px);
	}

	.bdental-classic-case--wide {
		display: block;
	}

	.bdental-classic-case__compare {
		--bdental-before-after-u: 1px;
		width: calc(var(--w, 418) * 1px);
		height: calc(var(--h, 279) * 1px);
		margin-left: calc(var(--x, 37) * 1px);
	}

	.bdental-classic-main .bdental-classic-case__caption {
		width: calc(var(--cw, 316) * 1px);
		margin: calc(var(--cgap, 12) * 1px) 0 0 calc(var(--cx, 87) * 1px);
		font-size: calc(var(--fs, 17) * 1px);
		line-height: calc(var(--lh, 20) * 1px);
		letter-spacing: var(--fit, var(--bdental-classic-tracking, normal));
	}

	.bdental-classic-main .bdental-classic-cover__line {
		order: var(--o, 0);
		width: calc(var(--w, 400) * 1px);
		margin: calc(var(--gap, 0) * 1px) 0 0 calc(var(--x, 0) * 1px);
		font-size: calc(var(--fs, 12) * 1px);
		line-height: calc(var(--lh, 14.4) * 1px);
	}

	.bdental-classic-main .bdental-classic-cover__size {
		font-size: calc(var(--fs, 12) * 1px);
	}

	.bdental-classic-main .bdental-classic-cover__size--line {
		line-height: calc(var(--slh, 20) * 1px);
	}
}

/* ---------------------------------------------------------------- The form pages (VT-02 ticket 07, N17; phone first)

   The moved site shows its two form pages with no site header or footer (the `page-classic-bare` template): the page's
   own first band is the logo, a menu (from 1240px; the moved site's phone layout shows the logo alone) and a cover
   photo. The second band is a text band (above) whose back button, form box and closing line are placed here. */

.bdental-classic-landing {
	position: relative;
	height: calc(var(--mh, 248) * var(--cu));
	overflow: hidden;
	background-color: var(--wp--preset--color--page-background);
}

.bdental-classic-landing > * {
	margin-block: 0;
}

.bdental-classic-landing .bdental-classic-landing__logo {
	position: absolute;
	top: calc(10 * var(--cu));
	left: calc(50% - 70 * var(--cu));
	margin: 0;
	line-height: 0;
}

.bdental-classic-landing .bdental-classic-landing__logo img {
	width: calc(140 * var(--cu));
	height: calc(34 * var(--cu));
	object-fit: contain;
}

.bdental-classic-landing nav.bdental-classic-landing__nav {
	display: none;
}

.bdental-classic-landing__cover {
	position: absolute;
	top: calc(var(--mcy, 69) * var(--cu));
	left: 0;
	width: 100%;
	height: calc(var(--mch, 179) * var(--cu));
	object-fit: cover;
}

/* The grey back button, the full width of the phone layout. */
.bdental-classic-text .bdental-classic-landing__back {
	box-sizing: border-box;
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	width: calc(var(--mw, 320) * var(--cu));
	height: calc(var(--mh, 34) * var(--cu));
	margin-left: calc(var(--mx, 0) * var(--cu));
	border: 1px solid var(--wp--preset--color--page-background);
	font-family: var(--bdental-classic-text);
	font-size: calc(16 * var(--cu));
	font-weight: var(--bdental-classic-text-weight);
	line-height: 1.4;
	color: var(--wp--preset--color--body);
	background-color: var(--wp--preset--color--button-grey, var(--wp--preset--color--section-surface));
	text-decoration: none;
}

.bdental-classic-text .bdental-classic-landing__back::after {
	content: "";
	position: absolute;
	inset: 50% 0 auto;
	height: max(100%, 44px);
	transform: translateY(-50%);
}

.bdental-classic-text .bdental-classic-landing__back:hover,
.bdental-classic-text .bdental-classic-landing__back:focus-visible {
	background-color: var(--wp--preset--color--page-background);
	border-color: var(--wp--preset--color--button-grey, var(--wp--preset--color--divider));
}

/* The form's box: its place in the band; its look is components.css's. */
.bdental-classic-text .bdental-classic-text__form {
	width: calc(var(--mw, 300) * var(--cu));
	min-height: calc(var(--mh, 0) * var(--cu));
	margin-left: calc(var(--mx, 10) * var(--cu));
}

/* The closing line in the moved site's label face, with its link. */
.bdental-classic-main .bdental-classic-text__line--label {
	font-family: var(--bdental-classic-label);
	font-weight: 400;
	letter-spacing: var(--mfit, normal);
	text-align: left;
	color: var(--wp--preset--color--text-graphite, var(--wp--preset--color--body));
}

/* The band's parts in the phone layout's order (`--m-order`), which differs from the wide one on one page. */
.bdental-classic-text--ordered {
	display: flex;
	flex-direction: column;
}

.bdental-classic-text--ordered > * {
	order: var(--m-order, 0);
}

@media (min-width: 1240px) {
	.bdental-classic-landing {
		height: calc(var(--h, 546) * 1px);
	}

	.bdental-classic-landing .bdental-classic-landing__logo {
		top: calc(var(--ly, 23) * 1px);
		left: calc(50% - 490px + var(--lx, 28) * 1px);
	}

	.bdental-classic-landing .bdental-classic-landing__logo img {
		width: 193px;
		height: 47px;
	}

	/* The menu as the classic header's (classic.css), placed where the moved site's band puts it. */
	.bdental-classic-landing nav.bdental-classic-landing__nav {
		display: flex;
		top: calc(var(--ny, 21.5) * 1px);
		right: auto;
		left: calc(50% - 490px + var(--nx, 263.75) * 1px);
	}

	/* The moved site's form pages space their menu's items a shade wider than its header does. */
	.bdental-classic-landing .bdental-classic-header__nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		padding: 0 17.95px;
	}

	.bdental-classic-main .bdental-classic-text__line--label {
		letter-spacing: var(--fit, normal);
	}

	.bdental-classic-landing__cover {
		top: calc(var(--cy, 92) * 1px);
		height: calc(var(--ch, 452) * 1px);
	}

	.bdental-classic-text .bdental-classic-landing__back {
		width: calc(var(--w, 188) * 1px);
		height: calc(var(--h, 40) * 1px);
		margin-left: calc(var(--x, 396) * 1px);
		font-size: 16px;
	}

	.bdental-classic-text .bdental-classic-text__form {
		width: calc(var(--w, 914) * 1px);
		min-height: calc(var(--h, 0) * 1px);
		margin-left: calc(var(--x, 33) * 1px);
	}

	.bdental-classic-text--ordered > * {
		order: 0;
	}
}