/* Preview-only shared site chrome for Service detail reviews. */
.service-preview {
	--color-bg: #f7f8f6;
	--color-surface: #fff;
	--color-text: #22282c;
	--color-text-sub: #727a7f;
	--color-line: #dde2e4;
	--color-accent-sub: #d6c8ae;
	--color-washi-deep: #ebe9e1;
	--color-wood: #c9b996;
	--color-wood-light: #ddd2ba;
	--font-en: "Inter", "Helvetica Neue", Arial, sans-serif;
	--ease-out: cubic-bezier(.22, 1, .36, 1);
	--ease-standard: cubic-bezier(.4, 0, .2, 1);
}

.service-preview .site-header {
	background: rgba(247, 248, 246, .96);
}

.service-preview.review-page .review-hero {
	top: var(--header-height);
	height: calc(100svh - var(--header-height));
}

.service-preview--build .sticky-screen {
	top: var(--header-height);
	height: calc(100vh - var(--header-height));
}

.service-preview--build .viewport {
	height: calc(100vh - var(--header-height));
}

.service-preview .site-footer {
	z-index: 4;
}

@media (max-width: 767px) {
	.service-preview.review-page .review-hero {
		min-height: calc(54rem - var(--header-height));
	}
}