/* Fonts
============================================================= */

@import url("//hello.myfonts.net/count/373a00");

@font-face {
	font-family: 'Freight Sans Pro';
	font-weight: 400;
	font-style: normal;
	src: url('/assets/fonts/373A00_2_0.eot');
	src: url('/assets/fonts/373A00_2_0.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/373A00_2_0.woff2') format('woff2'),
		url('/assets/fonts/373A00_2_0.woff') format('woff'),
		url('/assets/fonts/373A00_2_0.ttf') format('truetype');
}

@font-face {
	font-family: 'Freight Sans Pro';
	font-weight: 400;
	font-style: italic;
	src: url('/assets/fonts/373A00_0_0.eot');
	src: url('/assets/fonts/373A00_0_0.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/373A00_0_0.woff2') format('woff2'),
		url('/assets/fonts/373A00_0_0.woff') format('woff'),
		url('/assets/fonts/373A00_0_0.ttf') format('truetype');
}

@font-face {
	font-family: 'Freight Sans Pro';
	font-weight: 500;
	font-style: normal;
	src: url('/assets/fonts/373A00_1_0.eot');
	src: url('/assets/fonts/373A00_1_0.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/373A00_1_0.woff2') format('woff2'),
		url('/assets/fonts/373A00_1_0.woff') format('woff'),
		url('/assets/fonts/373A00_1_0.ttf') format('truetype');
}

/* Headings
============================================================= */

.h-type h1,
.h-type .h1 {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.5rem;
	line-height: 1.8rem;
	letter-spacing: .09375rem;
	text-transform: uppercase;
	color: #ffffff;
}

@media screen and (min-width: 32em) {
	.h-type h1,
	.h-type .h1 {
	font-size: 2.5rem;
	line-height: 3rem;
	}
}

@media screen and (min-width: 64em) {
	.h-type h1,
	.h-type .h1 {
		font-size: 3rem;
		line-height: 3.6rem;
	}
}

.h-type h2,
.h-type .h2 {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 500;
	font-style: normal;
	font-size: 2.125rem;
	line-height: 2.5rem;
	letter-spacing: .08125rem;
	text-transform: uppercase;
	color: #ffffff;
}

@media screen and (min-width: 64em) {
	.h-type h2,
	.h-type .h2 {
		font-size: 2.625rem;
		line-height: 3rem;
	}
}

.h-type h3,
.h-type .h3 {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1.125rem;
	line-height: 1.3125rem;
	letter-spacing: .1125rem;
	text-transform: uppercase;
	color: #ffffff;
}

@media screen and (min-width: 32em) {
	.h-type h3,
	.h-type .h3 {
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
}

@media screen and (min-width: 64em) {
	.h-type h3,
	.h-type .h3 {
		font-size: 1.875rem;
		line-height: 2.125rem;
	}
}

.h-type h4,
.h-type .h4 {
	font-family: 'Freight Sans Pro', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.1875rem;
	letter-spacing: .0375rem;
	text-transform: uppercase;
	color: #a8a8aa;
}

@media screen and (min-width: 64em) {
	.h-type h4,
	.h-type .h4 {
		font-size: 1.25rem;
		line-height: 1.4375rem;
	}
}

.h-type h5,
.h-type .h5 {
	font-family: 'Freight Sans Pro', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.1875rem;
	letter-spacing: .0375rem;
	text-transform: uppercase;
	color: #ffffff;
}

@media screen and (min-width: 64em) {
	.h-type h5,
	.h-type .h5 {
		font-size: 1.25rem;
		line-height: 1.4375rem;
	}
}

/* Body
============================================================= */

.h-type p {
	font-family: 'Freight Sans Pro', serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.6rem;
	letter-spacing: .0375rem;
	text-transform: none;
	color: #ffffff;
}

@media screen and (min-width: 64em) {
	.h-type p {
		font-size: 1.25rem;
		line-height: 2rem;
	}
}

.h-type p.label {
	font-family: 'Freight Sans Pro', serif;
	font-weight: 500;
	font-style: normal;
	font-size: .8rem;
	line-height: .95rem;
	letter-spacing: .0625rem;
	text-transform: uppercase;
	color: #a8a8aa;
}

@media screen and (min-width: 64em) {
	.h-type p.label {
		font-size: 1rem;
		line-height: 1.1875rem;
	}
}

/* Lists
============================================================= */

.h-type ol,
.h-type ul {
	font-family: 'Freight Sans Pro', serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	line-height: 1.875rem;
	letter-spacing: .0375rem;
	text-transform: none;
	color: #ffffff;
	list-style-type: none;
}

@media screen and (min-width: 64em) {
	.h-type ol,
	.h-type ul {
		font-size: 1.25rem;
		line-height: 2rem;
	}
}

.h-type ol {
	counter-reset: item;
}

.h-type li {
	display: table;
	padding-left: 1rem;
}

.h-type li > ol,
.h-type li > ul,
.h-type li + li {
	margin-top: .71875rem;
}

.h-type li::before {
	display: table-cell;
	padding-right: .5rem;
}

.h-type ol > li {
	counter-increment: item;
}

.h-type ul > li::before {
	content: "\002d";
}

.h-type ol > li::before {
	content: counters(item, ".") ". ";
}

.h-type li ol > li::before {
	content: counters(item, ".") " ";
}

/* Inline
============================================================= */

.h-type b,
.h-type strong {
	font-weight: 500;
}

.h-type i,
.h-type em {
	font-style: italic;
}

.h-type a {
	color: currentColor;
	text-decoration: underline;
}

/* Alignment
============================================================= */

.h-type.align-left {text-align: left}
.h-type.align-center {text-align: center}

/* Spacing
============================================================= */

.h-type * + * {margin-top: 2rem}

.h-type h1 + h1 {}
.h-type h1 + h2 {}
.h-type h1 + h3 {margin-top: 1.5rem}
.h-type h1 + h4 {}
.h-type h1 + h5 {}
.h-type h1 + p {}
.h-type h1 + p.label {}
.h-type h1 + ol {}
.h-type h1 + ul {}

.h-type h2 + h1 {}
.h-type h2 + h2 {}
.h-type h2 + h3 {margin-top: 3.5rem}
.h-type h2 + h4 {}
.h-type h2 + h5 {}
.h-type h2 + p {}
.h-type h2 + p.label {}
.h-type h2 + ol {}
.h-type h2 + ul {}

.h-type h3 + h1 {}
.h-type h3 + h2 {}
.h-type h3 + h3 {}
.h-type h3 + h4 {}
.h-type h3 + h5 {}
.h-type h3 + p {}
.h-type h3 + p.label {}
.h-type h3 + ol {}
.h-type h3 + ul {}

.h-type h4 + h1 {}
.h-type h4 + h2 {}
.h-type h4 + h3 {}
.h-type h4 + h4 {}
.h-type h4 + h5 {}
.h-type h4 + p {}
.h-type h4 + p.label {}
.h-type h4 + ol {}
.h-type h4 + ul {}

.h-type h5 + h1 {}
.h-type h5 + h2 {}
.h-type h5 + h3 {}
.h-type h5 + h4 {}
.h-type h5 + h5 {}
.h-type h5 + p {}
.h-type h5 + p.label {}
.h-type h5 + ol {}
.h-type h5 + ul {}

.h-type p + h1 {}
.h-type p + h2 {}
.h-type p + h3 {margin-top: 4rem}
.h-type p + h4 {margin-top: 3rem}
.h-type p + h5 {margin-top: 3rem}
.h-type p + p {}
.h-type p + p.label {}
.h-type p + ol {}
.h-type p + ul {}

.h-type p.label + h1 {}
.h-type p.label + h2 {}
.h-type p.label + h3 {}
.h-type p.label + h4 {}
.h-type p.label + h5 {}
.h-type p.label + p {}
.h-type p.label + p.label {}
.h-type p.label + ol {}
.h-type p.label + ul {}

.h-type ol + h1 {}
.h-type ol + h2 {}
.h-type ol + h3 {}
.h-type ol + h4 {}
.h-type ol + h5 {}
.h-type ol + p {}
.h-type ol + p.label {}
.h-type ol + ol {}
.h-type ol + ul {}

.h-type ul + h1 {}
.h-type ul + h2 {}
.h-type ul + h3 {}
.h-type ul + h4 {}
.h-type ul + h5 {}
.h-type ul + p {}
.h-type ul + p.label {}
.h-type ul + ol {}
.h-type ul + ul {}