.ctk-block.ctk-mode-light {
	color: var(--base-3, #fff);
	--ctk-text: var(--base-3, #fff);
	--ctk-soft: rgba(255, 255, 255, 0.706);
	--ctk-line: rgba(255, 255, 255, 0.165);
	--ctk-surface: rgba(255, 255, 255, 0.075);
}

.ctk-block.ctk-mode-dark {
	color: var(--ctk-ink, var(--contrast, #1a2129));
	--ctk-text: var(--contrast, #141414);
	--ctk-soft: #5a5a5a;
	--ctk-line: #e3e1dc;
	--ctk-surface: var(--base, #f4f3f0);
}

.ctk-block.ctk-mode-dark.ctk-has-bg {
	--ctk-line: rgba(0, 0, 0, 0.11);
	--ctk-surface: rgba(0, 0, 0, 0.04);
}

.ctk-block.ctk-mode-light:not(.ctk-has-bg) {
	background-color: var(--contrast, #0b0b1f);
	--ctk-surface: var(--contrast-2, rgba(255, 255, 255, 0.075));
}

.ctk-block.ctk-mode-dark:not(.ctk-has-bg) {
	background-color: transparent;
}

.ctk-block.ctk-has-bg {
	background-color: var(--ctk-bg);
}

.ctk-block .ctk-eyebrow {
	display: block;
	font-size: clamp(calc(var(--mah-base, 1rem) * 0.72), calc(var(--mah-base, 1rem) * 0.66) + 0.25vw, calc(var(--mah-base, 1rem) * 0.85));
	font-weight: 600;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	line-height: 1.4;
	opacity: 0.92;
}

.ctk-block .ctk-rule {
	width: 64px;
	height: 3px;
	border: 0;
	margin: var(--ctk-hero-gap, calc(var(--mah-base, 1rem) * 1.1)) auto;
	background: var(--ctk-p-line, var(--ctk-accent-line, var(--ctk-accent, var(--accent, #c8a35a))));
}

.ctk-block .ctk-rule.ctk-rule--left {
	margin-left: 0;
	margin-right: auto;
}

.ctk-block.ctk-shadowed,
.ctk-block .ctk-shadowed {
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
}

.ctk-block .ctk-ctas {
	display: flex;
	flex-wrap: wrap;
	gap: calc(var(--mah-base, 1rem) * 0.9);
	justify-content: center;
	align-items: center;
}

.ctk-block .ctk-ctas.ctk-ctas--left {
	justify-content: flex-start;
}

.ctk-block .ctk-source {
	display: block;
	margin: 14px 0 0;
	color: var(--ctk-soft);
	font-size: calc(var(--mah-base, 1rem) * 0.875);
	line-height: 1.5;
}

.ctk-block .ctk-source a,
.ctk-block .ctk-source a:visited {
	color: var(--ctk-text);
	text-decoration: underline;
	text-decoration-color: var(--ctk-p-line, var(--ctk-accent-line, var(--ctk-accent, var(--accent, #c8a35a))));
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

.ctk-block .ctk-source a:hover,
.ctk-block .ctk-source a:focus-visible {
	color: var(--ctk-accent-text, var(--ctk-accent, var(--accent, #c8a35a)));
	text-decoration: underline;
	text-decoration-color: var(--ctk-p-line, var(--ctk-accent-line, var(--ctk-accent, var(--accent, #c8a35a))));
}

.ctk-block .ctk-source a:focus-visible {
	outline: 2px solid var(--ctk-accent-line, var(--ctk-accent, var(--accent, #c8a35a)));
	outline-offset: 3px;
}

.ctk-block a.ctk-btn {
	position: relative;
	display: inline-block;
	padding: 0.95em 2.1em;
	font-size: var(--ctk-fs-btn, clamp(calc(var(--mah-base, 1rem) * 0.74), calc(var(--mah-base, 1rem) * 0.68) + 0.25vw, calc(var(--mah-base, 1rem) * 0.88)));
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1.2;
	border-radius: 2px;
	overflow: hidden;
	cursor: pointer;
	transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}

.ctk-block a.ctk-btn:hover,
.ctk-block a.ctk-btn:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 14px 28px -10px rgba(0, 0, 0, 0.45);
	text-decoration: none;
}

.ctk-block a.ctk-btn:focus-visible {
	outline: 2px solid var(--ctk-accent-line, var(--ctk-accent, var(--accent, #c8a35a)));
	outline-offset: 3px;
}

.ctk-block a.ctk-btn.ctk-btn--solid,
.ctk-block a.ctk-btn.ctk-btn--solid:hover,
.ctk-block a.ctk-btn.ctk-btn--solid:focus-visible {
	background: var(--ctk-btn-bg, var(--ctk-accent-line, var(--ctk-accent, var(--accent, #c8a35a))));
	border: 1px solid var(--ctk-btn-bg, var(--ctk-accent-line, var(--ctk-accent, var(--accent, #c8a35a))));
	color: var(--ctk-btn-ink, var(--ctk-accent-ink, #fff));
}

.ctk-block a.ctk-btn.ctk-btn--ghost {
	background: transparent;
	border: 1px solid var(--ctk-btn-outline, rgba(255, 255, 255, 0.78));
	color: var(--base-3, #fff);
}

.ctk-block.ctk-mode-dark a.ctk-btn.ctk-btn--ghost {
	border-color: var(--ctk-btn-outline, currentColor);
	color: inherit;
}

.ctk-block a.ctk-btn.ctk-btn--ghost:hover,
.ctk-block a.ctk-btn.ctk-btn--ghost:focus-visible,
.ctk-block.ctk-mode-dark a.ctk-btn.ctk-btn--ghost:hover,
.ctk-block.ctk-mode-dark a.ctk-btn.ctk-btn--ghost:focus-visible {
	background: var(--ctk-btn-bg, var(--ctk-accent-line, var(--ctk-accent, var(--accent, #c8a35a))));
	border-color: var(--ctk-btn-bg, var(--ctk-accent-line, var(--ctk-accent, var(--accent, #c8a35a))));
	color: var(--ctk-btn-ink, var(--ctk-accent-ink, #fff));
}

.ctk-block a.ctk-btn::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, 0.35) 50%, transparent 60%);
	transform: translateX(-130%);
	pointer-events: none;
}

.ctk-block a.ctk-btn:hover::after,
.ctk-block a.ctk-btn:focus-visible::after {
	transition: transform 0.6s ease;
	transform: translateX(130%);
}

@media (max-width: 600px) {
	.ctk-block .ctk-ctas {
		flex-direction: column;
		align-items: stretch;
	}

	.ctk-block .ctk-ctas a.ctk-btn {
		width: 100%;
		text-align: center;
	}
}

html.ctk-js .ctk-block .ctk-reveal,
html.ctk-js .ctk-block.ctk-reveal {
	opacity: 0;
	transform: translateY(26px);
	transition: opacity 0.7s ease, transform 0.7s ease;
	transition-delay: var(--ctk-delay, 0s);
	will-change: opacity, transform;
}

html.ctk-js .ctk-block .ctk-reveal.ctk-reveal--left {
	transform: translateX(-40px);
}

html.ctk-js .ctk-block .ctk-reveal.ctk-reveal--right {
	transform: translateX(40px);
}

html.ctk-js .ctk-block .ctk-reveal.ctk-reveal--scale {
	transform: scale(0.94);
}

html.ctk-js .ctk-block .ctk-reveal.ctk-in,
html.ctk-js .ctk-block.ctk-reveal.ctk-in {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	html.ctk-js .ctk-block .ctk-reveal,
	html.ctk-js .ctk-block.ctk-reveal,
	html.ctk-js .ctk-block .ctk-reveal.ctk-reveal--left,
	html.ctk-js .ctk-block .ctk-reveal.ctk-reveal--right,
	html.ctk-js .ctk-block .ctk-reveal.ctk-reveal--scale {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.ctk-block a.ctk-btn,
	.ctk-block a.ctk-btn::after,
	.ctk-block a.ctk-btn:hover::after,
	.ctk-block a.ctk-btn:focus-visible::after {
		transition: none;
	}

	.ctk-block a.ctk-btn:hover,
	.ctk-block a.ctk-btn:focus-visible {
		transform: none;
	}

	.ctk-block a.ctk-btn:hover::after,
	.ctk-block a.ctk-btn:focus-visible::after {
		transform: translateX(-130%);
	}
}
