body {
		font-size: 15pt;
		line-height: 17.5pt;
		letter-spacing: 0em;
		font-family: Marfa;
		font-weight: 400;
		margin: 0;
		padding: 0;
		color: #1C1422;
		text-rendering: optimizeLegibility;
		font-smooth: auto;
	}
	.text-center {
		text-align: center;
	}
	.text-left {
		text-align: left;
	}
	.text-right {
		text-align: right;
	}
	
	.video {
  aspect-ratio: 16 / 9;
  width: 100%;
		height: 100%;
		margin: auto;
}
	
	.talk {
		display: flex;
		flex-flow: column;
		margin: 15px 30px 100% 0;
		text-align: center;
		width: 50px;
		height: 50px;
		float: left;
	}
	.talk img {
		height: 50px;
		width: 50px;
		border-radius: 50px;
		margin: 0px auto 5px auto;
	}
	.talk span {
		font-size: 15pt;
		text-align: center;
		margin: 5px auto 0 auto;
	}
	.home header #logo {
		fill: #1C1422;
		width: 98vw;
		height: auto;
		max-width: 1920px;
		margin: 2vh auto;
		display: flex;
	}
	header #logo {
		fill: #FFCBAD;
		width: 100%;
		height: auto;
		max-width: 1920px;
		margin: 2vh auto;
		display: flex;
	}
	footer #logo {
		fill: #FFCBAD;
		width: 100%;
		height: auto;
		max-width: 640px;
		margin: -14% auto 14% auto;
		display: flex;
	}
	header.art {
		height: 100vh;
		background-size: 100%;
	}
	.art.cover {
		background-size: cover;
	}
	.art.auto {
		background-size: auto;
	}
	.art.no-repeat {
		background-repeat: no-repeat;
	}
	.art.repeat {
		background-repeat: repeat;
	}
	.art.bg-center {
		background-position: center;
	}
	.art.bg-bottom {
		background-position: bottom;
	}
	.art.bg-right {
		background-position: right;
	}
	
	aside {
		padding-top: 8.33333333333vh;
		padding-bottom: 8.33333333333vh;
	}
	.created aside {
		padding-top: 1.38888888889vh;
		padding-bottom: 1.38888888889vh;
	}
	.created aside .byline {
		padding-top: 1.38888888889vh;
	}

	aside.indent::before {
	content: " ";
	margin-top: -60px;
 	padding-top: 60px;
 	background: white;
 	z-index: 1;
		position: absolute;
		width: 75vw;
	}
	aside h1 {
		text-transform: uppercase;
		font-size: 17.5pt;
		margin-top: 0;
		margin-top: 2.77777777778vh;
		margin-bottom: 2.77777777778vh;
	}
	.created aside h1 {
		padding-top: 0;
		margin-top: 0;
	}
	aside h3 {
		font-size: 20pt;
		line-height: 22pt;
		margin-bottom: 5px;
	}
	aside .byline img {
		min-width: 30px;
		max-width: 90px;
	}
	
	.created aside {
			flex-flow: column;
		}
		.created aside .byline {
		}
		.created aside .byline > * {
		}
		.created aside .byline .credit {

		}
	
@media only screen and (min-width: 759px) {
		
		.created aside {
			flex-flow: row;
		}
		
	aside h3 {
		font-size: 40pt;
		line-height: 38pt;
	}
	
	.author, .social, .credit {
			margin-top: 15px;
			margin-bottom: 15px;
			font-size: 12pt;
			line-height: 1.5em;
			word-break: auto;
		}
	
	}
	
.grid {
	display: block;
	flex-wrap: nowrap;
}
.grid [class*="y-"] {
	flex-basis: fit-content;
	margin: 0;
	justify-content: space-evenly;
}
.grid [class*="y-"] > .inner {
	padding: 0 2.77777777778vw 1.38888888889vh 2.77777777778vw;
}
.grid.flush [class*="y-"]:first-child > .inner {
	padding: 0;
}
.y-12-s {
	flex: 100vw;
	max-width: 100vw;
}
.y-11-s {
	flex: 91.6666666666vw;
	max-width: 91.6666666666vw;
}
.y-10-s {
	flex: 83.3333333333vw;
	max-width: 83.3333333333vw;
}
.y-9-s {
	flex: 75vw;
	max-width: 75vw;
}
.y-8-s {
	flex: 66.6666666666vw;
	max-width: 66.6666666666vw;
}
.y-7-s {
	flex: 58.3333333333;
	max-width: 58.3333333333;
}
.y-6-s {
	flex: 50vw;
	max-width: 50vw;
}
.y-5-s {
	flex: 41.6666666667vw;
	max-width: 41.6666666667vw;
}
.y-4-s {
	flex: 33.3333333333vw;
	max-width: 33.3333333333vw;
}
.y-3-s {
	flex: 25vw;
	max-width: 25vw;
}
.y-2-s {
	flex: 16.6666666667vw;
	max-width: 16.6666666667vw;
}
.y-1-s {
	flex: 8.33333333333vw;
	max-width: 8.33333333333vw;
}

.left-1-s {
	padding-left: 8.33333333333vw;
}
.right-1-s {
	padding-right: 8.33333333333vw;
}

/* Medium and Up */
	@media only screen and (min-width: 759px) {
		
		aside {
		padding-top: 1.38888888889vw;
	}
	
.grid {
	display: flex;
	flex-wrap: nowrap;
}
.grid [class*="y-"] {
	// padding: 0 1.38888888889% 1.38888888889% 1.38888888889%;
	margin: 0;
}
.grid [class*="y-"] > .inner {
	padding: 0 1.38888888889vw 1.38888888889vh 1.38888888889vw;
}
.y-12-m {
	flex: 100vw;
	max-width: 100vw;
}
.y-11-m {
	flex: 91.6666666666vw;
	max-width: 91.6666666666vw;
}
.y-10-m {
	flex: 83.3333333333vw;
	max-width: 83.3333333333vw;
}
.y-9-m {
	flex: 75vw;
	max-width: 75vw;
}
.y-8-m {
	flex: 66.6666666666vw;
	max-width: 66.6666666666vw;
}
.y-7-m {
	flex: 58.3333333333;
	max-width: 58.3333333333;
}
.y-6-m {
	flex: 50vw;
	max-width: 50vw;
}
.y-5-m {
	flex: 41.6666666667vw;
	max-width: 41.6666666667vw;
}
.y-4-m {
	flex: 33.3333333333vw;
	max-width: 33.3333333333vw;
}
.y-3-m {
	flex: 25vw;
	max-width: 25vw;
}
.y-2-m {
	flex: 16.6666666667vw;
	max-width: 16.6666666667vw;
}
.y-1-m {
	flex: 8.33333333333vw;
	max-width: 8.33333333333vw;
}
.o-1-m {
	order: 1;
}
.o-2-m {
	order: 2;
}
.o-3-m {
	order: 3;
}
.o-4-m {
	order: 4;
}
.o-5-m {
	order: 5;
}
.o-6-m {
	order: 6;
}

.left-1-m {
	padding-left: 8.33333333333vw;
}
.right-1-m {
	padding-right: 8.33333333333vw;
}
		
	}
	
@media only screen and (min-width: 1199px) {
.grid {
	display: flex;
	flex-wrap: nowrap;
}
.grid [class*="y-"] {
	// padding: 0 1.38888888889% 1.38888888889% 1.38888888889%;
	margin: 0;
}
.grid [class*="y-"] > .inner {
	padding: 0 1.38888888889vw 1.38888888889vh 1.38888888889vw;
}
.y-12-l {
	flex: 100vw;
}
.y-11-l {
	flex: 91.6666666666vw;
	max-width: 91.6666666666vw;
}
.y-10-l {
	flex: 83.3333333333vw;
	max-width: 83.3333333333vw;
}
.y-9-l {
	flex: 75vw;
	max-width: 75vw;
}
.y-8-l {
	flex: 66.6666666666vw;
	max-width: 66.6666666666vw;
}
.y-7-l {
	flex: 58.3333333333vw;
	max-width: 58.3333333333vw;
}
.y-6-l {
	flex: 50vw;
	max-width: 50vw;
}
.y-5-l {
	flex: 41.6666666667vw;
	max-width: 41.6666666667vw;
}
.y-4-l {
	flex: 33.3333333333vw;
	max-width: 33.3333333333vw;
}
.y-3-l {
	flex: 25vw;
	max-width: 25vw;
	
}
.y-2-l {
	
	flex: 16.6666666667vw;
	max-width: 16.6666666667vw;
}
.y-1-l {
	flex: 8.33333333333vw;
	max-width: 8.33333333333vw;
}
.o-1-l {
	order: 1;
}
.o-2-l {
	order: 2;
}
.o-3-l {
	order: 3;
}
.o-4-l {
	order: 4;
}
.o-5-l {
	order: 5;
}
.o-6-l {
	order: 6;
}

.left-1-l {
	padding-left: 8.33333333333vw;
}
.right-1-l {
	padding-right: 8.33333333333vw;
}
.left-2-l {
	padding-left: 16.6666666667vw;
}
.right-2-l {
	padding-right: 16.6666666667vw;
}
.left-3-l {
	padding-left: 25vw;
}
.right-3-l {
	padding-right: 25vw;
}
.left-4-l {
	padding-left: 33.3333333333vw;
}
.right-4-l {
	padding-right: 33.3333333333vw;
}
		
}
		
img {
	width: 100%;
	height: auto;
}	
	
	.home h1 {
		font-family: ABC Marfa Mono Variable Trial;
		font-weight: 400;
		letter-spacing: -0.04em;
		font-size: 1em;
		text-align: center;
	}
	
	#form {
		display: flex;
		flex-flow: column;
		width: 66vw;
		/* min-width: 320px;*/
		max-width: 640px;
		font-family: ABC Marfa Mono Variable Trial;
		letter-spacing: -0.04em;
		height: 50vh;
		margin: 0 auto 20vh auto;
		padding: 30px;
	}
	
	#form .hbspt-form {
		display: flex;
		flex-flow: column;
		margin: auto;
		width: 100%;
		overflow: visible;
	}
	
	#form .hbspt-form form {
		width: 100%;
		height: 100%;
		overflow: visible;
	}
	
	#form input[type=email] {
		border-top: none;
		border-left: none;
		border-right: none;
		border-bottom: 2px solid #1C1422;
		font-style: normal;
		font-weight: 400;
		font-size: inherit;
		line-height: 44px;
		height: auto;
		text-align: left;
		font-family: ABC Marfa Mono Variable Trial;
		letter-spacing: -0.04em;
		width: 100%;
		color: #1C1422;
		outline: none;
		margin-bottom: 44px;
		border-radius: 0;
	}
	
	#form input[type=submit] {
		outline: none;
		border: none;
		background: #1C1422;
		color: white;
		height: 44px;
		width: 100%;
		text-align: center;
		padding-left: 24px;
		font-family: ABC Marfa Mono Variable Trial;
		letter-spacing: -0.04em;
		font-size: inherit;
		line-height: 44px;
		border-radius: 0;
		}
		#form input[type=submit]:focus {
		outline: none;
		border: none;
		background: blue;
		}
		#form input[type=submit]:hover {
		outline: none;
		border: none;
		background: blue;
		}
		#form input::placeholder {
		color: #1C1422;
		opacity: 1;
		}
		p.drop-cap::first-letter {
			font-size: 60pt;
		}
		h2 {
			font-family: 'Marfa';
			font-style: normal;
			font-weight: 400;
			font-size: 22pt;
			line-height: 90%;
			letter-spacing: -0.03em;
			text-transform: uppercase;
			margin-bottom: 10px;
		}
		.home h2 {
			font-size: 40pt;
		}
		h2 a {
			text-decoration: none;
		}
		h2 a:hover {
			text-decoration: underline;
		}
		.home .alt div {
			flex-direction: column-reverse;
			text-align: left;
			margin-left: auto;
			margin-right: auto;
		}
		.home .alt h2 {
			font-size: 1em;
			line-height: 1em;
			margin: 0;
		}
		.home .alt h3 {
			margin-top: 30px;
			margin-bottom: 15px;
		}
		h3 {
			font-family: Arizona Serif;
			font-size: 24pt;
			font-weight: 200;
			line-height: 28pt;
			letter-spacing: -0.04em;
			margin-top: 0;
		}
		h4 {
			font-family: Arizona Serif;
			font-size: 20pt;
			font-weight: 200;
			line-height: 22pt;
			letter-spacing: -0.04em;
			margin-top: 0;
		}
		h5 {
			font-family: Arizona Text;
			font-size: 18pt;
			font-weight: 200;
			line-height: 22pt;
			letter-spacing: -0.04em;
			margin-top: 0;
			margin-bottom: 15px;
		}
		.author, .social, .credit {
			margin-top: 15px;
			margin-bottom: 15px;
			font-size: 11pt;
			line-height: 1.5em;
			word-break: auto;
		}
		
		
		.social .credit {
			font-size: 10pt;
			line-height: 1.2em;
			margin-top: 75px;
		}
		
		.created hr {
			outline: none;
			border-top: 1.5px solid #1C1422;
			margin: 60px 0;
			border-bottom: none;
			border-left: none;
			border-right: none;
		}
		article .author-bio {
			line-height: 1em;
		}
		
		.created article p:last-of-type::after {
			font-family: 'Marfa';
			content: " &";
			color: #FFCBAD;
		}
		
		/* .alt h3.quote:before {
			content: "“";
			position: absolute;
			left: 0px;
			font-size: 400px;
			font-family: 'ABC Marfa Mono Variable Trial';
			color: white;
		} */
		.home article {
			height: auto;
			min-height: 600px;
			max-height: auto;
			display: flex;
			flex-flow: column;
			flex-grow: auto;
			align-content: center;
			padding: 5% 0;
		}
		.home article div {
			display: flex;
			flex-flow: column;
			width: 100vw;
			padding: 2.5%;
			max-width: 90%;
			margin-top: auto;
			margin-bottom: auto;
			margin-left: auto;
			margin-right: auto;
		}
		.created footer {
			margin-top: 8.33333333333vh;
		}
		footer {
			padding: 5% 5% 0 5%;
			background: #1C1422;
		}
		footer p {
			font-family: ABC Marfa Mono Variable Trial;
			text-align: center;
		}
		footer #form {
			height: 50vh;
			background: white;
		}
		p {
			font-family: 'Marfa';
			font-weight: 400;
		}
		.serif p {
			font-family: 'Arizona Text';
			font-weight: 400;
			line-height: 120%;
			letter-spacing: -0.0125em;
		}
		blockquote {
			font-size: 85%;
		}
		a, a:active, a:visited {
			color: inherit;
		}
		a:hover {
			text-decoration: none;
		}
		.home article:nth-of-type(2), .home article:nth-of-type(6) {
			background: rgba(255, 203, 173, 1);
		}
		.home article:nth-of-type(4), .home article:nth-of-type(8) {
			background: #1C1422;
			color: rgba(255, 203, 173, 1);
		}
		.home article:nth-of-type(even) h2 {
			/* text-shadow: -1px 1px 0 rgba(255, 203, 173, 1),
				  1px 1px 0 rgba(255, 203, 173, 1),
				 1px -1px 0 rgba(255, 203, 173, 1),
				-1px -1px 0 rgba(255, 203, 173, 1); */
			}
			
	/* Medium and Up */
	@media only screen and (min-width: 759px) {
				.home article {
					flex-flow: column;
					
				}
				.home article div {
					width: 100vw;
					padding: 5%;
				}
				.home article h2 {
					font-size: 50pt;
					margin-bottom: 20px;
				}
				article h2 {
					font-size: 17.5pt;
					margin-bottom: 15px;
					}
				.created article h2 {
					margin-left: 78px;
				}
				
				h3 {
					font-size: 40pt;
					line-height: 38pt;
					font-family: Arizona Serif;
				}
				h4 {
					font-size: 30pt;
					line-height: 34pt;
					font-family: Arizona Serif;
				}
			}		
	@media only screen and (min-width: 1199px) {
		.home article {
					flex-flow: row;
					
				}
		body {
		font-size: 17.5pt;
		line-height: 25pt;
	}
		.home article h2 {
					font-size: 90pt;
				}
		}