/**
 * Inner pages Design System — aligned with HOME 3.7.0 tokens.
 * Does not affect front-page / hero-premium.
 */

/* --------------------------------------------------------------------------
   Shared page shell
   -------------------------------------------------------------------------- */

.page-hero--compact {
	padding: calc(var(--header-h) + 48px) 0 40px;
	background: var(--bg);
	color: var(--white);
}

.page-hero--compact .page-hero__title {
	font-family: var(--serif);
	font-size: clamp(2rem, 4.2vw, 3rem);
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	line-height: 1.12;
	color: var(--white);
	margin: 0;
}

.page-hero--compact .page-hero__lead {
	margin-top: 18px;
	max-width: 42rem;
}

.page-hero--compact .page-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-top: 28px;
}

.page-hero--cinematic.svc-hero,
.svc-hero {
	min-height: clamp(560px, 78vh, 900px);
	min-height: clamp(560px, 78svh, 900px);
}

.page-hero--cinematic .page-hero__label,
.svc-hero__eyebrow {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 12px;
}

/* --------------------------------------------------------------------------
   Services → HOME tokens (aliases, keep existing markup)
   -------------------------------------------------------------------------- */

.service-page {
	--svc-container: var(--container);
	--svc-gutter: var(--gutter);
	--svc-gold: var(--gold);
	--svc-bg: var(--bg);
	--svc-cream: var(--cream);
}

.service-page .svc-wrap {
	max-width: var(--container);
	padding-left: var(--gutter);
	padding-right: var(--gutter);
}

.svc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 14px 28px;
	min-width: 0;
	font-family: var(--sans);
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	border: 1px solid transparent;
	transition: all var(--ease);
}

.svc-btn--gold {
	color: var(--black);
	background: var(--gold);
	border-color: var(--gold);
	padding: 16px 32px;
}

.svc-btn--gold:hover {
	background: var(--gold-light);
	border-color: var(--gold-light);
	color: var(--black);
}

.svc-btn--outline {
	color: var(--white);
	border-color: var(--white);
	background: transparent;
}

.svc-btn--outline:hover {
	background: rgba(255, 255, 255, 0.06);
	color: var(--white);
}

.svc-label {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 12px;
	display: block;
}

.svc-title,
.svc-section__head .svc-title {
	font-family: var(--serif);
	font-size: clamp(1.625rem, 2.8vw, 2.375rem);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--white);
	line-height: 1.15;
}

/* --------------------------------------------------------------------------
   SEO pages → HOME rhythm
   -------------------------------------------------------------------------- */

.seo-page--has-hero,
.seo-page:has(> .page-hero),
.coverage-page:has(> .page-hero) {
	padding-top: 0;
}

.seo-page--has-hero > .page-hero + *,
.seo-page--has-hero .inner-page-body {
	padding-top: 8px;
}

.seo-page > .container:not(.seo-page__hero),
.seo-page .films__grid,
.coverage-page__cities,
.seo-page__cta {
	padding-bottom: 0;
}

.seo-page .section-title.page-hero__title,
.seo-page__hero .section-title {
	font-size: clamp(2rem, 4.2vw, 3rem);
	font-weight: 500;
}

.seo-page__hero {
	/* legacy wrappers without page-hero */
	padding: calc(var(--header-h) + 48px) 0 40px;
	margin-bottom: 0;
}

.inner-page-body {
	padding: 0 0 80px;
}

.inner-page-body > .container {
	margin-top: 8px;
}