/*! Made by Erol v2.0.0 | (c) 2025 Erol LLC | MIT License | http://github.com/cferdinandi/build-tools-boilerplate */
@charset "UTF-8";
/* Responsive Variables */
/* New */
/* RGB 255, 211, 0 */
body.travel {
	background: #fafafa;
}
body.travel > .header > nav {
	display: none;
}

.monograph-content {
	background: #f4f4f4;
	padding: 0 0 8%;
}
.monograph-content > .hero {
	background: #EEEDEB;
}
.monograph-content > .hero > .primary {
	overflow: hidden;
	padding: 4%;
}
.monograph-content > .hero > .primary > .lockup {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}
.monograph-content > .hero > .primary > .lockup > .heading {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	flex-direction: column;
	height: 100%;
}
.monograph-content > .hero > .primary > .lockup > .heading > .label {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 6px;
	/* This will enforce even spacing and prevent ligatures */
	font-variant-ligatures: no-common-ligatures;
	font-family: Empirica, sans-serif;
	font-weight: 500;
	color: #999291;
	padding: 10% 0;
	/* Manual adjust for letter-spacing issue in CSS */
	position: relative;
	right: -6px;
}
@media screen and (max-width: 480px) {
	.monograph-content > .hero > .primary > .lockup > .heading > .label {
		font-size: 16px;
		line-height: 24px;
	}
}
.monograph-content > .hero > .primary > .lockup > .heading .title {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-family: Empirica, sans-serif;
	font-size: 95px;
	line-height: 100px;
	font-weight: 200;
	display: block;
	color: #100f0f;
}
@media screen and (max-width: 480px) {
	.monograph-content > .hero > .primary > .lockup > .heading .title {
		font-size: 56px;
		line-height: 64px;
	}
}
.monograph-content > .hero > .primary > .lockup > .heading .title span {
	display: block;
	color: #999291;
	font-weight: 200;
}
.monograph-content > .hero > .primary > .lockup > .heading > .label,
.monograph-content > .hero > .primary > .lockup > .heading > .title-secondary {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 6px;
	/* This will enforce even spacing and prevent ligatures */
	font-variant-ligatures: no-common-ligatures;
	font-family: Empirica, sans-serif;
	font-weight: 500;
	color: #acaaa4;
	margin: 0;
}
@media screen and (max-width: 480px) {
	.monograph-content > .hero > .primary > .lockup > .heading > .label,
.monograph-content > .hero > .primary > .lockup > .heading > .title-secondary {
		font-size: 16px;
		line-height: 24px;
	}
}
.monograph-content > .hero > .primary > .lockup > .description > .date {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 6px;
	/* This will enforce even spacing and prevent ligatures */
	font-variant-ligatures: no-common-ligatures;
	font-family: Empirica, sans-serif;
	font-weight: 500;
	color: #100f0f;
}
@media screen and (max-width: 480px) {
	.monograph-content > .hero > .primary > .lockup > .description > .date {
		font-size: 16px;
		line-height: 24px;
	}
}
.monograph-content > .hero > .primary > .lockup > .description > .value {
	margin-top: 10px;
}
.monograph-content > .hero > .primary > .lockup > .description > .value.iata {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 6px;
	/* This will enforce even spacing and prevent ligatures */
	font-variant-ligatures: no-common-ligatures;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
	font-family: Empirica, sans-serif;
	font-weight: 500;
	color: #acaaa4;
	letter-spacing: 2px;
	gap: 8px;
}
@media screen and (max-width: 480px) {
	.monograph-content > .hero > .primary > .lockup > .description > .value.iata {
		font-size: 16px;
		line-height: 24px;
	}
}
.monograph-content > .hero > .primary > .lockup > .description > .value.iata > span {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	align-items: center;
	gap: 8px;
}
.monograph-content > .hero > .primary > .lockup > .description > .value.iata > span:first-of-type {
	position: relative;
}
.monograph-content > .hero > .primary > .lockup > .description > .value.iata > span:first-of-type:after {
	pointer-events: none;
	display: block;
	content: "";
	-webkit-background-size: 32px 16px;
	-moz-background-size: 32px 16px;
	background-size: 32px 16px;
	background-image: url("https://cdn2.assets-servd.host/silky-civet/production/interface/arrow_e_long.svg");
	background-repeat: no-repeat;
	position: relative;
	top: 0;
	margin: auto;
	width: 32px;
	height: 16px;
	flex-shrink: 0;
}
.monograph-content > .hero > .secondary > figure > .graphic {
	height: 80vh;
	min-height: 320px;
	width: 100%;
}
.monograph-content > .hero > .secondary > figure > .graphic > img {
	object-position: center;
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.monograph-content > .hero > .secondary > figure > figcaption {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	padding: 10px 0;
	justify-content: space-between;
	color: #acaaa4;
	font-size: 16px;
	display: none;
}
.monograph-content > .hero > .secondary > figure > figcaption a {
	color: #666;
}
.monograph-content > .hero.full-viewport > .primary {
	height: calc(100vh - 160px);
	min-height: 480px;
}
.monograph-content > .hero.full-viewport > .primary > .lockup > .heading > .label {
	padding: 0 0 16px;
}
@media screen and (max-width: 640px) {
	.monograph-content > .hero.full-viewport > .primary {
		height: calc(100vh - 80px);
	}
}
@media screen and (min-width: 1661px) {
	.monograph-content > section {
		width: 1440px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 1660px) and (min-width: 480px) {
	.monograph-content > section {
		margin-left: 8%;
		margin-right: 8%;
	}
}
@media screen and (max-width: 480px) {
	.monograph-content > section {
		margin-left: 12%;
		margin-right: 12%;
	}
}
.monograph-content > section.heading {
	margin-top: 6%;
}
.monograph-content > section.heading > .content {
	max-width: 720px;
	margin: 0 auto;
}
.monograph-content > section.heading > .content > .label {
	font-family: Empirica, sans-serif;
	color: #363533;
	text-transform: uppercase;
	letter-spacing: 3px;
	/* This will enforce even spacing and prevent ligatures */
	font-variant-ligatures: no-common-ligatures;
	font-size: 16px;
	color: #acaaa4;
	letter-spacing: 2px;
	font-family: Empirica, sans-serif;
}
.monograph-content > section.heading > .content > .title {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-family: Empirica, sans-serif;
	color: #000;
	font-size: 64px;
	line-height: 64px;
	font-family: Empirica, sans-serif;
	color: #000;
}
@media screen and (max-width: 480px) {
	.monograph-content > section.heading > .content > .title {
		font-size: 36px;
		line-height: 42px;
	}
}
.monograph-content > section.heading > .content > .title-secondary {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-family: Empirica, sans-serif;
	color: #000;
	font-size: 64px;
	line-height: 64px;
	font-family: Empirica, sans-serif;
	color: #acaaa4;
}
@media screen and (max-width: 480px) {
	.monograph-content > section.heading > .content > .title-secondary {
		font-size: 36px;
		line-height: 42px;
	}
}
.monograph-content > section > .heading {
	max-width: 720px;
	margin: 8% auto 4%;
}
.monograph-content > section > .heading > h2 {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-family: Empirica, sans-serif;
	font-size: 95px;
	line-height: 100px;
	font-family: Empirica, sans-serif;
	color: #100f0f;
	font-weight: 200;
	margin: 20px 0 40px -80px;
}
@media screen and (max-width: 480px) {
	.monograph-content > section > .heading > h2 {
		font-size: 56px;
		line-height: 64px;
	}
}
.monograph-content > section > .heading > h2 > span {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 6px;
	/* This will enforce even spacing and prevent ligatures */
	font-variant-ligatures: no-common-ligatures;
	display: block;
	font-family: Empirica, sans-serif;
	font-weight: 500;
	color: #999291;
	margin: 2% 0 0;
}
@media screen and (max-width: 480px) {
	.monograph-content > section > .heading > h2 > span {
		font-size: 16px;
		line-height: 24px;
	}
}
.monograph-content > section > .text {
	max-width: 720px;
	margin: 2% auto 2%;
}
.monograph-content > section > .text.introduction {
	margin-top: 8%;
}
.monograph-content > section > .text.introduction > p {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-family: "Chronicle Cond A", "Chronicle Cond B";
	font-style: normal;
	font-weight: 800;
	font-size: 36px;
	line-height: 44px;
	color: #363533;
	/* Refactor
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	*/
	color: #000;
	font-weight: 400;
	font-family: Empirica, sans-serif;
	line-height: 56px;
}
@media screen and (max-width: 480px) {
	.monograph-content > section > .text.introduction > p {
		font-size: 24px;
		line-height: 40px;
	}
}
.monograph-content > section > .text.lombardic-capital > p {
	/*

	.inhabited-initial {
	    display: block;
	    float: left;
	    text-align: center;
	    height: 190px;
	    min-width: 30%;
	    @include running(large);
	    @include uppercase(6px);
	    font-family: Empirica, sans-serif;
	    font-weight: 400;
	    line-height: 190px !important;
	    color: $mud;
	}
	@media screen and (max-width: 480px) {
	    text-align: left;
	    .inhabited-initial {
	        min-width: 50%;
	    }
	} 
	*/
}
.monograph-content > section > .text a {
	text-decoration: none;
	padding-bottom: 0;
	color: #100f0f;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.monograph-content > section > .text a:hover {
	opacity: 1;
	color: #B14949;
	border-bottom: 1px solid #B14949;
}
.monograph-content > section > .text a:active {
	opacity: 1;
	color: #B14949;
	border-bottom: 1px solid rgba(0, 0, 0, 0.8);
}
.monograph-content > section > .text > p {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 24px;
	line-height: 38px;
	font-weight: 400;
	text-align: justify;
	font-family: Empirica, sans-serif;
	color: #5B5756;
	/*
	&.note {
	    @include uppercase();
	    display: inline-block;
	    font-size: 12px;
	    font-weight: 500;
	    border-top: 1px solid $line;
	    padding: 2% 0;
	    text-align: center;
	    .label {
	        color: $tin;
	        display: block;
	    }
	}
	*/
}
@media screen and (max-width: 480px) {
	.monograph-content > section > .text > p {
		font-size: 20px;
		line-height: 34px;
	}
}
.monograph-content > section > .text > p + p {
	margin-top: 4%;
}
.monograph-content > section > .text > blockquote {
	float: left;
	width: 80%;
	padding: 6% 6% 6% 40px;
	font-family: Empirica, sans-serif;
	font-size: 48px;
	line-height: 64px;
	color: #100f0f;
	margin-left: -12%;
	quotes: "“" "”" "‘" "’";
	display: block;
	font-weight: 200;
}
.monograph-content > section > .text > blockquote:before {
	content: "“";
}
.monograph-content > section > .text > blockquote:after {
	content: "”";
}
@media screen and (max-width: 480px) {
	.monograph-content > section > .text > blockquote {
		border-top: 1px solid rgba(0, 0, 0, 0.1);
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		float: none;
		width: 100%;
		margin: 8% 0;
		padding: 8% 0;
		text-align: left;
		font-size: 36px;
		line-height: 56px;
	}
}
.monograph-content > section > .graphics.grid-distribute-evenly {
	display: grid;
	grid-gap: 24px;
	grid-auto-flow: column;
}
.monograph-content > section > .graphics > .graphic {
	margin-bottom: 24px;
}
.monograph-content > section > .graphics > .graphic > img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	object-fit: cover;
	object-position: top left;
}
.monograph-content > section > .graphics.breadth-equal-to-text {
	width: 880px;
}
@media screen and (max-width: 960px) {
	.monograph-content > section > .graphics.breadth-equal-to-text {
		width: 100%;
	}
}
.monograph-content > section > .graphics.breadth-preserve-size img {
	width: auto !important;
	margin: 0 auto;
	display: block;
}
.monograph-content > section > .graphics.breadth-small {
	max-width: 960px;
}
.monograph-content > section > .graphics.breadth-medium {
	max-width: 1440px;
}
.monograph-content > section > .graphics.breadth-large {
	max-width: 1600px;
}
.monograph-content > section > .graphics.breadth-extra-large {
	max-width: 2400px;
}
.monograph-content > section > .graphics.breadth-expansive {
	width: 100%;
}
.monograph-content > section > .caption {
	margin: 2% auto 6%;
	max-width: 720px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 3%;
}
.monograph-content > section > .caption > .title {
	text-transform: uppercase;
	letter-spacing: 3px;
	/* This will enforce even spacing and prevent ligatures */
	font-variant-ligatures: no-common-ligatures;
	color: #333;
	text-align: center;
	margin: 2% 0;
}
.monograph-content > section > .caption > .description {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	font-family: Empirica, sans-serif;
	color: #7b7976;
}
@media screen and (max-width: 480px) {
	.monograph-content > section > .caption > .description {
		font-size: 16px;
		line-height: 24px;
	}
}
.monograph-content > section > .caption > .description span {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 3px;
	/* This will enforce even spacing and prevent ligatures */
	font-variant-ligatures: no-common-ligatures;
	font-family: Empirica, sans-serif;
	font-weight: 500;
	color: #9b9b9b;
	padding-right: 16px;
}
@media screen and (max-width: 480px) {
	.monograph-content > section > .caption > .description span {
		font-size: 14px;
		line-height: 20px;
	}
}
@media screen and (max-width: 480px) {
	.monograph-content > section > .caption > .description span {
		display: block;
		font-size: 1px;
		color: transparent;
	}
	.monograph-content > section > .caption > .description span:after {
		display: block;
		float: left;
		font-size: 14px;
		color: #9b9b9b;
		content: "Top to bottom";
	}
}
.monograph-content > section.base {
	margin: 0 8% 8%;
	max-width: 1440px;
}
@media screen and (min-width: 1600px) {
	.monograph-content > section.base {
		margin: 0 auto 8%;
	}
}
.monograph-content > section.running > .content .coupon {
	text-transform: uppercase;
	letter-spacing: 3px;
	/* This will enforce even spacing and prevent ligatures */
	font-variant-ligatures: no-common-ligatures;
	-moz-border-radius: 64px;
	-webkit-border-radius: 64px;
	border-radius: 64px;
	color: #333;
	font-size: 16px;
	font-weight: 500;
	background: #ffd300;
	display: inline-block;
	padding: 4px 12px;
	position: relative;
	top: -1px;
}
.monograph-content > section.running > .content .google-map {
	width: 100% !important;
	max-width: 960px;
	margin: 0 auto;
}
.monograph-content > section.running > .content h3 {
	color: #2c2a28;
	font-family: "Empirica", serif;
	font-weight: 400;
	margin: 0;
	color: #100f0f;
	font-size: 48px;
	line-height: 144%;
	margin: 48px 0 24px;
}
.monograph-content > section.running > .content .card-block {
	background: #fafafa;
	padding: 8%;
}
.monograph-content > section.running > .content .card-block.recipe > .item {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	padding: 24px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.monograph-content > section.running > .content .card-block.recipe > .item:last-of-type {
	border-bottom: 0;
}
.monograph-content > section.running > .content .card-block.recipe > .item > .value {
	color: #333;
	padding-right: 2%;
	font-variant-numeric: diagonal-fractions;
}
.monograph-content > section.running > .content .card-block.recipe > .item > .label {
	padding-right: 2%;
}
.monograph-content > section.running > .content .card-block.recipe > .item > .note {
	text-align: right;
}
.monograph-content > section.running > .content .card-block.recipe > .item > .note a {
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	white-space: nowrap;
	font-family: Empirica, sans-serif;
	display: inline-block;
	padding: 5px 16px 8px;
	background: #37744C;
	color: #fff;
	border: 0;
}
.monograph-content > section.running > .content .card-block.recipe > .item > .note a:hover {
	background: #B14949;
	border: 0;
}
@media screen and (max-width: 880px) {
	.monograph-content > section.running > .content .card-block.recipe > .item {
		grid-template-columns: 1fr 1fr;
	}
	.monograph-content > section.running > .content .card-block.recipe > .item > .note {
		text-align: left;
		padding: 24px 0;
		grid-column-start: 2;
		grid-column-end: 3;
	}
}
.monograph-content > section.running > .content .card-block.guide > ol {
	padding: 0;
	counter-reset: cardinal;
}
.monograph-content > section.running > .content .card-block.guide > ol > li {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 24px;
	line-height: 38px;
	font-weight: 400;
	color: #5B5756;
	position: relative;
	list-style: none;
	margin-top: 20px;
	padding: 20px 0 0 10%;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 480px) {
	.monograph-content > section.running > .content .card-block.guide > ol > li {
		font-size: 20px;
		line-height: 34px;
	}
}
.monograph-content > section.running > .content .card-block.guide > ol > li:before {
	color: #B14949;
	font-weight: 400;
	position: absolute;
	top: 20px;
	left: 0;
	counter-increment: cardinal;
	content: counter(cardinal);
	display: block;
}
.monograph-content > section.running > .content .card-block.guide > ol > li:first-of-type {
	margin-top: 0;
	border-top: 0;
	padding-top: 0;
}
.monograph-content > section.running > .content .card-block.guide > ol > li:first-of-type:before {
	top: 0;
}
.monograph-content > section.running > .content .card-block.guide > ol > li:last-of-type {
	margin-bottom: 20px;
}
.monograph-content > section.running.directions > .content {
	background: #e2e0dc;
}
.monograph-content > section.running.directions > .content > .primary {
	padding: 8%;
}
.monograph-content > section.running.directions > .content > .primary h3 {
	font-size: 24px;
	margin: 0 0 4%;
}
.monograph-content > section.running.directions > .content > .primary > ol {
	counter-reset: cardinal;
	padding: 0;
}
.monograph-content > section.running.directions > .content > .primary > ol > li {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 24px;
	line-height: 38px;
	font-weight: 400;
	color: #5B5756;
	position: relative;
	list-style: none;
	padding: 16px 0 0 10%;
}
@media screen and (max-width: 480px) {
	.monograph-content > section.running.directions > .content > .primary > ol > li {
		font-size: 20px;
		line-height: 34px;
	}
}
.monograph-content > section.running.directions > .content > .primary > ol > li:before {
	color: #B14949;
	font-weight: 400;
	position: absolute;
	top: 20px;
	left: 0;
	counter-increment: cardinal;
	content: counter(cardinal);
	display: block;
}
.monograph-content > section.running.directions > .content > .primary > ol > li:first-of-type {
	padding-top: 0;
}
.monograph-content > section.running.directions > .content > .primary > ol > li:first-of-type:before {
	top: 0;
}
.monograph-content > section.running.directions > .content > .note {
	padding: 8%;
}
.monograph-content > section.content-gallery {
	background: #e2e0dc;
	padding: 2% 0;
	margin-bottom: 1px;
}
.monograph-content > section.content-gallery > .content {
	background: transparent;
}
.monograph-content > section.content-gallery > .content.base-layout {
	margin-bottom: 2%;
}
@media screen and (min-width: 1661px) {
	.monograph-content > section.content-gallery > .content.base-layout {
		width: 1440px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 1660px) and (min-width: 480px) {
	.monograph-content > section.content-gallery > .content.base-layout {
		margin-left: 8%;
		margin-right: 8%;
	}
}
@media screen and (max-width: 480px) {
	.monograph-content > section.content-gallery > .content.base-layout {
		margin-left: 12%;
		margin-right: 12%;
	}
}
.monograph-content > section.content-gallery > .content > .items {
	margin: 2% 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
	grid-gap: 24px;
}
.monograph-content > section.content-gallery > .content > .items > .item {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 4%;
}
.monograph-content > section.content-gallery > .content > .items > .item > .lockup .title {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-family: "Chronicle Cond A", "Chronicle Cond B";
	font-style: normal;
	font-weight: 800;
	font-size: 36px;
	line-height: 44px;
	color: #363533;
	/* Refactor
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	*/
	font-family: Empirica, sans-serif;
	font-weight: 300;
	color: #100f0f;
	margin: 8% 0 2%;
}
@media screen and (max-width: 480px) {
	.monograph-content > section.content-gallery > .content > .items > .item > .lockup .title {
		font-size: 24px;
		line-height: 40px;
	}
}
.monograph-content > section.content-gallery > .content > .items > .item > .lockup .external-link {
	-moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	border-radius: 24px;
	font-family: Empirica, sans-serif;
	display: inline-block;
	margin: 2% 0;
	padding: 5px 16px 8px;
	background: #fff;
	border: 0;
}
.monograph-content > section.content-gallery > .content > .items > .item > .lockup .external-link:hover {
	background: #37744C;
	color: #fff;
	border: 0;
}
.monograph-content > section.content-gallery > .content > .items > .item > .lockup .address {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 3px;
	/* This will enforce even spacing and prevent ligatures */
	font-variant-ligatures: no-common-ligatures;
	line-height: 22px;
	font-family: Empirica, sans-serif;
	font-weight: 500;
	color: #9b9b9b;
	margin: 2% 0;
}
@media screen and (max-width: 480px) {
	.monograph-content > section.content-gallery > .content > .items > .item > .lockup .address {
		font-size: 14px;
		line-height: 20px;
	}
}
.monograph-content > section.content-gallery > .content > .items > .item .description {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	font-family: Empirica, sans-serif;
	color: #7b7976;
	margin-top: 8%;
}
@media screen and (max-width: 480px) {
	.monograph-content > section.content-gallery > .content > .items > .item .description {
		font-size: 16px;
		line-height: 24px;
	}
}
.monograph-content > section.content-gallery > .content > .items > .item.definition {
	text-align: center;
	border: 0;
	padding: 12%;
	background: #f4f4f4;
}
.monograph-content > section.content-gallery > .content > .items > .item.definition dt {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-family: "Chronicle Cond A", "Chronicle Cond B";
	font-style: normal;
	font-weight: 800;
	font-size: 36px;
	line-height: 44px;
	color: #363533;
	/* Refactor
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	*/
	font-family: Empirica, sans-serif;
	font-weight: 300;
	color: #100f0f;
}
@media screen and (max-width: 480px) {
	.monograph-content > section.content-gallery > .content > .items > .item.definition dt {
		font-size: 24px;
		line-height: 40px;
	}
}
.monograph-content > section.content-gallery > .content > .items > .item.definition dt .phonetic {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 24px;
	line-height: 38px;
	font-weight: 400;
	font-family: Empirica, sans-serif;
	display: block;
	font-style: italic;
	letter-spacing: 2px;
	color: #7b7976;
	margin: 0 0 24px;
}
@media screen and (max-width: 480px) {
	.monograph-content > section.content-gallery > .content > .items > .item.definition dt .phonetic {
		font-size: 20px;
		line-height: 34px;
	}
}
.monograph-content > section.content-gallery > .content > .items > .item.definition dd {
	margin: 0;
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 3px;
	/* This will enforce even spacing and prevent ligatures */
	font-variant-ligatures: no-common-ligatures;
	line-height: 22px;
	font-family: Empirica, sans-serif;
	font-weight: 500;
	color: #9b9b9b;
}
@media screen and (max-width: 480px) {
	.monograph-content > section.content-gallery > .content > .items > .item.definition dd {
		font-size: 14px;
		line-height: 20px;
	}
}
@media screen and (max-width: 480px) {
	.monograph-content > section.content-gallery > .content {
		background: transparent;
	}
	.monograph-content > section.content-gallery > .content > .items {
		display: block;
	}
	.monograph-content > section.content-gallery > .content > .items > .item {
		margin-top: 8%;
		padding-top: 8%;
	}
	.monograph-content > section.content-gallery > .content > .items > .item > .lockup > .title {
		margin-top: 0;
	}
}
.monograph-content > section.quote {
	max-width: 800px;
	margin-top: 6%;
	margin-bottom: 4%;
}
@media screen and (min-width: 1661px) {
	.monograph-content > section.quote {
		width: 1440px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 1660px) and (min-width: 480px) {
	.monograph-content > section.quote {
		margin-left: 8%;
		margin-right: 8%;
	}
}
@media screen and (max-width: 480px) {
	.monograph-content > section.quote {
		margin-left: 12%;
		margin-right: 12%;
	}
}
.monograph-content > section.quote > .content > blockquote > q {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-family: "Chronicle Cond A", "Chronicle Cond B";
	font-style: normal;
	font-weight: 800;
	font-size: 36px;
	line-height: 44px;
	color: #363533;
	/* Refactor
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	*/
	color: #000;
	position: relative;
	quotes: "“" "”" "‘" "’";
	display: block;
	width: 70%;
}
@media screen and (max-width: 480px) {
	.monograph-content > section.quote > .content > blockquote > q {
		font-size: 24px;
		line-height: 40px;
	}
}
.monograph-content > section.quote > .content > blockquote > q:before {
	display: block;
	font-size: 140px;
	line-height: 140px;
	height: 65px;
	width: 65px;
	margin-bottom: 20px;
}
.monograph-content > section.gallery {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	margin-bottom: 4%;
}
@media screen and (min-width: 1661px) {
	.monograph-content > section.gallery {
		width: 1440px;
		margin-left: auto;
		margin-right: auto;
	}
}
@media screen and (max-width: 1660px) and (min-width: 480px) {
	.monograph-content > section.gallery {
		margin-left: 8%;
		margin-right: 8%;
	}
}
@media screen and (max-width: 480px) {
	.monograph-content > section.gallery {
		margin-left: 12%;
		margin-right: 12%;
	}
}
.monograph-content > section.gallery > figure > .graphic {
	position: relative;
}
.monograph-content > section.gallery > figure > .graphic > img {
	width: 100%;
	max-width: 100%;
	display: block;
}
.monograph-content > section.gallery > figure > .graphic > .commerce {
	display: none;
	position: absolute;
	right: 2%;
	bottom: 2%;
}
.monograph-content > section.gallery > figure > .graphic > .commerce > .button-group > a {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4);
	background: rgba(255, 255, 255, 0.8);
	padding: 10px 15px;
	display: block;
	color: #144cda;
}
.monograph-content > section.gallery > figure > figcaption {
	padding: 2% 0 0;
	color: #84837e;
	font-size: 16px;
	max-width: 90%;
}
.monograph-content > section.gallery > figure > figcaption a {
	color: #144cda;
}
@media screen and (max-width: 480px) {
	.monograph-content > section.gallery > figure > figcaption {
		display: none;
	}
}
.monograph-content > section.gallery > figure:hover > .graphic > .commerce {
	display: block;
}
.monograph-content > section.gallery.video {
	width: auto;
	display: block;
	padding: 4%;
}
.monograph-content > section.gallery.video > .video-constraint {
	max-width: 1440px;
	margin: 0 auto;
}
.monograph-content > section.gallery.video > .video-constraint > .video-container {
	position: relative;
	/* You want to absolutely position the video within a wrapper that sets vertical padding that matches the video's aspect ratio. To get the padding/aspect ratio, divide the video's height by the width and multiply by 100 to get a percentage.*/
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	width: auto;
}
.monograph-content > section.gallery.video > .video-constraint > .video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 880px) {
	.monograph-content > section.gallery.video {
		padding: 0;
		margin: 8% 0;
	}
}
.monograph-content > section.gallery.single-vertical > figure {
	max-width: 760px;
	margin: 0 auto;
}
.monograph-content > section.gallery.single-vertical > figure > figcaption {
	max-width: 720px;
	margin: 0 auto;
}
.monograph-content > section.gallery.compound-grid {
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 24px;
	display: grid;
	margin-bottom: 1px;
}
.monograph-content > section.gallery.compound-grid.grid-4-column {
	grid-template-columns: repeat(4, 1fr);
}
.monograph-content > section.gallery.compound-grid.grid-3-column {
	grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 640px) {
	.monograph-content > section.gallery.compound-grid.grid-3-column {
		display: block;
	}
}
.monograph-content > section.gallery.compound-grid.in-text {
	display: block;
	margin-bottom: 2%;
}
.monograph-content > section.gallery.compound-grid.in-text figure {
	display: block;
	max-width: 720px;
	margin: 0 auto;
}
@media screen and (min-width: 1661px) {
	.monograph-content > section.gallery.compound-grid {
		margin-bottom: 8%;
	}
}
.monograph-content > section.gallery.compound-grid > figure {
	padding: 0;
}
.monograph-content > section.gallery.compound-grid > figure > figcaption {
	padding: 1% 0 2%;
}
.monograph-content > section.gallery.compound-grid > figure > figcaption.label {
	max-width: unset;
	display: block;
	padding: 2% 0;
}
.monograph-content > section.gallery.compound-grid > figure > figcaption.label p {
	text-transform: uppercase;
	letter-spacing: 3px;
	/* This will enforce even spacing and prevent ligatures */
	font-variant-ligatures: no-common-ligatures;
	color: #333;
	text-align: center;
}
.monograph-content > section.gallery.compound-grid > figure.full-width {
	grid-column-start: 1;
	grid-column-end: 3;
}
.monograph-content > section.gallery.compound-grid.five {
	grid-template-columns: repeat(4, 1fr);
}
.monograph-content > section.gallery.compound-grid.five > figure:nth-of-type(1) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;
}
.monograph-content > section.gallery.compound-grid.five > figure:nth-of-type(2) {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 2;
}
.monograph-content > section.gallery.compound-grid.five > figure:nth-of-type(3) {
	grid-column-start: 4;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 2;
}
.monograph-content > section.gallery.compound-grid.five > figure:nth-of-type(4) {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 3;
}
.monograph-content > section.gallery.compound-grid.five > figure:nth-of-type(5) {
	grid-column-start: 4;
	grid-column-end: 5;
	grid-row-start: 2;
	grid-row-end: 3;
}
@media screen and (max-width: 640px) {
	.monograph-content > section.gallery.compound-grid > figure {
		grid-column-start: 1;
		grid-column-end: 3;
	}
}
.monograph-content > section.gallery.type-full-screen {
	display: block;
	width: auto;
	margin-bottom: 1px;
}
.monograph-content > section.gallery.type-full-screen figcaption {
	padding: 1%;
	text-align: center;
	max-width: 100%;
}
.monograph-content > section.gallery.type-full-screen + .running {
	margin-top: 4%;
}
@media screen and (min-width: 1661px) {
	.monograph-content > section.gallery.type-full-screen {
		margin-bottom: 8%;
	}
}
.monograph-content > section.gallery.uneven {
	margin-bottom: 1px;
}
.monograph-content > section.gallery.uneven > figure {
	width: 50%;
}
.monograph-content > section.gallery.uneven > figure:nth-of-type(2) {
	padding: 8%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.monograph-content > section.gallery.uneven.flipped > figure:nth-of-type(1) {
	padding: 8%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.monograph-content > section.gallery.uneven.flipped > figure:nth-of-type(2) {
	padding: 0;
	display: block;
}
@media screen and (max-width: 480px) {
	.monograph-content > section.gallery.uneven {
		display: block;
	}
	.monograph-content > section.gallery.uneven > figure {
		width: 100%;
		margin-bottom: 1px;
	}
	.monograph-content > section.gallery.uneven > figure:nth-of-type(2) {
		padding: 0;
		display: block;
	}
	.monograph-content > section.gallery.uneven.flipped > figure:nth-of-type(1) {
		padding: 0;
		display: block;
	}
}
.monograph-content > section.gallery.compound-grid-uneven {
	grid-template-columns: 1fr 2.2641fr;
	grid-gap: 24px;
	display: grid;
}
.monograph-content > section.gallery.compound-grid-uneven > figure {
	grid-template-rows: auto;
	grid-gap: 0;
	display: grid;
}
.monograph-content > section.gallery.compound-grid-uneven > figure > figcaption {
	padding: 20px 0 0;
}
@media screen and (max-width: 480px) {
	.monograph-content > section.gallery.compound-grid-uneven {
		display: block;
	}
	.monograph-content > section.gallery.compound-grid-uneven > figure {
		margin-bottom: 1px;
	}
}
@media screen and (max-width: 880px) {
	.monograph-content > section.gallery {
		margin-bottom: 1px;
		margin-left: 2%;
		margin-right: 2%;
	}
	.monograph-content > section.gallery + .running {
		margin-top: 12%;
	}
}
.monograph-content > section.with-master-caption {
	margin-bottom: 0;
}
@media screen and (min-width: 1661px) {
	.monograph-content > section.with-master-caption {
		margin-bottom: 0 !important;
	}
}
.monograph-content > section.colophon {
	text-align: center;
	padding: 8% 0;
	margin-bottom: 0;
}
.monograph-content > section.colophon > .content p {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 3px;
	/* This will enforce even spacing and prevent ligatures */
	font-variant-ligatures: no-common-ligatures;
	line-height: 32px;
	font-family: Empirica, sans-serif;
	font-weight: 500;
	color: #9b9b9b;
	text-align: center;
}
@media screen and (max-width: 480px) {
	.monograph-content > section.colophon > .content p {
		font-size: 14px;
		line-height: 20px;
	}
}
.monograph-content > section.colophon > .content > .items {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}
.monograph-content > section.colophon > .content > .items > .item {
	margin: 0 2% 4%;
}
.monograph-content > section.colophon > .content > .items > .item > .value {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-size: 24px;
	line-height: 38px;
	font-weight: 400;
}
@media screen and (max-width: 480px) {
	.monograph-content > section.colophon > .content > .items > .item > .value {
		font-size: 20px;
		line-height: 34px;
	}
}
.monograph-content > section.colophon > .content > .items > .item > .label {
	font-family: Empirica, sans-serif;
	color: #363533;
	text-transform: uppercase;
	letter-spacing: 3px;
	/* This will enforce even spacing and prevent ligatures */
	font-variant-ligatures: no-common-ligatures;
	font-size: 16px;
	color: #acaaa4;
	letter-spacing: 2px;
}
.monograph-content > section.colophon > .content > .flourish {
	font-family: Empirica, sans-serif;
	color: #363533;
	font-family: "Chronicle Cond A", "Chronicle Cond B";
	font-style: normal;
	font-weight: 800;
	font-size: 36px;
	line-height: 44px;
	color: #363533;
	/* Refactor
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	*/
}
@media screen and (max-width: 480px) {
	.monograph-content > section.colophon > .content > .flourish {
		font-size: 24px;
		line-height: 40px;
	}
}

/*# sourceMappingURL=monograph.css.map */