/*
 * Reusable presentation helpers only. Global colours and typography live in Blocksy.
 */

:root {
	--agency-space-1: 0.25rem;
	--agency-space-2: 0.5rem;
	--agency-space-3: 0.75rem;
	--agency-space-4: 1rem;
	--agency-space-5: 1.5rem;
	--agency-space-6: 2rem;
	--agency-space-7: 3rem;
	--agency-space-8: 4rem;
	--agency-space-9: 6rem;
	--agency-radius-sm: 0.5rem;
	--agency-radius-md: 1rem;
	--agency-content-width: 1200px;
}

.agency-section {
	padding-block: clamp(var(--agency-space-7), 7vw, var(--agency-space-9));
}

.agency-section--compact {
	padding-block: clamp(var(--agency-space-6), 4vw, var(--agency-space-8));
}

.agency-eyebrow {
	color: var(--theme-palette-color-1);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.agency-muted {
	color: var(--theme-palette-color-3);
}

.agency-section--alt {
	background: var(--theme-palette-color-6);
}

.agency-section--cta {
	background: var(--theme-palette-color-4);
	color: var(--theme-palette-color-8);
	text-align: center;
}

.agency-section--cta h2,
.agency-section--cta .agency-muted {
	color: inherit;
}

.agency-section .gspb_row__content {
	row-gap: var(--agency-space-6);
}

.agency-section h1,
.agency-section h2,
.agency-section h3 {
	text-wrap: balance;
}

.agency-section .wp-block-details {
	border-top: 1px solid var(--theme-palette-color-5);
	margin: 0;
	padding-block: var(--agency-space-4);
}

.agency-section .wp-block-details:last-child {
	border-bottom: 1px solid var(--theme-palette-color-5);
}

.agency-wire-media {
	align-items: center;
	background: var(--theme-palette-color-6);
	border: 1px solid var(--theme-palette-color-5);
	border-radius: var(--agency-radius-md);
	display: flex;
	justify-content: center;
	min-height: clamp(18rem, 42vw, 34rem);
}

.agency-wire-media::after {
	color: var(--theme-palette-color-3);
	content: "Image / product visual";
	font-size: 0.85rem;
	letter-spacing: 0.04em;
}

@media (prefers-reduced-motion: no-preference) {
	.agency-interactive {
		transition: transform 180ms ease, opacity 180ms ease;
	}

	.agency-interactive:hover {
		transform: translateY(-2px);
	}
}