/* Links :: Front-end */

.lnk-section {
	--lnk-hs: 1;
	--lnk-bs: 1;
	--lnk-pad-top: var( --lnk-pad-top-set, 60px );
	--lnk-pad-bot: var( --lnk-pad-bot-set, 60px );
	--lnk-row-h: var( --lnk-row-h-set, 85px );
	--lnk-row-gap: var( --lnk-row-gap-set, 31px );
	--lnk-row-pad-l: var( --lnk-row-pad-l-set, 45px );
	--lnk-row-pad-r: var( --lnk-row-pad-r-set, 22px );
	--lnk-btn-h: var( --lnk-btn-h-set, 46px );
	--lnk-view-w: var( --lnk-view-w-set, 179px );
	--lnk-btn-split: var( --lnk-btn-split-set, 24px );
	--lnk-gutter: calc( ( var( --lnk-canvas, 1440px ) - var( --lnk-content, 1195px ) ) / 2 );

	width: 100%;
	padding: var( --lnk-pad-top ) 0 var( --lnk-pad-bot );
	background-color: var( --lnk-section-bg, #FFFFFF );
	font-family: 'Google Sans', sans-serif;
	box-sizing: border-box;
}
.lnk-section * { box-sizing: border-box; }

.lnk-container {
	max-width: var( --lnk-canvas, 1440px );
	margin: 0 auto;
	padding: 0 var( --lnk-gutter );
}

/* Theme reset guards */
.lnk-section h2,
.lnk-section p { margin: 0; padding: 0; }
.lnk-section h2 { font-family: inherit; letter-spacing: 0; }

.lnk-section ul.lnk-list > li::before,
.lnk-section ul.lnk-list > li::marker { content: none; }

/* Headline */

.lnk-head { text-align: center; }

.lnk-heading {
	font-family: 'Anybody', sans-serif !important;
	font-weight: 700;
	line-height: 1.025;
	text-transform: uppercase;
	color: var( --lnk-heading, #000000 );
	font-size: max( 22px, calc( var( --lnk-heading-fs, 40px ) * var( --lnk-hs ) ) );
}

.lnk-section .lnk-subtitle {
	max-width: var( --lnk-subtitle-w, 748px );
	margin: var( --lnk-gap-subtitle, 10px ) auto 0;
	font-weight: 400;
	line-height: 1.25;
	color: var( --lnk-subtitle, #9F9F9F );
	font-size: max( 14px, calc( var( --lnk-subtitle-fs, 20px ) * var( --lnk-bs ) ) );
}

/* The list */
.lnk-section ul.lnk-list {
	display: flex;
	flex-direction: column;
	gap: var( --lnk-row-gap, 31px );
	margin: var( --lnk-gap-list, 25px ) 0 0;
	padding: 0;
	list-style: none;
}

/* A row */
.lnk-section ul.lnk-list > li.lnk-row {
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: var( --lnk-row-h, 85px );
	margin: 0;
	padding: 0 var( --lnk-row-pad-r, 22px ) 0 var( --lnk-row-pad-l, 45px );
	background: var( --lnk-row-bg, #F7F9FE );
	border-radius: var( --lnk-row-radius, 20px );
	list-style: none;
}

.lnk-section .lnk-title {
	flex: 0 1 auto;
	margin-right: auto;
	min-width: 0;
	font-weight: 500;
	line-height: 1.238;
	text-transform: capitalize;
	color: var( --lnk-title, #333333 );
	font-size: max( 14px, calc( var( --lnk-title-fs, 21px ) * var( --lnk-bs ) ) );
}

.lnk-actions {
	display: flex;
	align-items: center;
	gap: var( --lnk-btn-split, 24px );
	flex: 0 0 auto;
}

/* A button */
.lnk-section .lnk-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var( --lnk-view-gap, 9px );
	height: var( --lnk-btn-h, 46px );
	padding: 0;

	background: var( --lnk-btn-bg, #E8EEFF );
	border: 1px solid var( --lnk-btn-border, #2563EB );
	border-radius: var( --lnk-btn-radius, 13px );
	color: var( --lnk-btn, #2563EB );

	text-decoration: none;
	box-shadow: none;
	cursor: pointer;
	transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.lnk-section .lnk-btn:hover,
.lnk-section .lnk-btn:focus,
.lnk-section .lnk-btn:active,
.lnk-section .lnk-btn:visited {
	color: var( --lnk-btn, #2563EB );
	text-decoration: none;
}

.lnk-btn--eye {
	width: var( --lnk-eye-w, 46px );
	flex: 0 0 auto;
}

.lnk-btn--view {
	width: var( --lnk-view-w, 179px );
	flex: 0 0 auto;
}

.lnk-btn-text {
	font-weight: 600;
	line-height: 1.278;
	white-space: nowrap;
	font-size: max( 13px, calc( var( --lnk-view-fs, 18px ) * var( --lnk-bs ) ) );
}

.lnk-btn .lnk-icon {
	display: block;
	flex: 0 0 auto;
	width: var( --lnk-btn-icon, 24px ) !important;
	height: var( --lnk-btn-icon, 24px ) !important;
	max-width: none !important;
}

.lnk-section .lnk-btn:hover {
	background: color-mix( in srgb, var( --lnk-btn-border, #2563EB ) 14%, var( --lnk-btn-bg, #E8EEFF ) );
	transform: translateY( -1px );
}

.lnk-section .lnk-btn:focus-visible {
	outline: 2px solid var( --lnk-btn-border, #2563EB );
	outline-offset: 3px;
}

/* REVEAL */

.lnk-js .lnk-rv { opacity: 0; }

.lnk-js .lnk-rv.lnk-rv-in {
	animation: lnk-rise .6s cubic-bezier( .22, .8, .26, 1 ) both;
	animation-delay: min( calc( var( --lnk-rv-i, 0 ) * 55ms ), 400ms );
}
@keyframes lnk-rise {
	0% {
		opacity: 0;
		transform: translate3d( 0, 14px, 0 );
	}
	55% { opacity: 1; }
	100% {
		opacity: 1;
		transform: translate3d( 0, 0, 0 );
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.lnk-js .lnk-rv,
	.lnk-js .lnk-rv.lnk-rv-in {
		opacity: 1;
		transform: none;
		animation: none !important;
	}
	.lnk-section .lnk-btn { transition: none; }
	.lnk-section .lnk-btn:hover { transform: none; }
}

/* Breakpoints */

@media ( max-width: 1439px ) {
	.lnk-section { --lnk-gutter: clamp( 40px, 6vw, 120px ); }
}

@media ( max-width: 1200px ) {
	.lnk-section {
		--lnk-hs: .9;
		--lnk-bs: .95;
		--lnk-row-pad-l: 32px;
		--lnk-row-pad-r: 18px;
		--lnk-btn-split: 16px;
	}
}

@media ( max-width: 1024px ) {
	.lnk-section {
		--lnk-hs: .82;
		--lnk-bs: .92;
		--lnk-pad-top: 48px;
		--lnk-pad-bot: 48px;
		--lnk-row-gap: 24px;
		--lnk-view-w: 158px;
	}
}

@media ( max-width: 900px ) {
	.lnk-section {
		--lnk-hs: .8;
		--lnk-bs: .95;
		--lnk-row-pad-l: 26px;
		--lnk-row-pad-r: 16px;
		--lnk-row-h: 78px;
		--lnk-view-w: 148px;
		--lnk-btn-h: 42px;
	}
}

@media ( max-width: 600px ) {
	.lnk-section {
		--lnk-hs: .7;
		--lnk-bs: .9;
		--lnk-gutter: 20px;
		--lnk-pad-top: 40px;
		--lnk-pad-bot: 40px;
		--lnk-row-pad-l: 20px;
		--lnk-row-pad-r: 20px;
		--lnk-row-gap: 16px;
		--lnk-btn-split: 12px;
	}

	.lnk-section ul.lnk-list > li.lnk-row {
		flex-direction: column;
		align-items: stretch;
		gap: 16px;
		min-height: 0;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.lnk-section .lnk-title {
		margin-right: 0;
		text-transform: none;
	}

	.lnk-actions { justify-content: flex-start; }

	.lnk-btn--view {
		width: auto;
		flex: 1 1 auto;
		max-width: var( --lnk-view-w, 179px );
	}
}

@media ( max-width: 400px ) {
	.lnk-section {
		--lnk-hs: .64;
		--lnk-bs: .88;
		--lnk-gutter: 16px;
		--lnk-row-pad-l: 16px;
		--lnk-row-pad-r: 16px;
		--lnk-row-radius: 16px;
	}
}