/* Compatibility layer for themes with opinionated global link/button rules. */
.osgd .osgd-button,
.osgd .osgd-button:link,
.osgd .osgd-button:visited {
	width: auto;
	min-width: 0;
	height: auto;
	min-height: 52px;
	margin: 0;
	padding: 12px 22px;
	font-size: 0.86rem;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: 0;
	text-indent: 0;
	text-decoration: none;
	white-space: normal;
	opacity: 1;
}

.osgd .osgd-button > svg {
	display: block;
	width: 20px;
	height: 20px;
	flex: 0 0 20px;
}

.osgd .osgd-button--primary,
.osgd .osgd-button--primary:link,
.osgd .osgd-button--primary:visited {
	color: var(--ink) !important;
	background-color: var(--lime) !important;
}

.osgd .osgd-button--ghost,
.osgd .osgd-button--ghost:link,
.osgd .osgd-button--ghost:visited {
	color: #fff !important;
	background-color: transparent !important;
}

.osgd .osgd-button--light,
.osgd .osgd-button--light:link,
.osgd .osgd-button--light:visited {
	color: var(--ink) !important;
	background-color: #fff !important;
}

.osgd .osgd-button--light svg,
.osgd .osgd-button--primary svg {
	stroke: var(--ink) !important;
}

@media (min-width: 1001px) {
	.osgd h1 {
		font-size: clamp(3.5rem, 6.3vw, 7.2rem);
	}

	.osgd h2 {
		font-size: clamp(2.6rem, 4.35vw, 4.9rem);
	}

	.osgd .osgd-cta h2 {
		font-size: clamp(3rem, 5.1vw, 5.65rem);
	}

	.osgd .osgd-hero__inner {
		min-height: 660px;
		padding-bottom: 54px;
	}

	.osgd .osgd-network {
		grid-template-columns: minmax(0, 1.25fr) minmax(390px, 0.75fr);
	}

	.osgd .osgd-network__detail {
		padding: 42px 46px;
	}

	.osgd .osgd-network__detail h3 {
		font-size: clamp(2rem, 2.55vw, 3rem);
		letter-spacing: -0.025em;
		overflow-wrap: normal;
		word-break: normal;
	}
}

@media (max-width: 680px) {
	.osgd h1 {
		font-size: clamp(3rem, 14vw, 4.8rem);
	}

	.osgd h2,
	.osgd .osgd-cta h2 {
		font-size: clamp(2.45rem, 11.5vw, 3.85rem);
	}

	.osgd .osgd-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.osgd .osgd-actions .osgd-button {
		width: 100%;
	}
}