
.page-drillroom .drillroom-hero {
	margin-top: 41px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.page-drillroom .drillroom-hero__main {
	display: flex;
	align-items: center;
	gap: 67px;
}
.page-drillroom .drillroom-hero__copy {
	width: 570px;
	display: flex;
	flex-direction: column;
	gap: 43px;
}
.page-drillroom .drillroom-hero__titles {
	max-width: 459px;
	display: flex;
	flex-direction: column;
	gap: 21px;
}
.page-drillroom .drillroom-hero__title {
	margin: 0;
	font: var(--display-xl);
	letter-spacing: var(--ls-display);
}
.page-drillroom .drillroom-hero__subtitle {
	margin: 0;
	font: 400 var(--text-display-xs) / 1.1 var(--font-sans);
	letter-spacing: var(--ls-display);
}
.page-drillroom .drillroom-hero__facts {
	margin: 0;
	display: flex;
	gap: 59px;
}
.page-drillroom .drillroom-hero__fact--industry {
	width: 152px;
}
.page-drillroom .drillroom-hero__fact--services {
	width: 358px;
}
.page-drillroom .drillroom-hero__phones {
	flex: 0 0 auto;
	width: 299px;
}
.page-drillroom .drillroom-hero__proof {
	display: flex;
	align-items: flex-end;
	gap: 40px;
}
.page-drillroom .drillroom-hero__app {
	flex: 0 0 auto;
	width: 125px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.page-drillroom .drillroom-hero__icon {
	width: 121px;
}
.page-drillroom .drillroom-hero__stars {
	width: 106px;
	height: 18px;
}
.page-drillroom .drillroom-hero__stats {
	margin: 0;
	display: flex;
	gap: 44px;
}
.page-drillroom .drillroom-hero__stat {
	display: flex;
	flex-direction: column;
	gap: 8px;
	white-space: nowrap;
}
.page-drillroom .drillroom-hero__stat + .drillroom-hero__stat {
	padding-left: 44px;
	border-left: 1.5px solid var(--color-sand-soft);
}
.page-drillroom .drillroom-hero__stat dd {
	order: -1;
	margin: 0;
	font: var(--display-xl);
	letter-spacing: var(--ls-display);
	color: var(--color-brand);
}
.page-drillroom .drillroom-hero__stat dt {
	font: 400 var(--text-lg) / 1.3 var(--font-sans);
}
.page-drillroom .drillroom-features {
	--feature-columns: minmax(0, 1fr);
	--feature-row: 96px;
	--feature-gap: 14px;
}
.page-drillroom .drillroom-features .feature-card {
	display: grid;
	grid-template-columns: 300px minmax(0, 560px);
	column-gap: 85px;
	align-items: center;
	padding: 24px 36px;
}
.page-drillroom .drillroom-features .feature-card__title,
.page-drillroom .drillroom-features .feature-card__text {
	max-width: none;
}
.page-drillroom .drillroom-boards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 47px;
	margin-top: 48px;
}
.page-drillroom .drillroom-boards__board {
	height: 299px;
	display: grid;
	place-items: center;
	overflow: hidden;
	background: var(--color-cream);
	border-radius: 20px;
}
.page-drillroom .drillroom-boards__board img {
	width: auto;
	max-height: 265px;
}
.page-drillroom .drillroom-shots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 94px;
	margin-top: 59px;
}
.page-drillroom .drillroom-shots__practice {
	width: 457px;
}
.page-drillroom .drillroom-shots__leaderboard {
	width: 273px;
}
.page-drillroom .drillroom-review__card {
	margin: 0;
	padding: 32px 36px;
	display: flex;
	flex-direction: column;
	gap: 28px;
	background: var(--color-black);
	border: 1.5px solid var(--color-brand);
	border-radius: 30px;
}
.page-drillroom .drillroom-review__quote {
	margin: 0;
	font: 700 var(--text-lg) / 1.2 var(--font-sans);
}
.page-drillroom .drillroom-review__quote p {
	margin: 0;
}
.page-drillroom .drillroom-review__source {
	font: var(--label-s);
	letter-spacing: var(--ls-label);
	text-transform: uppercase;
}
.page-drillroom .drillroom-review__store {
	display: inline-block;
	margin: 20px 0 0 38px;
}
.page-drillroom .drillroom-review__store img {
	display: block;
	width: 120px;
	height: 40px;
}
@media (max-width: 1099px) {
	.page-drillroom .drillroom-hero__main {
		gap: 40px;
	}
	.page-drillroom .drillroom-hero__copy {
		width: auto;
		flex: 1 1 auto;
	}
	.page-drillroom .drillroom-hero__fact--services {
		width: auto;
		flex: 1 1 auto;
	}
	.page-drillroom .drillroom-hero__proof,
	.page-drillroom .drillroom-hero__stats {
		gap: 28px;
	}
	.page-drillroom .drillroom-hero__stat + .drillroom-hero__stat {
		padding-left: 28px;
	}
	.page-drillroom .drillroom-hero__stat dd {
		font-size: var(--text-display-l);
	}
	.page-drillroom .drillroom-features .feature-card {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 8px;
	}
	.page-drillroom .drillroom-boards__board img {
		max-width: 92%;
	}
	.page-drillroom .drillroom-shots {
		gap: 40px;
	}
	.page-drillroom .drillroom-shots__practice {
		width: 52%;
	}
	.page-drillroom .drillroom-shots__leaderboard {
		width: 31%;
	}
}
@media (max-width: 767px) {
	.page-drillroom .drillroom-hero {
		margin-top: 28px;
		gap: 40px;
	}
	.page-drillroom .drillroom-hero__main {
		flex-direction: column;
		align-items: flex-start;
		gap: 28px;
	}
	.page-drillroom .drillroom-hero__copy {
		display: contents;
	}
	.page-drillroom .drillroom-hero__phones {
		order: 1;
		width: 291px;
	}
	.page-drillroom .drillroom-hero__facts {
		order: 2;
		flex-direction: column;
		gap: 20px;
	}
	.page-drillroom .drillroom-hero__title {
		font: 700 var(--text-display-s) / 1 var(--font-sans);
		letter-spacing: var(--ls-display);
	}
	.page-drillroom .drillroom-hero__subtitle {
		font-size: var(--text-lg);
	}
	.page-drillroom .drillroom-hero__fact--industry {
		width: auto;
	}
	.page-drillroom .drillroom-hero__proof {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	.page-drillroom .drillroom-hero__app {
		width: 62px;
	}
	.page-drillroom .drillroom-hero__icon {
		width: 70px;
	}
	.page-drillroom .drillroom-hero__stars {
		width: 62px;
		height: auto;
	}
	.page-drillroom .drillroom-hero__stats {
		flex-wrap: wrap;
		gap: 12px;
	}
	.page-drillroom .drillroom-hero__stat + .drillroom-hero__stat {
		padding-left: 12px;
	}
	.page-drillroom .drillroom-hero__stat dd {
		font-size: var(--text-display-s);
	}
	.page-drillroom .drillroom-hero__stat dt {
		font-size: var(--text-sm);
	}
	.page-drillroom .drillroom-features .feature-card {
		flex: none;
		width: auto;
		min-height: 0;
		padding: 20px 24px 24px;
	}
	.page-drillroom .drillroom-features {
		gap: 12px;
	}
	.page-drillroom .case-split__media {
		aspect-ratio: 328 / 403;
	}
	.page-drillroom .drillroom-boards {
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
		margin-top: 28px;
	}
	.page-drillroom .drillroom-boards__board {
		height: auto;
		padding: 16px;
	}
	.page-drillroom .drillroom-boards__board img {
		width: 100%;
		max-width: none;
		max-height: none;
	}
	.page-drillroom .drillroom-shots {
		flex-direction: column;
		gap: 24px;
		margin-top: 28px;
	}
	.page-drillroom .drillroom-shots__practice {
		width: 100%;
	}
	.page-drillroom .drillroom-shots__leaderboard {
		width: 65%;
	}
	.page-drillroom .drillroom-review__card {
		padding: 36px 24px;
		gap: 16px;
	}
	.page-drillroom .drillroom-review__quote {
		line-height: 1.1;
		letter-spacing: var(--ls-display);
	}
	.page-drillroom .drillroom-review__source {
		font-size: var(--text-4xs);
	}
	.page-drillroom .drillroom-review__store {
		margin: 24px 0 0;
	}
}
