/* =========================================
   ROBERIN multilingual contact landing redesign
   - 2026-05-06 v3
========================================= */
body.roberin-contact-page .cs-entry__header {
	display: none !important;
}

body.roberin-contact-page .entry-content {
	margin-top: 0 !important;
}

body.roberin-contact-page .entry-content > *:first-child {
	margin-top: 0 !important;
}

.roberin-contact-redesign {
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: 950px !important;
	margin: 0 auto 42px !important;
	padding: 0 !important;
	color: #34281f !important;
}

.roberin-contact-redesign *,
.roberin-contact-redesign *::before,
.roberin-contact-redesign *::after,
body.roberin-contact-page .cs-contact-form *,
body.roberin-contact-page .cs-contact-form *::before,
body.roberin-contact-page .cs-contact-form *::after {
	box-sizing: border-box !important;
}

.roberin-contact-intro,
.roberin-contact-section,
body.roberin-contact-page .cs-contact-form__content {
	position: relative !important;
	isolation: isolate !important;
	overflow: hidden !important;
	background: #fff7e8 !important;
	border: 2px solid #6b5745 !important;
	border-radius: 0 !important;
	box-shadow: 5px 5px 0 rgba(82, 65, 50, 0.18) !important;
}

.roberin-contact-intro::before,
.roberin-contact-section::before,
body.roberin-contact-page .cs-contact-form__content::before {
	content: "" !important;
	position: absolute !important;
	inset: 0 !important;
	z-index: -1 !important;
	background-image: linear-gradient(rgba(107, 87, 69, 0.052) 1px, transparent 1px), linear-gradient(90deg, rgba(107, 87, 69, 0.042) 1px, transparent 1px) !important;
	background-size: 18px 18px !important;
}

.roberin-contact-intro {
	display: grid !important;
	grid-template-columns: minmax(0, 0.9fr) minmax(340px, 1.1fr) !important;
	gap: 28px !important;
	align-items: center !important;
	padding: 26px !important;
	margin: 0 0 24px !important;
}

.roberin-contact-intro__copy {
	min-width: 0 !important;
	padding: 4px 0 !important;
}

.roberin-contact-kicker,
.roberin-contact-section-label {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 26px !important;
	margin: 0 0 14px !important;
	padding: 4px 10px !important;
	color: #34281f !important;
	background: #ddbf6f !important;
	border: 1px solid #6b5745 !important;
	border-radius: 0 !important;
	box-shadow: 2px 2px 0 rgba(82, 65, 50, 0.16) !important;
	font-size: 11px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase !important;
}

.roberin-contact-redesign h1,
.roberin-contact-redesign h2,
.roberin-contact-redesign h3,
.roberin-contact-redesign p,
.roberin-contact-redesign figure,
.roberin-contact-redesign ul {
	margin-top: 0 !important;
}

.roberin-contact-redesign h1 {
	margin-bottom: 8px !important;
	color: #241a13 !important;
	font-size: clamp(32px, 3.8vw, 48px) !important;
	font-weight: 950 !important;
	line-height: 1.05 !important;
	letter-spacing: -0.055em !important;
	text-shadow: none !important;
	word-break: keep-all !important;
}

.roberin-contact-intro-title,
.roberin-contact-redesign h2 {
	margin-bottom: 12px !important;
	color: #241a13 !important;
	font-size: clamp(24px, 3vw, 38px) !important;
	font-weight: 950 !important;
	line-height: 1.12 !important;
	letter-spacing: -0.055em !important;
	text-shadow: none !important;
	word-break: keep-all !important;
}

.roberin-contact-redesign h3 {
	margin-bottom: 8px !important;
	color: #2b2119 !important;
	font-size: 18px !important;
	font-weight: 950 !important;
	line-height: 1.25 !important;
	letter-spacing: -0.035em !important;
	text-shadow: none !important;
	word-break: keep-all !important;
}

.roberin-contact-redesign p,
.roberin-contact-redesign li,
.roberin-contact-figure figcaption {
	color: #4f3d2e !important;
	font-size: 16px !important;
	font-weight: 760 !important;
	line-height: 1.7 !important;
	letter-spacing: -0.018em !important;
	word-break: keep-all !important;
	overflow-wrap: anywhere !important;
	text-shadow: none !important;
}

.roberin-contact-lead {
	max-width: 580px !important;
	margin-bottom: 18px !important;
	color: #3f3024 !important;
	font-size: 17px !important;
	font-weight: 800 !important;
}

.roberin-contact-points {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
}

.roberin-contact-points span {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 34px !important;
	padding: 6px 10px !important;
	color: #34281f !important;
	background: #e2edd8 !important;
	border: 1px solid rgba(107, 87, 69, 0.72) !important;
	font-size: 13px !important;
	font-weight: 950 !important;
	line-height: 1.25 !important;
}

.roberin-contact-figure {
	min-width: 0 !important;
	margin: 0 !important;
}

.roberin-contact-figure img {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 16 / 9 !important;
	object-fit: cover !important;
	background: #d9d1c6 !important;
	border: 2px solid #6b5745 !important;
	box-shadow: 4px 4px 0 rgba(82, 65, 50, 0.2) !important;
}

.roberin-contact-figure figcaption {
	margin-top: 10px !important;
	font-size: 13px !important;
	font-weight: 850 !important;
	line-height: 1.5 !important;
}

.roberin-contact-section {
	padding: 24px !important;
	margin: 0 0 18px !important;
}

.roberin-contact-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	gap: 12px !important;
	margin-top: 16px !important;
}

.roberin-contact-card,
.roberin-contact-note {
	min-width: 0 !important;
	padding: 16px 15px !important;
	background: rgba(255, 255, 255, 0.42) !important;
	border: 1px solid rgba(107, 87, 69, 0.58) !important;
}

.roberin-contact-card p,
.roberin-contact-note p {
	margin-bottom: 0 !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
}

.roberin-contact-section--split {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(270px, 0.45fr) !important;
	gap: 22px !important;
	align-items: start !important;
}

.roberin-contact-note {
	background: #e2edd8 !important;
}

.roberin-contact-section--closing {
	background: #e2edd8 !important;
}

.roberin-contact-section--closing p {
	max-width: 860px !important;
}

.roberin-contact-signoff {
	margin: 14px 0 0 !important;
	color: #34281f !important;
	font-size: 17px !important;
	font-weight: 950 !important;
}

.roberin-contact-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 9px !important;
	margin-top: 16px !important;
}

.roberin-contact-actions a {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 38px !important;
	padding: 8px 13px !important;
	color: #34281f !important;
	background: #ddbf6f !important;
	border: 1px solid #6b5745 !important;
	border-radius: 0 !important;
	box-shadow: 2px 2px 0 rgba(82, 65, 50, 0.16) !important;
	font-size: 13px !important;
	font-weight: 950 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
}

.roberin-contact-actions a:hover,
.roberin-contact-actions a:focus {
	background: #fff7e8 !important;
	color: #34281f !important;
}

body.roberin-contact-page .cs-contact-form {
	width: 100% !important;
	max-width: 950px !important;
	margin: 34px auto 46px !important;
	padding: 0 !important;
}

body.roberin-contact-page .cs-contact-form__content {
	display: grid !important;
	grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr) !important;
	gap: 24px !important;
	width: 100% !important;
	max-width: 950px !important;
	padding: 26px 28px !important;
	background-color: #f8efe2 !important;
}

body.roberin-contact-page .cs-contact-form__heading {
	background: #ddbf6f !important;
}

body.roberin-contact-page .cs-contact-form__subheading {
	color: #7a412f !important;
	-webkit-text-fill-color: #7a412f !important;
}

body.roberin-contact-page .cs-contact-form__description,
body.roberin-contact-page .cs-contact-form__description p {
	color: #574838 !important;
	font-size: 15px !important;
	font-weight: 650 !important;
	line-height: 1.7 !important;
}

body.roberin-contact-page .cs-contact-form__form label {
	color: #34281f !important;
}

@media (max-width: 1024px) {
	.roberin-contact-intro,
	.roberin-contact-section--split,
	body.roberin-contact-page .cs-contact-form__content {
		grid-template-columns: 1fr !important;
	}

	.roberin-contact-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 767px) {
	body.roberin-contact-page .cs-site-content {
		overflow-x: clip !important;
	}

	.roberin-contact-redesign {
		max-width: calc(100% - 10px) !important;
		margin-bottom: 30px !important;
	}

	.roberin-contact-intro,
	.roberin-contact-section,
	body.roberin-contact-page .cs-contact-form__content {
		padding: 18px 14px !important;
		box-shadow: 3px 3px 0 rgba(82, 65, 50, 0.2) !important;
	}

	.roberin-contact-intro {
		gap: 18px !important;
	}

	.roberin-contact-redesign h1 {
		font-size: clamp(29px, 8.4vw, 38px) !important;
	}

	.roberin-contact-intro-title,
	.roberin-contact-redesign h2 {
		font-size: clamp(23px, 7vw, 32px) !important;
	}

	.roberin-contact-redesign h3 {
		font-size: 16px !important;
	}

	.roberin-contact-redesign p,
	.roberin-contact-redesign li {
		font-size: 14px !important;
		line-height: 1.65 !important;
	}

	.roberin-contact-lead {
		font-size: 15px !important;
	}

	.roberin-contact-grid {
		grid-template-columns: 1fr !important;
	}

	.roberin-contact-card,
	.roberin-contact-note {
		padding: 14px 12px !important;
	}

	body.roberin-contact-page .cs-contact-form {
		width: calc(100% - 10px) !important;
		max-width: calc(100% - 10px) !important;
		margin-top: 28px !important;
		margin-bottom: 38px !important;
	}
}


/* v2 multilingual + dark-mode parity for contact landing pages. */
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) {
	background-color: #201811 !important;
	background-image:
		linear-gradient(rgba(229, 196, 139, 0.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(229, 196, 139, 0.045) 1px, transparent 1px) !important;
	background-size: 16px 16px !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-redesign {
	color: #f2e4cf !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-intro,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-section,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form__content {
	background: #2b2119 !important;
	border-color: #a98b6b !important;
	box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.34) !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-intro::before,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-section::before,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form__content::before {
	background-image:
		linear-gradient(rgba(229, 196, 139, 0.060) 1px, transparent 1px),
		linear-gradient(90deg, rgba(229, 196, 139, 0.050) 1px, transparent 1px) !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-kicker,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-section-label,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-actions a,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form__heading {
	color: #241c15 !important;
	-webkit-text-fill-color: #241c15 !important;
	background: #d2aa55 !important;
	border-color: #a98b6b !important;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.24) !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-redesign h1,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-intro-title,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-redesign h2,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-redesign h3 {
	color: #f2e4cf !important;
	-webkit-text-fill-color: #f2e4cf !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-redesign p,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-redesign li,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-figure figcaption,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form__subheading,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form__description,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form__description p,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form__form label {
	color: #f0dfc5 !important;
	-webkit-text-fill-color: #f0dfc5 !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-lead {
	color: #f2e4cf !important;
	-webkit-text-fill-color: #f2e4cf !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-points span,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-note,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-section--closing {
	color: #f2e4cf !important;
	-webkit-text-fill-color: #f2e4cf !important;
	background: #344a32 !important;
	border-color: #a98b6b !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-card {
	background: #33271d !important;
	border-color: #725b46 !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-figure img {
	background: #241c15 !important;
	border-color: #a98b6b !important;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.34) !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-actions a:hover,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-actions a:focus-visible {
	color: #f2e4cf !important;
	-webkit-text-fill-color: #f2e4cf !important;
	background: #344a32 !important;
}

@media (prefers-color-scheme: dark) {
	body.roberin-contact-page[data-scheme="auto"] {
		background-color: #201811 !important;
		background-image:
			linear-gradient(rgba(229, 196, 139, 0.055) 1px, transparent 1px),
			linear-gradient(90deg, rgba(229, 196, 139, 0.045) 1px, transparent 1px) !important;
		background-size: 16px 16px !important;
	}

	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-redesign {
		color: #f2e4cf !important;
	}

	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-intro,
	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-section,
	body.roberin-contact-page[data-scheme="auto"] .cs-contact-form__content {
		background: #2b2119 !important;
		border-color: #a98b6b !important;
		box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.34) !important;
	}

	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-kicker,
	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-section-label,
	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-actions a,
	body.roberin-contact-page[data-scheme="auto"] .cs-contact-form__heading {
		color: #241c15 !important;
		-webkit-text-fill-color: #241c15 !important;
		background: #d2aa55 !important;
		border-color: #a98b6b !important;
	}

	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-redesign h1,
	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-intro-title,
	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-redesign h2,
	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-redesign h3 {
		color: #f2e4cf !important;
		-webkit-text-fill-color: #f2e4cf !important;
	}

	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-redesign p,
	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-redesign li,
	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-figure figcaption,
	body.roberin-contact-page[data-scheme="auto"] .cs-contact-form__subheading,
	body.roberin-contact-page[data-scheme="auto"] .cs-contact-form__description,
	body.roberin-contact-page[data-scheme="auto"] .cs-contact-form__description p,
	body.roberin-contact-page[data-scheme="auto"] .cs-contact-form__form label {
		color: #f0dfc5 !important;
		-webkit-text-fill-color: #f0dfc5 !important;
	}

	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-lead,
	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-points span,
	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-note,
	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-section--closing {
		color: #f2e4cf !important;
		-webkit-text-fill-color: #f2e4cf !important;
	}

	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-points span,
	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-note,
	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-section--closing {
		background: #344a32 !important;
		border-color: #a98b6b !important;
	}

	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-card {
		background: #33271d !important;
		border-color: #725b46 !important;
	}
}


/* v3 final dark contrast guards for section-label <p> badges and CF7 consent. */
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-contact-section-label,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) p.roberin-contact-section-label {
	color: #241c15 !important;
	-webkit-text-fill-color: #241c15 !important;
	background: #d2aa55 !important;
	border-color: #a98b6b !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form__form .roberin-contact-consent {
	color: #f0dfc5 !important;
	-webkit-text-fill-color: #f0dfc5 !important;
	background: #344a32 !important;
	border-color: #a98b6b !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form__form .roberin-contact-consent label,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form__form .roberin-contact-consent .wpcf7-list-item-label {
	color: #f0dfc5 !important;
	-webkit-text-fill-color: #f0dfc5 !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-contact-form__form .roberin-contact-consent input[type="checkbox"] {
	background: #241c15 !important;
	border-color: #a98b6b !important;
}

@media (prefers-color-scheme: dark) {
	body.roberin-contact-page[data-scheme="auto"] .roberin-contact-section-label,
	body.roberin-contact-page[data-scheme="auto"] p.roberin-contact-section-label {
		color: #241c15 !important;
		-webkit-text-fill-color: #241c15 !important;
		background: #d2aa55 !important;
		border-color: #a98b6b !important;
	}

	body.roberin-contact-page[data-scheme="auto"] .cs-contact-form__form .roberin-contact-consent {
		color: #f0dfc5 !important;
		-webkit-text-fill-color: #f0dfc5 !important;
		background: #344a32 !important;
		border-color: #a98b6b !important;
	}

	body.roberin-contact-page[data-scheme="auto"] .cs-contact-form__form .roberin-contact-consent label,
	body.roberin-contact-page[data-scheme="auto"] .cs-contact-form__form .roberin-contact-consent .wpcf7-list-item-label {
		color: #f0dfc5 !important;
		-webkit-text-fill-color: #f0dfc5 !important;
	}
}

/* v4 contact page chrome dark-mode parity: the previous pass scoped dark colors
   to the landing/article area only. Header, footer, and theme wrappers need their
   own page-scoped overrides because Intro keeps those as global chrome. */
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]),
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-wrapper,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-site,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-site-inner,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-site-primary,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-site-content,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-main-content,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__wrap,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .entry-content,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer {
	color: #f2e4cf !important;
	background-color: #201811 !important;
	background-image:
		linear-gradient(rgba(229, 196, 139, 0.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(229, 196, 139, 0.045) 1px, transparent 1px) !important;
	background-size: 16px 16px !important;
	color-scheme: dark !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__inner,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer .cs-footer__item-inner,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer .cs-footer__item-bottom-bar .cs-footer__item-inner {
	color: #f7ebd8 !important;
	background:
		linear-gradient(rgba(229, 196, 139, 0.060) 1px, transparent 1px),
		linear-gradient(90deg, rgba(229, 196, 139, 0.050) 1px, transparent 1px),
		#2b2119 !important;
	border-color: #a98b6b !important;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.34) !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header a,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header button,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__menu a,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer a,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-footer__copyright,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-footer__copyright a {
	color: #f0dfc5 !important;
	-webkit-text-fill-color: #f0dfc5 !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header a:hover,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header a:focus-visible,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer a:hover,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) footer.cs-footer a:focus-visible {
	color: #f0c86a !important;
	-webkit-text-fill-color: #f0c86a !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__toggle,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-lang-current,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search-toggle__button,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-mobile-menu-button,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-site-scheme-toggle {
	color: #f7ebd8 !important;
	-webkit-text-fill-color: #f7ebd8 !important;
	background: #33271d !important;
	border-color: #a98b6b !important;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.28) !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-lang-dropdown,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-mobile-menu-dropdown,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search-panel {
	color: #f0dfc5 !important;
	background: #2b2119 !important;
	border-color: #a98b6b !important;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.34) !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-lang-dropdown a,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-mobile-menu-dropdown a,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .roberin-tool-search-panel a {
	color: #f0dfc5 !important;
	-webkit-text-fill-color: #f0dfc5 !important;
}

@media (prefers-color-scheme: dark) {
	body.roberin-contact-page[data-scheme="auto"],
	body.roberin-contact-page[data-scheme="auto"] .cs-wrapper,
	body.roberin-contact-page[data-scheme="auto"] .cs-site,
	body.roberin-contact-page[data-scheme="auto"] .cs-site-inner,
	body.roberin-contact-page[data-scheme="auto"] .cs-site-primary,
	body.roberin-contact-page[data-scheme="auto"] .cs-site-content,
	body.roberin-contact-page[data-scheme="auto"] .cs-main-content,
	body.roberin-contact-page[data-scheme="auto"] .cs-entry__wrap,
	body.roberin-contact-page[data-scheme="auto"] .entry-content,
	body.roberin-contact-page[data-scheme="auto"] .cs-header,
	body.roberin-contact-page[data-scheme="auto"] footer.cs-footer {
		color: #f2e4cf !important;
		background-color: #201811 !important;
		background-image:
			linear-gradient(rgba(229, 196, 139, 0.055) 1px, transparent 1px),
			linear-gradient(90deg, rgba(229, 196, 139, 0.045) 1px, transparent 1px) !important;
		background-size: 16px 16px !important;
		color-scheme: dark !important;
	}

	body.roberin-contact-page[data-scheme="auto"] .cs-header__inner,
	body.roberin-contact-page[data-scheme="auto"] footer.cs-footer .cs-footer__item-inner,
	body.roberin-contact-page[data-scheme="auto"] footer.cs-footer .cs-footer__item-bottom-bar .cs-footer__item-inner {
		color: #f7ebd8 !important;
		background:
			linear-gradient(rgba(229, 196, 139, 0.060) 1px, transparent 1px),
			linear-gradient(90deg, rgba(229, 196, 139, 0.050) 1px, transparent 1px),
			#2b2119 !important;
		border-color: #a98b6b !important;
		box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.34) !important;
	}

	body.roberin-contact-page[data-scheme="auto"] .cs-header a,
	body.roberin-contact-page[data-scheme="auto"] .cs-header button,
	body.roberin-contact-page[data-scheme="auto"] .cs-header__menu a,
	body.roberin-contact-page[data-scheme="auto"] footer.cs-footer,
	body.roberin-contact-page[data-scheme="auto"] footer.cs-footer a,
	body.roberin-contact-page[data-scheme="auto"] .cs-footer__copyright,
	body.roberin-contact-page[data-scheme="auto"] .cs-footer__copyright a {
		color: #f0dfc5 !important;
		-webkit-text-fill-color: #f0dfc5 !important;
	}

	body.roberin-contact-page[data-scheme="auto"] .cs-header__toggle,
	body.roberin-contact-page[data-scheme="auto"] .cs-lang-current,
	body.roberin-contact-page[data-scheme="auto"] .roberin-tool-search-toggle__button,
	body.roberin-contact-page[data-scheme="auto"] .cs-mobile-menu-button,
	body.roberin-contact-page[data-scheme="auto"] .cs-site-scheme-toggle {
		color: #f7ebd8 !important;
		-webkit-text-fill-color: #f7ebd8 !important;
		background: #33271d !important;
		border-color: #a98b6b !important;
		box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.28) !important;
	}

	body.roberin-contact-page[data-scheme="auto"] .cs-lang-dropdown,
	body.roberin-contact-page[data-scheme="auto"] .cs-mobile-menu-dropdown,
	body.roberin-contact-page[data-scheme="auto"] .roberin-tool-search-panel {
		color: #f0dfc5 !important;
		background: #2b2119 !important;
		border-color: #a98b6b !important;
		box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.34) !important;
	}
}

/* v5 contact header nav dark-mode readability: roberin-custom.css keeps the
   desktop nav links as light paper buttons. In contact dark mode, switch those
   buttons to dark paper too so 홈/소개/문의하기 remain clearly visible. */
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__menu a {
	color: #f0dfc5 !important;
	-webkit-text-fill-color: #f0dfc5 !important;
	background: #33271d !important;
	border-color: #a98b6b !important;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.30) !important;
}

body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__menu a:hover,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__menu a:focus-visible,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-header__menu a[aria-current="page"] {
	color: #241c15 !important;
	-webkit-text-fill-color: #241c15 !important;
	background: #f0c86a !important;
	border-color: #a98b6b !important;
	box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.34) !important;
}

@media (prefers-color-scheme: dark) {
	body.roberin-contact-page[data-scheme="auto"] .cs-header__menu a {
		color: #f0dfc5 !important;
		-webkit-text-fill-color: #f0dfc5 !important;
		background: #33271d !important;
		border-color: #a98b6b !important;
		box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.30) !important;
	}

	body.roberin-contact-page[data-scheme="auto"] .cs-header__menu a:hover,
	body.roberin-contact-page[data-scheme="auto"] .cs-header__menu a:focus-visible,
	body.roberin-contact-page[data-scheme="auto"] .cs-header__menu a[aria-current="page"] {
		color: #241c15 !important;
		-webkit-text-fill-color: #241c15 !important;
		background: #f0c86a !important;
		border-color: #a98b6b !important;
		box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.34) !important;
	}
}

/* =========================================
   2026-05-10 v6 contact dark-transition sync
   - Match homepage/global v20 shell behavior.
   - Layout containers stay transparent; only the parent page shell owns the
     full-width dark canvas transition. Contact paper panels keep their own
     surface color, but transition on the same 520ms timing instead of snapping.
========================================= */
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-site-content > .cs-container,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-main-content,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .cs-entry__wrap,
body.roberin-contact-page:is([data-scheme="dark"], [data-scheme="inverse"]) .entry-content {
	background-color: transparent !important;
	background-image: none !important;
}

@media (prefers-color-scheme: dark) {
	body.roberin-contact-page[data-scheme="auto"] .cs-site-content > .cs-container,
	body.roberin-contact-page[data-scheme="auto"] .cs-main-content,
	body.roberin-contact-page[data-scheme="auto"] .cs-entry__wrap,
	body.roberin-contact-page[data-scheme="auto"] .entry-content {
		background-color: transparent !important;
		background-image: none !important;
	}
}

@media (prefers-reduced-motion: no-preference) {
	body.roberin-contact-page.roberin-scheme-transitioning :where(
		.cs-site-content > .cs-container,
		.cs-main-content,
		.cs-entry__wrap,
		.entry-content
	),
	body.roberin-contact-page.roberin-scheme-transitioning.cs-scheme-toggled[data-scheme] :where(
		.cs-site-content > .cs-container,
		.cs-main-content,
		.cs-entry__wrap,
		.entry-content
	) {
		background-color: transparent !important;
		background-image: none !important;
		transition-property: color, -webkit-text-fill-color !important;
		transition-duration: var(--roberin-scheme-transition-duration, 520ms) !important;
		transition-timing-function: var(--roberin-scheme-transition-ease, cubic-bezier(0.34, 0, 0.2, 1)) !important;
		transition-delay: 0s !important;
	}

	body.roberin-contact-page.roberin-scheme-transitioning :where(
		.roberin-contact-intro,
		.roberin-contact-section,
		.cs-contact-form__content,
		.roberin-contact-card,
		.roberin-contact-points span,
		.roberin-contact-note,
		.roberin-contact-section--closing,
		.roberin-contact-kicker,
		.roberin-contact-section-label,
		.roberin-contact-actions a,
		.cs-contact-form__heading,
		.roberin-contact-consent
	),
	body.roberin-contact-page.roberin-scheme-transitioning.cs-scheme-toggled[data-scheme] :where(
		.roberin-contact-intro,
		.roberin-contact-section,
		.cs-contact-form__content,
		.roberin-contact-card,
		.roberin-contact-points span,
		.roberin-contact-note,
		.roberin-contact-section--closing,
		.roberin-contact-kicker,
		.roberin-contact-section-label,
		.roberin-contact-actions a,
		.cs-contact-form__heading,
		.roberin-contact-consent
	) {
		transition-property: background-color, border-color, color, -webkit-text-fill-color !important;
		transition-duration: var(--roberin-scheme-transition-duration, 520ms) !important;
		transition-timing-function: var(--roberin-scheme-transition-ease, cubic-bezier(0.34, 0, 0.2, 1)) !important;
		transition-delay: 0s !important;
	}
}