/* Greygram — preloader. Variable-font wave animation on GREYGRAM logomark. */

#gg-preloader {
	position: fixed;
	inset: 0;
	z-index: 99999;
	background: var(--ink-deep);
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	transition: opacity 0.55s cubic-bezier(0.65, 0, 0.35, 1);
}

#gg-preloader.is-done {
	opacity: 0;
}

.gg-pre__letters {
	display: flex;
}

.gg-pre__letter {
	font-family: 'GREYGRAM Logo', serif;
	font-size: clamp(80px, 15vw, 144px);
	line-height: 1;
	color: var(--paper);
	font-variation-settings: 'wght' 100;
	opacity: 0.5;
	letter-spacing: 0.01em;
	display: inline-block;
}