/**
 * Text band section (blocks/text-band). Figma: Home "About Us" 171:1002.
 */

.kc-text-band {
	--kc-text-band-top: clamp( 2.5rem, 3.264vw, 2.9375rem );
	--kc-text-band-bottom: clamp( 3rem, 3.889vw, 3.5rem );

	padding-block: var( --kc-text-band-top ) var( --kc-text-band-bottom );
	text-align: center;
}

.kc-text-band .kc-text-band__inner {
	max-width: 65.75rem;
}

.kc-text-band .kc-text-band__heading {
	margin: 0;
	font-size: clamp( 2rem, 3.334vw, 3rem );
	line-height: 1;
}

.kc-text-band .kc-text-band__body {
	margin: 2rem 0 0;
	font-size: clamp( 1.0625rem, 1.67vw, 1.5rem );
	line-height: 1.33;
	letter-spacing: -0.02em;
}

.kc-text-band .kc-text-band__heading + .kc-text-band__body {
	margin-top: 1.5rem;
}

.kc-text-band .kc-text-band__buttons {
	justify-content: center;
	margin-top: 2rem;
}

/* Spacing (Figma 1440, Home's values on every page): 47 above the content, 56
   below it to the next wave's crest. A wave rising into the bottom of this band (the
   next section's top wave, or the footer's after the last section) or hanging into its
   top (the previous section's bottom wave) adds its own height. */
.kc-text-band:not( .kc-wave-bottom ):is( :has( + .kc-wave-top ), :last-child ) {
	padding-bottom: calc( var( --kc-text-band-bottom ) + var( --kc-wave-h ) );
}

.kc-wave-bottom + .kc-text-band {
	padding-top: calc( var( --kc-text-band-top ) + var( --kc-wave-h ) );
}