.cover-wrap{
	position: fixed;
	width: 100vw;
	height: calc(100vh + 1px);
	z-index: 2000;
	background: var(--color-bg);
	/* display: flex; */
	transition: transform 0.9s cubic-bezier(0.65, 0, 0.35, 1);
	will-change: transform;
	border-bottom: 1px solid white;
}



.cover-wrap.is-leaving{
	transform: translateY(-100%);
}

body.cover-lock{
	overflow: hidden;
	height: 100vh;
}


.cover-content{
	height: 100vh;
	width: 100vw;
	
	position: absolute;
	top: 0;
	left: 0;

	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;

	padding: 30px 40px;
	font-family: var(--fontTitle), monospace;
	text-transform: uppercase;
	color: var(--color-text);
	font-size: var(--fs-cover);
	

}

#enter,
.cover-content h1, 
.cover-content h2, 
.cover-content p{
	cursor: pointer;
}


.cover-content h1:hover, 
.cover-content h2:hover, 
.cover-content p:hover{
	color: var(--color-hover);
}


.cover-content h2, .dilecta{
	text-align: right;
}

.cover-content h1, 
.cover-content h2{
	align-self: start;
}

.cover-content p{
	align-self: end;
}

.cover-content p{
	margin: 0;
	text-indent: 0;
}



.frame-wrap{
	position: relative;
	height: 100vh;
	width: 100vw;
	overflow: hidden;

}



.frame{
	padding-left: 0.75ch;
}
.frame p{
	margin: 0;
	text-indent: 0;
	padding:0;

}

.frame,
.scaler,
.cover{
	width: 100%;
	height: 100%;
}

.cover{
	position: relative;
	overflow: hidden;
	color: var(--copper);
	display: flex;
	align-items: center;
	justify-content: center;
}



#motif-couv p {
	line-height: 1.1;
font-size: var(--fs-cover);
}

#motif-couv p code{
	font-family: var(--fontTitle), monospace;
}


/* Force largeur fixe pour alignement (changer width pour avoir un motif avec plus d’espace */
.ch{
	display: inline-block;
	width: 0.75em;
	text-align: center;
}

.ch.pending{ 
	color: var(--copper-cover); 
}

#book-title .ch, #book-subtitle .ch{
	opacity: 0;
}

.cursor{
	display: inline-block;
	width: 0.55em;
	background: var(--copper);
	margin-left: 2px;
	opacity: 0;
}

#scanline{
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	opacity: 0;
	pointer-events: none;
	background: transparent;
}