@media only screen and (min-width: 992px) {
	.container {
		padding-inline: clamp(40px, 12.604vw, 242px);
	}

	/* ---------- Type scale steps up ---------- */
	.pb-display {
		font-size: 56px;
		line-height: normal;
	}

	.pb-lead,
	.pb-body {
		font-size: 24px;
		line-height: 28px;
	}

	.pb-label {
		font-size: 28px;
		line-height: normal;
	}

	/* ---------- Header: logo left, phone pill right ---------- */
	.site-header__logo {
		width: 300px;
	}

	/* ---------- Hero: copy column over a full-bleed photo ---------- */
	.hero__img {
		top: -140.23%;
		left: -40.42%;
		width: 140.44%;
		height: 326.08%;
		object-position: 64% 50%;
	}

	.hero__copy {
		width: 900px;
		max-width: 100%;
		padding-block: 32px 48px;
	}

	.hero__title {
		font-size: 56px;
		line-height: normal;
	}

	.hero__form {
		width: 375px;
		max-width: 100%;
	}

	.code-field {
		font-size: 28px;
	}

	/* ---------- Sky band: two columns split by a vertical rule ---------- */
	.rule-y {
		display: block;
	}

	.sky-band__col-1 {
		width: 542px;
		flex: none;
	}

	.sky-band__col-2 {
		width: 594px;
		flex: none;
	}

	/* ---------- Survey ---------- */
	.form-control,
	.form-select {
		min-height: 62px;
		padding: 20px 22px;
	}

	.input-group-text {
		padding: 20px 22px;
	}

	.btn-verify {
		width: 450px;
	}
}