.clickt-service-hero {
	position: relative;
	min-height: clamp(560px, 72vh, 720px);
	display: flex;
	align-items: center;
	color: var(--clickt-cream-100);
	overflow: hidden;
	font-family: var(--clickt-font-body);
}
.clickt-service-hero__bg {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	object-fit: cover; display: block;
	transform-origin: center;
}
.clickt-service-hero__overlay {
	position: absolute; inset: 0;
	background: var(--clickt-overlay-hero);
}
.clickt-service-hero__content {
	position: relative;
	padding: 96px var(--clickt-pad-x-lg);
	max-width: var(--clickt-maxw-hero-text);
}
.clickt-service-hero__back {
	display: flex; align-items: center; gap: 14px;
	margin-bottom: 30px;
}
.clickt-service-hero__back .clickt-diamond {
	width: 8px; height: 8px;
	background: var(--clickt-gold-500);
	transform: rotate(45deg);
}
.clickt-service-hero__back-link {
	font-size: var(--clickt-fs-eyebrow);
	letter-spacing: var(--clickt-ls-caps-eyebrow);
	text-transform: uppercase;
	color: var(--clickt-gold-500);
	text-decoration: none;
	opacity: 0.85;
	transition: opacity 0.2s ease;
}
.clickt-service-hero__back-link:hover { opacity: 1; }
.clickt-service-hero__heading {
	font-family: var(--clickt-font-display);
	font-weight: 300;
	font-size: clamp(46px, 7.5vw, 96px);
	line-height: 0.95;
	margin: 0;
	letter-spacing: var(--clickt-ls-display-tight);
	text-wrap: balance;
}
.clickt-service-hero__place {
	display: block;
	margin-top: 0.18em;
	font-size: 0.42em;
	font-style: italic;
	line-height: 1.1;
	letter-spacing: 0;
}
.clickt-service-hero__rule {
	width: 64px; height: 1px;
	background: var(--clickt-gold-500);
	margin: 34px 0 26px;
	opacity: 0.8;
}
.clickt-service-hero__blurb {
	margin: 0;
	max-width: 540px;
	font-size: var(--clickt-fs-lead);
	line-height: var(--clickt-lh-body);
	font-weight: 300;
	color: var(--clickt-cream-85);
}
.clickt-service-hero__meta {
	display: flex; align-items: center; gap: 12px;
	margin-top: 34px;
	font-size: var(--clickt-fs-caption);
	letter-spacing: var(--clickt-ls-caps);
	text-transform: uppercase;
	color: var(--clickt-gold-70);
}
.clickt-service-hero__meta .clickt-diamond {
	width: 6px; height: 6px;
	background: var(--clickt-gold-500);
	transform: rotate(45deg);
}
@media (max-width: 767px) {
	.clickt-service-hero__content { padding: 76px var(--clickt-pad-x); }
}
