/*
******** ------------------------------ **** UTILS ****
*/

.hidden {
	display: block;;
	overflow: hidden;
	block-size: 0;
	visibility: hidden;
}

.serif {
	font-family: 
		'Palatino Linotype',
		'Book Antiqua',
		Palatino,
		serif;
	font-weight: 300;
	font-size: 1.75em;
	line-height: 1.5em;
	text-wrap-style: balance;

	@media screen and (min-width: 769px) {
		font-size: 2em;
		line-height: 1.4em;
	}
}

.mblock {
	margin-block: var(--gap);
}

.mblock-0 {
	margin-block: 0;
}

.mblock-md {
	margin-block: var(--gap-md);
}

.mblock-lg {
	margin-block: var(--gap-lg);
}

.mblock-start {
	margin-block-start: var(--gap);
}

.mblock-start-0 {
	margin-block-start: 0;
}

.mblock-start-md {
	margin-block-start: var(--gap-md);
}

.mblock-start-lg {
	margin-block-start: var(--gap-lg);
}

.mblock-end {
	margin-block-end: var(--gap);
}

.mblock-end-0 {
	margin-block-end: 0;
}

.mblock-end-md {
	margin-block-end: var(--gap-md);
}

.mblock-end-lg {
	margin-block-end: var(--gap-lg);
}

@keyframes fade-in {
	0% {
		opacity: 0.1;
		filter: blur(2px);
	}

	66% {
		filter: blur(0px);
	}

	100% {
		opacity: 1;
	}
}