/* Dannawi theme styles — loaded on top of theme.json */

/* ---------- eyebrow label ---------- */
.dw-eyebrow {
	font-family: var(--wp--preset--font-family--eyebrow);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-soft);
}

.dw-section-light .dw-eyebrow {
	color: var(--wp--preset--color--accent);
}

/* ---------- header ---------- */
.dw-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: color-mix(in srgb, var(--wp--preset--color--paper) 88%, transparent);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 10%, transparent);
}

.dw-wordmark {
	font-family: var(--wp--preset--font-family--display);
	font-size: 1.375rem;
	line-height: 1.15;
	color: var(--wp--preset--color--ink);
	text-decoration: none;
	display: block;
}

.dw-wordmark small {
	display: block;
	font-family: var(--wp--preset--font-family--eyebrow);
	font-size: 0.625rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
	margin-top: 0.25rem;
}

/* ---------- hero ---------- */
.dw-hero {
	position: relative;
	min-height: 88svh;
	display: flex;
	align-items: flex-end;
	color: var(--wp--preset--color--paper);
	overflow: hidden;
}

.dw-hero__media,
.dw-hero__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dw-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(17, 20, 40, 0.55) 0%,
		rgba(17, 20, 40, 0.72) 55%,
		rgba(17, 20, 40, 0.92) 100%
	);
}

.dw-hero__inner {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30);
}

.dw-hero h1 {
	max-width: 14ch;
	margin: var(--wp--preset--spacing--30) 0;
}

.dw-hero p {
	max-width: 42ch;
	color: var(--wp--preset--color--muted-dark);
}

.dw-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20);
	margin: var(--wp--preset--spacing--40) 0 var(--wp--preset--spacing--30);
}

.dw-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 1rem 2rem;
	border-radius: 999px;
	font-weight: 500;
	text-decoration: none;
	border: 1px solid transparent;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.dw-btn--primary {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--paper-pure);
}

.dw-btn--primary:hover {
	background: var(--wp--preset--color--accent-bright);
}

.dw-btn--wa {
	background: #25d366;
	color: #06301a;
}

.dw-btn--wa:hover {
	background: #1eb855;
}

.dw-btn--ghost {
	border-color: color-mix(in srgb, var(--wp--preset--color--paper) 45%, transparent);
	color: var(--wp--preset--color--paper);
}

.dw-btn--ghost:hover {
	border-color: var(--wp--preset--color--paper);
}

.dw-rating {
	font-family: var(--wp--preset--font-family--eyebrow);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted-dark);
}

.dw-hero__points {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: var(--wp--preset--spacing--20);
	margin-top: var(--wp--preset--spacing--30);
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--paper) 20%, transparent);
	list-style: none;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted-dark);
}

.dw-hero__points li::before {
	content: "·";
	color: var(--wp--preset--color--accent-soft);
	margin-right: 0.5rem;
}

/* ---------- dark / light section shells ---------- */
.dw-section {
	padding-block: var(--wp--preset--spacing--60);
}

.dw-section-dark {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper);
}

.dw-section-dark h2,
.dw-section-dark h3 {
	color: var(--wp--preset--color--paper);
}

.dw-section-dark p {
	color: var(--wp--preset--color--muted-dark);
}

.dw-section-light {
	background: var(--wp--preset--color--paper);
	color: var(--wp--preset--color--ink);
}

.dw-section-light p {
	color: var(--wp--preset--color--muted);
}

.dw-inner {
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
	padding-inline: var(--wp--preset--spacing--30);
}

/* ---------- credential ticker ---------- */
.dw-ticker {
	background: var(--wp--preset--color--ink-soft);
	border-block: 1px solid var(--wp--preset--color--ink-line);
	overflow: hidden;
	padding-block: 1rem;
}

.dw-ticker__track {
	display: flex;
	gap: 3rem;
	width: max-content;
	animation: dw-scroll 38s linear infinite;
	font-family: var(--wp--preset--font-family--eyebrow);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted-dark);
}

.dw-ticker__track span::after {
	content: "|";
	margin-left: 3rem;
	color: var(--wp--preset--color--ink-line);
}

@keyframes dw-scroll {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
	.dw-ticker__track { animation: none; }
}

/* ---------- full-bleed photo statement ---------- */
.dw-statement {
	position: relative;
	min-height: 78svh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: var(--wp--preset--color--paper);
	overflow: hidden;
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30);
}

.dw-statement img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -2;
}

.dw-statement::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(17, 20, 40, 0.35), rgba(17, 20, 40, 0.8));
	z-index: -1;
}

.dw-statement__body {
	max-width: 46ch;
}

/* ---------- dental arch ---------- */
.dw-arch {
	display: block;
	width: 100%;
	max-width: 520px;
	height: auto;
	margin: var(--wp--preset--spacing--40) auto;
}

.dw-arch circle {
	cursor: pointer;
	transition: r 0.15s ease;
}

.dw-arch circle:hover {
	r: 14;
}

/* ---------- treatment list (explore by treatment) ---------- */
.dw-treatment-list {
	list-style: none;
	padding: 0;
	margin: var(--wp--preset--spacing--30) 0 0;
}

.dw-treatment-list li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
	padding-block: 1.125rem;
	border-top: 1px solid var(--wp--preset--color--ink-line);
}

.dw-treatment-list li:last-child {
	border-bottom: 1px solid var(--wp--preset--color--ink-line);
}

.dw-treatment-list__name {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--x-large);
}

.dw-treatment-list__meta {
	font-family: var(--wp--preset--font-family--eyebrow);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted-dark);
	white-space: nowrap;
}

/* ---------- treatment cards ---------- */
.dw-treatments {
	display: grid;
	gap: var(--wp--preset--spacing--40);
}

@media (min-width: 900px) {
	.dw-treatments { grid-template-columns: repeat(2, 1fr); }
}

.dw-treatment-card {
	display: block;
	text-decoration: none;
	color: inherit;
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 14%, transparent);
}

.dw-treatment-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.dw-treatment-card__head h3 {
	margin: 0;
}

.dw-treatment-card__arrow {
	font-size: 1.5rem;
	color: var(--wp--preset--color--muted);
	transition: transform 0.2s ease;
}

.dw-treatment-card:hover .dw-treatment-card__arrow {
	transform: translateX(6px);
	color: var(--wp--preset--color--accent);
}

.dw-treatment-card__meta {
	font-family: var(--wp--preset--font-family--eyebrow);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
	margin-top: 0.75rem;
}

.dw-treatment-card img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 14px;
	margin-top: var(--wp--preset--spacing--30);
}

/* ---------- whatsapp booking section ---------- */
.dw-wa-section {
	background: linear-gradient(160deg, #0d2b1c 0%, #111428 70%);
	color: var(--wp--preset--color--paper);
}

.dw-wa {
	display: grid;
	gap: var(--wp--preset--spacing--50);
	align-items: center;
}

@media (min-width: 900px) {
	.dw-wa { grid-template-columns: 1fr 1fr; }
}

.dw-wa h2 {
	color: var(--wp--preset--color--paper);
}

.dw-wa p {
	color: var(--wp--preset--color--muted-dark);
}

.dw-wa .dw-eyebrow {
	color: #4ade80;
}

.dw-wa__number a {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--x-large);
	color: #25d366;
	text-decoration: none;
}

.dw-wa__actions {
	display: grid;
	gap: 0.875rem;
}

.dw-wa__btn {
	display: flex;
	align-items: center;
	gap: 0.875rem;
	padding: 1.125rem 1.25rem;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(37, 211, 102, 0.3);
	color: var(--wp--preset--color--paper);
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.dw-wa__btn:first-child {
	background: #25d366;
	border-color: #25d366;
	color: #06301a;
	font-weight: 600;
}

.dw-wa__btn:hover {
	background: rgba(37, 211, 102, 0.18);
	border-color: #25d366;
}

.dw-wa__btn:first-child:hover {
	background: #1eb855;
}

.dw-wa__btn svg {
	width: 22px;
	height: 22px;
	flex: none;
}

.dw-wa__btn span:not(.dw-wa__arrow) {
	flex: 1;
}

.dw-wa__arrow {
	opacity: 0.6;
}

.dw-wa__note {
	font-size: var(--wp--preset--font-size--small);
	margin-top: 0.5rem;
}

/* ---------- team ---------- */
.dw-team {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	margin-top: var(--wp--preset--spacing--40);
}

@media (min-width: 640px) {
	.dw-team { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1000px) {
	.dw-team { grid-template-columns: repeat(4, 1fr); }
}

.dw-team-card img {
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	border-radius: 14px;
	margin-bottom: var(--wp--preset--spacing--20);
}

.dw-team-card h3 {
	font-size: var(--wp--preset--font-size--large);
	margin: 0 0 0.25rem;
}

.dw-team-card__role {
	font-family: var(--wp--preset--font-family--eyebrow);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
	margin: 0 0 0.75rem;
}

.dw-team-card p:last-child {
	font-size: var(--wp--preset--font-size--medium);
}

/* ---------- callout card ---------- */
.dw-callout {
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--accent) 30%, transparent);
	border-radius: 18px;
	padding: var(--wp--preset--spacing--40);
	background: linear-gradient(160deg, rgba(99, 102, 241, 0.08), rgba(34, 211, 238, 0.05));
}

.dw-callout a {
	font-weight: 500;
}

/* ---------- before / after slider ---------- */
.dw-ba {
	position: relative;
	aspect-ratio: 4 / 3;
	border-radius: 16px;
	overflow: hidden;
	touch-action: pan-y;
	user-select: none;
}

.dw-ba img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dw-ba__after {
	clip-path: inset(0 0 0 var(--dw-split, 50%));
}

.dw-ba__handle {
	position: absolute;
	top: 0;
	bottom: 0;
	left: var(--dw-split, 50%);
	width: 2px;
	background: var(--wp--preset--color--paper);
	transform: translateX(-1px);
	cursor: ew-resize;
}

.dw-ba__handle::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 44px;
	height: 44px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: var(--wp--preset--color--paper);
	box-shadow: 0 2px 14px rgba(0, 0, 0, 0.35);
}

.dw-ba__label {
	position: absolute;
	bottom: 1rem;
	font-family: var(--wp--preset--font-family--eyebrow);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--paper);
	background: rgba(17, 20, 40, 0.6);
	padding: 0.375rem 0.75rem;
	border-radius: 999px;
}

.dw-ba__label--before { left: 1rem; }
.dw-ba__label--after { right: 1rem; }

/* ---------- case list ---------- */
.dw-cases {
	list-style: none;
	padding: 0;
	margin: var(--wp--preset--spacing--40) 0 0;
}

.dw-cases li {
	display: grid;
	grid-template-columns: 88px 1fr;
	gap: 1.25rem;
	align-items: center;
	padding-block: 1.25rem;
	border-top: 1px solid var(--wp--preset--color--ink-line);
	cursor: pointer;
}

.dw-cases img {
	width: 88px;
	height: 88px;
	object-fit: cover;
	border-radius: 10px;
}

.dw-cases__no {
	font-family: var(--wp--preset--font-family--eyebrow);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted-dark);
}

.dw-cases__title {
	font-size: var(--wp--preset--font-size--large);
	color: var(--wp--preset--color--paper);
	margin: 0.25rem 0;
}

.dw-cases__time {
	font-family: var(--wp--preset--font-family--eyebrow);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--accent-soft);
}

.dw-cases li[aria-selected="true"] {
	border-left: 2px solid var(--wp--preset--color--accent-bright);
	padding-left: 1rem;
}

/* ---------- visit steps carousel ---------- */
.dw-steps {
	display: flex;
	gap: var(--wp--preset--spacing--30);
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	padding-bottom: var(--wp--preset--spacing--30);
	scrollbar-width: thin;
}

.dw-step {
	flex: 0 0 min(86vw, 420px);
	scroll-snap-align: start;
}

.dw-step__no {
	font-family: var(--wp--preset--font-family--display);
	font-size: 2.5rem;
	color: color-mix(in srgb, var(--wp--preset--color--accent) 45%, transparent);
	line-height: 1;
}

.dw-step h3 {
	margin: 0.5rem 0 0.75rem;
}

.dw-step img {
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	border-radius: 14px;
	margin-top: var(--wp--preset--spacing--20);
}

/* ---------- stat band ---------- */
.dw-stats {
	display: grid;
	gap: var(--wp--preset--spacing--40);
}

@media (min-width: 720px) {
	.dw-stats { grid-template-columns: repeat(3, 1fr); }
}

.dw-stat__value {
	font-family: var(--wp--preset--font-family--display);
	font-size: var(--wp--preset--font-size--xx-large);
	line-height: 1;
	color: var(--wp--preset--color--paper);
}

.dw-stat__label {
	color: var(--wp--preset--color--muted-dark);
	margin-top: 0.5rem;
}

/* ---------- reviews ---------- */
.dw-reviews {
	display: grid;
	gap: var(--wp--preset--spacing--30);
}

@media (min-width: 900px) {
	.dw-reviews { grid-template-columns: repeat(2, 1fr); }
}

.dw-review {
	background: var(--wp--preset--color--paper-pure);
	border: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 10%, transparent);
	border-radius: 16px;
	padding: var(--wp--preset--spacing--30);
}

.dw-review__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: var(--wp--preset--spacing--20);
}

.dw-review__stars {
	color: var(--wp--preset--color--accent);
	letter-spacing: 0.15em;
}

.dw-review__source {
	font-family: var(--wp--preset--font-family--eyebrow);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}

.dw-review__foot {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-top: var(--wp--preset--spacing--30);
	padding-top: var(--wp--preset--spacing--20);
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 8%, transparent);
}

.dw-review__who {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-weight: 500;
}

.dw-review__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--paper-pure);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
}

.dw-review__date {
	font-family: var(--wp--preset--font-family--eyebrow);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
}

/* ---------- hours table ---------- */
.dw-hours {
	width: 100%;
	border-collapse: collapse;
	font-family: var(--wp--preset--font-family--eyebrow);
	font-size: var(--wp--preset--font-size--small);
}

.dw-hours th,
.dw-hours td {
	padding-block: 0.875rem;
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 10%, transparent);
	text-align: left;
	font-weight: 400;
}

.dw-hours td {
	text-align: right;
	color: var(--wp--preset--color--muted);
}

.dw-hours tr[data-closed] td {
	color: color-mix(in srgb, var(--wp--preset--color--muted) 65%, transparent);
}

/* ---------- footer ---------- */
.dw-footer {
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--muted-dark);
	padding-block: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40);
}

.dw-footer__cols {
	display: grid;
	gap: var(--wp--preset--spacing--40);
}

@media (min-width: 760px) {
	.dw-footer__cols { grid-template-columns: repeat(3, 1fr); }
}

.dw-footer h2 {
	font-family: var(--wp--preset--font-family--eyebrow);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-soft);
	margin-bottom: var(--wp--preset--spacing--20);
}

.dw-footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 0.875rem;
}

.dw-footer a {
	color: var(--wp--preset--color--paper);
	text-decoration: none;
}

.dw-footer a:hover {
	color: var(--wp--preset--color--accent-soft);
}

.dw-footer__legal {
	margin-top: var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid var(--wp--preset--color--ink-line);
	font-size: var(--wp--preset--font-size--small);
}

/* ---------- mobile action bar ---------- */
.dw-actionbar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 60;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	background: var(--wp--preset--color--paper);
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 12%, transparent);
	padding-bottom: env(safe-area-inset-bottom, 0px);
}

.dw-actionbar a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.25rem;
	padding: 0.75rem 0.5rem;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}

.dw-actionbar a + a {
	border-left: 1px solid color-mix(in srgb, var(--wp--preset--color--ink) 10%, transparent);
}

.dw-actionbar a.is-primary {
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--paper-pure);
	border-left-color: var(--wp--preset--color--accent);
}

.dw-actionbar svg {
	width: 20px;
	height: 20px;
}

@media (min-width: 900px) {
	.dw-actionbar { display: none; }
}

body { padding-bottom: 68px; }

@media (min-width: 900px) {
	body { padding-bottom: 0; }
}

/* hero video fills the same frame as the photo */
.dw-hero video.dw-hero__media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* header layout + menu */
.dw-header__inner {
	max-width: var(--wp--style--global--wide-size, 1240px);
	margin-inline: auto;
	padding: 0.875rem var(--wp--preset--spacing--30, 1.5rem);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
}

.dw-nav-toggle {
	display: grid;
	gap: 5px;
	background: none;
	border: 0;
	cursor: pointer;
	padding: 10px;
}

.dw-nav-toggle span {
	display: block;
	width: 24px;
	height: 2px;
	background: var(--wp--preset--color--ink, #111428);
}

.dw-nav {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	background: var(--wp--preset--color--paper, #f1f2f7);
	border-bottom: 1px solid rgba(17,20,40,0.1);
	display: grid;
	gap: 0.25rem;
	padding: 1rem var(--wp--preset--spacing--30, 1.5rem) 1.5rem;
}

.dw-header { position: sticky; top: 0; z-index: 50; }
.dw-header__inner { position: relative; }

.dw-nav a {
	padding: 0.75rem 0;
	color: var(--wp--preset--color--ink, #111428);
	text-decoration: none;
	border-bottom: 1px solid rgba(17,20,40,0.06);
}

.dw-nav__cta {
	margin-top: 0.75rem;
	background: #25d366;
	color: #06301a !important;
	text-align: center;
	border-radius: 999px;
	font-weight: 600;
	border-bottom: 0 !important;
	padding: 0.875rem 1.5rem !important;
}

@media (min-width: 900px) {
	.dw-nav-toggle { display: none; }
	.dw-nav {
		position: static;
		display: flex !important;
		align-items: center;
		gap: 1.75rem;
		padding: 0;
		border: 0;
		background: none;
	}
	.dw-nav[hidden] { display: flex !important; }
	.dw-nav a { border-bottom: 0; padding: 0; font-size: 0.9375rem; }
	.dw-nav__cta { margin-top: 0; }
}

/* ============ luxury pass: more air, warmer tone ============ */
.dw-section { padding-block: clamp(5rem, 11vw, 9rem); }

/* only the results section stays dark - everything else breathes */
.dw-section-dark { background: #2B2420; }

/* warm the whatsapp band to bronze instead of green-on-navy */
.dw-wa-section { background: linear-gradient(160deg, #3A302A 0%, #2B2420 75%); }

/* buttons: squarer and quieter reads more expensive than pill-shaped */
.dw-btn, .dw-nav__cta { border-radius: 4px; letter-spacing: 0.01em; }
.dw-wa__btn { border-radius: 6px; }

/* headings: more contrast between display and body */
.dw-hero h1 { letter-spacing: -0.02em; line-height: 1.05; }
.dw-section h2 { margin-bottom: 1.25rem; }

/* generous lead paragraph under each heading */
.dw-inner > p { max-width: 54ch; }

/* cards: hairline borders, no heavy fills */
.dw-review {
	background: #fff;
	border: 1px solid rgba(43,36,32,0.08);
	border-radius: 8px;
}
.dw-treatment-card img,
.dw-team-card img,
.dw-step img { border-radius: 6px; }
.dw-ba { border-radius: 8px; }

/* gold hairline above section labels */
.dw-eyebrow {
	display: inline-block;
	padding-top: 1.25rem;
	border-top: 1px solid var(--wp--preset--color--accent-soft);
}

/* image placeholders shouldn't shout */
.dw-hero::after {
	background: linear-gradient(180deg, rgba(43,36,32,0.45) 0%, rgba(43,36,32,0.65) 55%, rgba(43,36,32,0.88) 100%);
}

/* corridor video sits behind the statement text */
.dw-statement__media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -2;
}