@import url('https://fonts.googleapis.com/css2?family=Allison&family=Old+Standard+TT:ital,wght@0,400;0,700;1,400&display=swap');
body {
	font-family: "Old Standard TT", serif;
	font-weight: 400;
	background-color: #f1ecdf;
	background-image: url("/model/img/bg/cream-paper.png");
}
#sig {
	position: fixed;
	top:  0;
	left: 0;
	height: 70px;
	width: calc(200px - 0px);
	z-index: 999;
	cursor: pointer;
	transition: all .3s ease-in-out;
}
#sig span {
	width:  calc(100% - 10px);
	height: calc(100% - 10px);
	background: url(/model/img/archidysigwhite.png) no-repeat left center;
	background-size: contain;
	z-index: 2;
	position: absolute;
	left: 50%;
	top:  50%;
	rotate: -45deg;
	transform: translate(-38%,-150%);
	transition: all .3s ease-in-out;
}
#sig div {
	content: "";
	position: absolute;
	width:  200%;
	height: 200%;
	left: 50%;
	top:  50%;
	transform: translate(-25%,-160%);
	rotate: -45deg;
	background: #27282a	;
	background-image: url("/model/img/bg/black-paper.png");
	z-index: 0;
}
#sig:hover div {
	background-color: #121213;
	box-shadow: 0 2px 2px 0 rgba(75, 76, 80, .17);
	transition: all .2s ease-in-out;
}
html.shownav {
	overflow: hidden;
}
html.shownav #sig {	
	width: calc(100% - 100px);
}
html.shownav #sig span {
	rotate: 0deg;	
	transform: translate(0,0);
	left: 50px;
	top: 20px;
	height: calc(200px - 0px);
	width:  calc(100% - 0px);
	background-position: center center;
}
nav#main {
	width:  100%;
	height: 100%;
	background: #27282a;
	background-image: url("/model/img/bg/black-paper.png");
	position: fixed;
	z-index: 998;
	left: 0;
	top:  0;
	padding: 0 20px;
	display: none;
}
nav#main .x {
	height: 40px;
	width:  40px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 40px;
	position: absolute;
	top:   10px;
	right: 10px;
	font-weight: 200;
	color: #fff;
	opacity: .5;
	cursor: pointer;
	transition: all .2s ease-in-out;
}
nav#main .x:hover {
	opacity: 1;
}
nav#main ._name {
	width: 100%;
	color: rgba(255,255,255,.5);
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-top: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-bottom: 40px;
	transition: all .3s ease-in-out;
}
html.shownav nav#main ._name {
	margin-bottom: 20px;
}
nav#main ._photoback {
	aspect-ratio: 700/464;
	width: 600px;
	max-width: 100%;
	background: url(/model/img/photoback.png) no-repeat center center;
	background-size: contain;
	position: relative;
	margin: 0 auto;
}
.page-template-_blank #sig,
.page-template-_blank footer {
	display: none;
}
main {
	width: 100%;
	max-width: 100%;
	padding: 40px;
	margin: 0 auto;
}
main.literature-single {
	width: 100%;
	padding: 0;
}
h1 {
	font-family: "Old Standard TT", serif;
	font-weight: 400;
	font-size: 3rem;
	color: #8b3126;
}
h2 {
	font-family: "Old Standard TT", serif;
	font-weight: 400;
	font-size: 2.25rem;
	font-variant: small-caps;
	color: #8b3126;
	margin-bottom: .5em;
}
.reader .focus h2 {
	font-size: 1.5rem;
}
h3.alt_title {
	font-family: "Old Standard TT", serif;
	font-weight: 400;
	font-size: 2rem;
	color: #000;
	margin-bottom: .5em;
	padding-bottom: .5em;
	border-bottom: 1px solid #8b3126;
}
footer {
	height: 200px;
}
section#scan {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
section#scan .focus {
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
	padding: 30px 0 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
section#scan button {
	all: unset; 
	cursor: zoom-in; 
	display: block; 
	border: 0; 
	padding: 14px; 
	background: #fff;
	box-shadow: 0 5px 24px rgba(0,0,0,.2);
	cursor: pointer;
	transition: all .2s ease-in-out;
}
section#scan button:hover {
	box-shadow: 0 0 0 1px rgba(139, 49, 38, .3);
}
section.reader {
	background-color: #fff;
	background-image: url("/model/img/bg/cream-paper.png");
	padding: 0 40px 40px;
}
section.reader.first {
	padding-top: 40px;
}
section.reader .focus {
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
}
section.reader article p {
	font-family: "Old Standard TT", serif;
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 2;
	margin-bottom: 1.5em;
}
header#literature {
	width: 800px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 0 20px 20px;
	border-bottom: 1px solid #000;
}
header#literature .author {
	font-family: "Old Standard TT", serif;
	font-weight: 400;
	font-size: 1.4rem;
	font-style: italic;
	margin-bottom: .25em;
}
header#literature .meta {
	font-family: "Old Standard TT", serif;
	font-weight: 400;
	font-size: .8rem;
	text-transform: uppercase;
	color: rgba(0,0,0,.7);
}



@media (max-width: 679px) {
	#sig {
		position: fixed;
		top:  0;
		left: 0;
		height: 35px;
		width: 100px;
		z-index: 999;
	}
	#sig span {
		width:  calc(100% - 3px);
		height: calc(100% - 3px);
		background: url(/model/img/archidysigwhite.png) no-repeat left center;
		background-size: contain;
		z-index: 2;
		position: absolute;
		left: 50%;
		top:  50%;
		rotate: -45deg;
		transform: translate(-35%,-150%);
	}
	h1 {
		font-size: 2rem;
	}
	h2 {
		font-size: 1.75rem;
	}
	header#literature {
		border-bottom: 0;
		padding-bottom: 0;
	}
	header#literature .author {
		font-size: 1rem;
	}
	header#literature .meta {
		font-size: .6rem;
	}
	section#scan .focus {
		padding-bottom: 20px;
	}
	section.reader article p {
		font-size: 1rem;
		line-height: 1.75;
	}
}