/* ================================================================
   Chancery Section Header — section-header.css v1.1.0
   Wise Digital Marketing © 2026
================================================================ */

.chsh-wrap *,
.chsh-wrap *::before,
.chsh-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }

.chsh-wrap { width: 100%; }

/* ── Logo ────────────────────────────────────────────────────── */
.chsh-logo {
	display: inline-flex;
	align-items: flex-end;
	justify-content: center;
	gap: 5px;
	height: 40px;
	margin-bottom: 28px;
	transform-origin: center bottom;
}

.chsh-dot { border-radius: 100px; flex-shrink: 0; }
.chsh-d1  { width: 18px; height: 18px; }
.chsh-d2  { width: 19px; height: 26px; }
.chsh-d3  { width: 20px; height: 34px; }

/* ── Animation ───────────────────────────────────────────────── */
@keyframes chsh-rise {
	from { opacity: 0; transform: translateY(14px); }
	to   { opacity: 1; transform: translateY(0); }
}

.chsh-anim .chsh-dot {
	opacity: 0;
	transform: translateY(14px);
}

.chsh-anim.chsh-playing .chsh-dot {
	animation: chsh-rise var(--chsh-dur, 400ms) cubic-bezier(0.34, 1.4, 0.64, 1) forwards;
}

.chsh-anim.chsh-playing .chsh-dot:nth-child(1) { animation-delay: 0ms; }
.chsh-anim.chsh-playing .chsh-dot:nth-child(2) { animation-delay: var(--chsh-stagger, 120ms); }
.chsh-anim.chsh-playing .chsh-dot:nth-child(3) { animation-delay: calc(var(--chsh-stagger, 120ms) * 2); }

/* ── Text ────────────────────────────────────────────────────── */
.chsh-text {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}

.chsh-eyebrow {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.5);
	margin-bottom: 12px;
	display: block;
}

/* ── H1 ──────────────────────────────────────────────────────── */
h1.chsh-heading {
	font-size: clamp(40px, 7vw, 80px);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 1.0;
	color: #ffffff;
	margin-bottom: 16px;
}

/* ── H2 ──────────────────────────────────────────────────────── */
h2.chsh-heading {
	font-size: clamp(32px, 6vw, 64px);
	font-weight: 800;
	letter-spacing: -0.035em;
	line-height: 1.06;
	color: #ffffff;
	margin-bottom: 14px;
}

/* ── H3 ──────────────────────────────────────────────────────── */
h3.chsh-heading {
	font-size: clamp(26px, 4.5vw, 48px);
	font-weight: 700;
	letter-spacing: -0.03em;
	line-height: 1.08;
	color: #ffffff;
	margin-bottom: 12px;
}

/* ── H4 ──────────────────────────────────────────────────────── */
h4.chsh-heading {
	font-size: clamp(20px, 3.5vw, 36px);
	font-weight: 700;
	letter-spacing: -0.025em;
	line-height: 1.1;
	color: #ffffff;
	margin-bottom: 10px;
}

/* ── Subheading ──────────────────────────────────────────────── */
.chsh-sub {
	font-size: 15px;
	line-height: 1.65;
	color: rgba(255,255,255,0.55);
}

/* ── Reduced motion ──────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
	.chsh-anim .chsh-dot { opacity: 1; transform: none; animation: none !important; }
}