/* PAS Home — layout and components */

.pas-home {
	--pas-container: 1240px;
	--pas-section-space: clamp(4rem, 6vw, 5.5rem);
	background: var(--pas-white);
	color: var(--pas-ink);
	overflow: clip;
}

.pas-home,
.pas-home *,
.pas-home *::before,
.pas-home *::after {
	box-sizing: border-box;
}

.pas-home > * {
	margin-block: 0;
}

.pas-home .pas-inner {
	margin-inline: auto;
	max-width: var(--pas-container);
	padding-inline: clamp(1.25rem, 4vw, 2.5rem);
	width: 100%;
}

.pas-home .pas-section {
	padding-block: var(--pas-section-space);
}

/* Blocksy gives every flow child a bottom margin. On full-width PAS sections that
 * margin sat outside the painted background and produced the white seams. */
.pas-home > :where(.wp-block-group, .wp-block-columns, figure) {
	margin-block: 0;
}

/* Empty editor artefacts must never create implicit flow or grid rows. */
.pas-home :where(.wp-block-spacer, .wp-block-group:empty, .wp-block-column:empty) {
	display: none;
}

.pas-home .pas-section--soft { background: var(--pas-surface); }
.pas-home .pas-section--mint { background: linear-gradient(135deg, var(--pas-surface), var(--pas-teal-soft)); }
.pas-home .pas-section--dark { background: var(--pas-navy-deep); color: var(--pas-white); }
.pas-home .pas-section--dark h2 { color: var(--pas-white); }

.pas-home .pas-kicker {
	color: var(--pas-teal);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .15em;
	margin-bottom: 1rem;
	text-transform: uppercase;
}

.pas-home .pas-section-title {
	max-width: 780px;
}

.pas-home .pas-section-title.is-centered {
	margin-inline: auto;
	text-align: center;
}

.pas-home .pas-section-title h2 {
	font-size: clamp(2.1rem, 4vw, 3.35rem);
	font-weight: 700;
	letter-spacing: -.045em;
	line-height: 1.08;
	margin-bottom: 1.25rem;
}

.pas-home .pas-section-title p:not(.pas-kicker),
.pas-home .pas-copy {
	color: var(--pas-muted);
	font-size: clamp(1rem, 1.5vw, 1.15rem);
	line-height: 1.75;
}

.pas-home .pas-section--dark .pas-section-title p:not(.pas-kicker),
.pas-home .pas-section--dark .pas-copy {
	color: rgba(255,255,255,.72);
}

.pas-home .pas-button .wp-block-button__link {
	border-radius: 9px;
	font-size: .95rem;
	font-weight: 750;
	min-height: 52px;
	padding: .9rem 1.55rem;
}

.pas-home .pas-button--primary .wp-block-button__link {
	background: var(--pas-coral);
	color: var(--pas-white);
}

.pas-home .pas-button--dark .wp-block-button__link {
	background: var(--pas-navy);
	color: var(--pas-white);
}

.pas-home .pas-button--light .wp-block-button__link {
	background: var(--pas-white);
	color: var(--pas-navy);
}

.pas-home .pas-button--ghost .wp-block-button__link {
	background: transparent;
	border: 1px solid rgba(255,255,255,.4);
	color: var(--pas-white);
}

.pas-home .pas-button .wp-block-button__link:hover {
	box-shadow: 0 14px 28px rgba(4,28,39,.16);
	transform: translateY(-2px);
}