/* =========================================================
   Adtora Base v0.9.3
   Safety page
   ========================================================= */

.subpage-hero--safety {
	background:
		radial-gradient(circle at 84% 24%, rgba(42, 103, 182, .18), transparent 30%),
		linear-gradient(120deg, #06172a, #0a223d);
}

.safety-kicker {
	margin: 0 0 16px;
	font-size: .68rem;
	font-weight: 900;
	letter-spacing: .16em;
	color: #d71920;
}

.safety-intro {
	padding: 104px 0;
	background: #fff;
}

.safety-intro__grid {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(360px, .78fr);
	gap: clamp(56px, 8vw, 110px);
	align-items: start;
}

.safety-intro h2,
.safety-heading h2,
.safety-compliance__headline h2,
.safety-message h2 {
	margin: 0;
	font-size: clamp(2rem, 4.2vw, 3.8rem);
	line-height: 1.22;
	letter-spacing: -.04em;
	color: #071a2f;
}

.safety-intro__copy {
	max-width: 720px;
}

.safety-intro__copy p {
	margin: 0;
	font-size: .96rem;
	line-height: 1.95;
	color: #607080;
}

.safety-intro__copy p + p {
	margin-top: 18px;
}

.safety-core {
	padding: 100px 0 112px;
	background: #f4f6f8;
}

.safety-heading {
	margin-bottom: 48px;
}

.safety-page-grid--complete {
	gap: 0;
	border-top: 1px solid #dce2e8;
	border-left: 1px solid #dce2e8;
}

.safety-page-grid--complete article {
	display: flex;
	flex-direction: column;
	min-height: 340px;
	padding: 30px;
	border: 0;
	border-right: 1px solid #dce2e8;
	border-bottom: 1px solid #dce2e8;
	background: #fff;
}

.safety-page-grid--complete article > span {
	font-size: .66rem;
	font-weight: 900;
	letter-spacing: .13em;
	color: #d71920;
}

.safety-card__body {
	margin-top: auto;
}

.safety-card__eyebrow {
	margin: 0 0 10px;
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .13em;
	color: #8d98a4;
}

.safety-page-grid--complete h3 {
	margin: 0;
	font-size: 1.38rem;
	line-height: 1.45;
	color: #071a2f;
}

.safety-page-grid--complete p:not(.safety-card__eyebrow) {
	margin: 14px 0 0;
	font-size: .88rem;
	line-height: 1.85;
	color: #657181;
}

.safety-flow {
	padding: 104px 0 114px;
	background: #fff;
}

.safety-heading--split {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(320px, .72fr);
	gap: 70px;
	align-items: end;
}

.safety-heading--split > p {
	margin: 0;
	font-size: .94rem;
	line-height: 1.9;
	color: #657181;
}

.safety-flow-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #dce2e8;
	border-left: 1px solid #dce2e8;
}

.safety-flow-list li {
	min-height: 300px;
	padding: 28px;
	border-right: 1px solid #dce2e8;
	border-bottom: 1px solid #dce2e8;
}

.safety-flow-list__number {
	font-size: .68rem;
	font-weight: 900;
	color: #d71920;
}

.safety-flow-list__content {
	margin-top: 78px;
}

.safety-flow-list h3 {
	margin: 0;
	font-size: 1.28rem;
	color: #071a2f;
}

.safety-flow-list p:not(.safety-card__eyebrow) {
	margin: 14px 0 0;
	font-size: .86rem;
	line-height: 1.85;
	color: #657181;
}

.safety-compliance {
	padding: 106px 0 116px;
	color: #fff;
	background:
		radial-gradient(circle at 84% 20%, rgba(42, 103, 182, .18), transparent 30%),
		linear-gradient(120deg, #07192d, #0a223d);
}

.safety-compliance__grid {
	display: grid;
	grid-template-columns: minmax(0, .82fr) minmax(420px, 1fr);
	gap: clamp(60px, 8vw, 115px);
	align-items: start;
}

.safety-compliance__headline h2 {
	color: #fff;
}

.safety-compliance__content > p {
	margin: 0;
	font-size: .94rem;
	line-height: 1.95;
	color: rgba(255,255,255,.65);
}

.safety-compliance__points {
	margin-top: 42px;
	border-top: 1px solid rgba(255,255,255,.14);
}

.safety-compliance__points > div {
	display: grid;
	grid-template-columns: 48px 180px 1fr;
	gap: 18px;
	align-items: start;
	padding: 22px 0;
	border-bottom: 1px solid rgba(255,255,255,.14);
}

.safety-compliance__points span {
	font-size: .66rem;
	font-weight: 900;
	color: #ff5a60;
}

.safety-compliance__points strong {
	font-size: .9rem;
	color: #fff;
}

.safety-compliance__points p {
	margin: 0;
	font-size: .8rem;
	line-height: 1.75;
	color: rgba(255,255,255,.55);
}

.safety-message {
	padding: 104px 0;
	background: #f4f6f8;
}

.safety-message__inner {
	display: grid;
	grid-template-columns: minmax(0, .95fr) minmax(360px, .72fr);
	gap: clamp(55px, 8vw, 105px);
	align-items: end;
}

.safety-message__inner > p {
	margin: 0;
	font-size: .94rem;
	line-height: 1.95;
	color: #657181;
}

.safety-cta {
	background: #d71920;
}

@media (max-width: 980px) {
	.safety-intro__grid,
	.safety-heading--split,
	.safety-compliance__grid,
	.safety-message__inner {
		grid-template-columns: 1fr;
	}

	.safety-page-grid--complete,
	.safety-flow-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.safety-compliance__points > div {
		grid-template-columns: 42px 160px 1fr;
	}
}

@media (max-width: 640px) {
	.safety-intro,
	.safety-core,
	.safety-flow,
	.safety-compliance,
	.safety-message {
		padding: 76px 0 82px;
	}

	.safety-page-grid--complete,
	.safety-flow-list {
		grid-template-columns: 1fr;
	}

	.safety-page-grid--complete article,
	.safety-flow-list li {
		min-height: 250px;
	}

	.safety-flow-list__content {
		margin-top: 56px;
	}

	.safety-compliance__points > div {
		grid-template-columns: 38px 1fr;
		gap: 8px 14px;
	}

	.safety-compliance__points p {
		grid-column: 2;
	}
}