@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@900&family=Work+Sans:wght@300&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
main {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a {
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
b,
strong {
	font-weight: bolder;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
img {
	border-style: none;
}
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
	-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details {
	display: block;
}
summary {
	display: list-item;
}
[hidden],
template {
	display: none;
}

/*! locomotive-scroll v4.1.2 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */
html.has-scroll-smooth {
	overflow: hidden;
}
html.has-scroll-dragging {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.has-scroll-smooth body {
	overflow: hidden;
}
.has-scroll-smooth [data-scroll-container] {
	min-height: 100vh;
}
[data-scroll-direction="horizontal"] [data-scroll-container] {
	height: 100vh;
	display: inline-block;
	white-space: nowrap;
}
[data-scroll-direction="horizontal"] [data-scroll-section] {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;
	height: 100%;
}
.c-scrollbar {
	position: absolute;
	right: 0;
	top: 0;
	width: 11px;
	height: 100%;
	transform-origin: center right;
	transition: transform 0.3s, opacity 0.3s;
	opacity: 0;
}
.c-scrollbar:hover {
	transform: scaleX(1.45);
}
.c-scrollbar:hover,
.has-scroll-dragging .c-scrollbar,
.has-scroll-scrolling .c-scrollbar {
	opacity: 1;
}
[data-scroll-direction="horizontal"] .c-scrollbar {
	width: 100%;
	height: 10px;
	top: auto;
	bottom: 0;
	transform: scaleY(1);
}
[data-scroll-direction="horizontal"] .c-scrollbar:hover {
	transform: scaleY(1.3);
}
.c-scrollbar_thumb {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #000;
	opacity: 0.5;
	width: 7px;
	border-radius: 10px;
	margin: 2px;
	cursor: -webkit-grab;
	cursor: grab;
}
.has-scroll-dragging .c-scrollbar_thumb {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}
[data-scroll-direction="horizontal"] .c-scrollbar_thumb {
	right: auto;
	bottom: 0;
}
body {
	font-family: 1rem;
}
.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
:root {
	--white: #fff;
	--black: #000;
	--blue: #216194;
	--green: #5fa291;
	--yellow: #f8ae19;
	--orange: #f2652c;
	--gray: #585956;
	--purple: #8c6ea0;
	--dark-brown: #262424;
	--modal: 3000;
	--toggle: 4000;
	--spacing-100: 10.25rem;
	--spacing-90: 6rem;
	--spacing-90: 5.5rem;
	--spacing-80: 5rem;
	--spacing-70: 4.5rem;
	--spacing-60: 4rem;
	--spacing-55: 3.5rem;
	--spacing-50: 3rem;
	--spacing-40: 2.5rem;
	--spacing-30: 2rem;
	--spacing-25: 1.5rem;
	--spacing-20: 1.25rem;
	--spacing-15: 1rem;
	--spacing-10: 0.75rem;
	--spacing-5: 0.5rem;
	--spacing-0: 0;
	--font-size-100: 5.5rem;
	--font-size-90: 5rem;
	--font-size-80: 4rem;
	--font-size-70: 3.375rem;
	--font-size-60: 2.5rem;
	--font-size-50: 2.125rem;
	--font-size-40: 1.875rem;
	--font-size-35: 1.625rem;
	--font-size-30: 1.5rem;
	--font-size-20: 1.25rem;
	--font-size-15: 1.125rem;
	--font-size-10: 1rem;
	--font-size-5: 0.875rem;
	--font-size-0: 0.75rem;
	--font-weight-light: 300;
	--font-weight-normal: 400;
	--font-weight-semibold: 700;
	--font-weight-bold: 900;
	--font-family-base: "Noto Sans", sans-serif;
	--font-family-alternate: "Noto Sans JP", sans-serif;
	--font-family-serif: "Noto Serif", serif;
	--line-heigt-tighter: 1.1;
	--line-height-tight: 1.2;
	--line-height-base: 1.5;
	--line-height-loose: 1.65;
	--base-font-family: var(--font-family-base);
	--base-font-size-prose: var(--font-size-10);
	--base-font-size-large: var(--font-size-20);
	--base-line-height-prose: var(--line-height-base);
	--small-font-size: var(--font-size-0);
	--primary-margin: var(--spacing-30);
	--primary-margin-small: var(--spacing-25);
	--headings-display-font-size: var(--font-size-80);
	--headings-h1-font-size: var(--font-size-80);
	--headings-h2-font-size: var(--font-size-50);
	--headings-h3-font-size: var(--font-size-40);
	--headings-h4-font-size: var(--font-size-30);
	--headings-h5-font-size: var(--font-size-30);
	--headings-h6-font-size: var(--font-size-20);
	--shadow-base: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12),
		0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12),
		0 16px 16px rgba(0, 0, 0, 0.12);
}
@media (min-width: 900px) {
	:root {
		--headings-display-font-size: var(--font-size-100);
		--headings-h1-font-size: var(--font-size-100);
		--headings-h2-font-size: var(--font-size-70);
		--primary-margin: var(--spacing-50);
		--base-font-size-prose: var(--font-size-20);
		--base-font-size-large: var(--font-size-30);
	}
}
html {
	font-size: 100%;
}
body {
	background-color: var(--white);
	font-family: var(--base-font-family);
	font-size: var(--base-font-size-prose);
	line-height: var(--base-line-height-prose);
}
body.post-type-archive-story {
	background-color: var(--black);
}
h1,
h2,
h3,
h4,
h5 {
	margin-top: 0;
}
h2 {
	font-size: var(--headings-h2-font-size);
	line-height: var(--line-height-tight);
}
ol,
p,
ul {
	margin: 0 0 var(--primary-margin);
}
li ol,
li p,
li ul {
	margin: var(--spacing-10) 0 0 0;
}
li {
	margin-bottom: var(--spacing-10);
}
img {
	max-width: 100%;
}
figure {
	display: table;
}
figcaption {
	caption-side: bottom;
	font-size: var(--font-size-5);
	line-height: var(--line-height-base);
	padding-top: var(--spacing-10);
}
a {
	color: var(--black);
	text-decoration: underline;
	-webkit-text-decoration-color: #f7931e;
	text-decoration-color: #f7931e;
	text-underline-position: under;
}
a:active,
a:hover {
	text-decoration: none;
}
a:active,
a:hover,
a:visited {
	color: var(--black);
}
:root {
	--section-spacing: 60px;
}
.l-grid-story {
	display: grid;
	grid-template-columns:
		[bleed-left] 1fr [pad-left] 0.5rem [pad-inner-left] minmax(0.5rem, 2rem)
		[feature-start] repeat(
			4,
			[prose-start] minmax(auto, 350px)
		) [feature-end] minmax(0.5rem, 2rem)
		[pad-inner-right] 0.5rem [pad-right] 1fr [bleed-right];
	grid-template-rows: auto auto;
}
@media (min-width: 750px) {
	.l-grid-story {
		grid-template-columns:
			[bleed-left] 1fr [pad-left] 1rem [pad-inner-left] minmax(1rem, 240px)
			[feature-start] repeat(
				6,
				[prose-start] minmax(75px, 160px)
			) [feature-end] minmax(1rem, 240px)
			[pad-inner-right] 1rem [pad-right] 1fr [bleed-right];
		grid-template-rows: auto;
	}
}
.l-prose {
	grid-column: prose-start/span 4;
	grid-row: 2;
}
@media (min-width: 1200px) {
	.l-prose {
		grid-row: 1;
	}
}
@media (min-width: 750px) {
	.l-prose {
		grid-column: prose-start 2 / span 4;
	}
}
.l-blockquote {
	grid-column: prose-start/span 4;
}
@media (min-width: 750px) {
	.l-blockquote {
		grid-column: prose-start 2 / span 4;
	}
}
.l-img-align {
	--gutter: 2rem;
	grid-column: prose-start/span 4;
	grid-row: 1;
}
@media (min-width: 750px) {
	.l-img-align {
		grid-column: prose-start 2 / span 4;
	}
}
@media (min-width: 1200px) {
	.l-img-align {
		grid-column: prose-start 6 / span 2;
		margin-left: var(--gutter);
	}
}
@media (min-width: 1200px) {
	.l-img-align.l-img-align--image-left {
		grid-column: pad-inner-left/span 2;
		margin-left: 0;
		margin-right: var(--gutter);
	}
}
.l-feature,
.l-hero {
	grid-column: bleed-left/bleed-right;
}
@media (min-width: 750px) {
	.l-feature {
		grid-column: feature-start/feature-end;
	}
}
.l-title {
	grid-column: bleed-left/bleed-right;
	padding: 0 1rem;
}
@media (min-width: 750px) {
	.l-title {
		grid-column: feature-start/feature-end;
		justify-self: center;
	}
}
.l-profile-col1 {
	grid-column: feature-start/feature-end;
	grid-row: 1;
	margin-bottom: var(--spacing-30);
}
@media (min-width: 750px) {
	.l-profile-col1 {
		grid-column: feature-start/span 2;
		padding-right: var(--spacing-10);
	}
}
.l-profile-col2 {
	grid-column: feature-start/feature-end;
	grid-row: 2;
}
@media (min-width: 750px) {
	.l-profile-col2 {
		grid-column: prose-start 3 / feature-end;
		grid-row: 1;
	}
}
.l-gallery-pin-images {
	align-items: center;
	display: grid;
	grid-column: prose-start 1 / feature-end;
	grid-gap: 10px;
	grid-row: 1;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
@media (min-width: 750px) {
	.l-gallery-pin-images {
		display: block;
		grid-column: feature-start/span 3;
	}
}
.l-gallery-pin-content {
	grid-column: prose-start 1 / feature-end;
	grid-row: 2;
}
@media (min-width: 750px) {
	.l-gallery-pin-content {
		grid-column: prose-start 4 / feature-end;
		grid-row: 1;
		justify-self: center;
		padding: 0 0 0 2rem;
	}
}
@media (min-width: 800px) {
	.l-media-object {
		display: grid;
		grid-template-columns: 2fr minmax(75px, 300px);
	}
}
.l-media-object .l-media-object-body {
	grid-column: 1;
	grid-row: 1;
}
.l-media-object .l-media-object-media {
	grid-column: 2;
	grid-row: 1;
}
@media (min-width: 800px) {
	.l-media-object .l-media-object-media {
		margin-left: var(--spacing-30);
	}
}
.media-object__media img {
	height: auto;
	width: 100%;
}
.l-constrain {
	margin-left: auto;
	margin-right: auto;
	max-width: 970px;
	padding: 0 1rem;
}
@media (min-width: 900px) {
	.l-microstory {
		display: grid;
		grid-template-columns: 200px 80px 1fr;
		grid-template-rows: auto auto;
	}
	.l-microstory .l-nav {
		grid-column: 1;
		grid-row: 2;
	}
	.l-microstory .l-stories {
		grid-column: 3;
		grid-row: 2;
	}
	.l-microstory .l-stories-header {
		grid-column: 3;
		grid-row: 1;
	}
}
@media (min-width: 900px) {
	.l-cta {
		display: flex;
		flex-wrap: wrap;
	}
	.l-cta .l-main {
		flex: 1 1 70%;
		margin-right: 2.5rem;
	}
	.l-cta .l-links {
		align-self: flex-start;
		flex: 1 1 25%;
		margin-top: var(--spacing-40);
	}
}
.l-intro {
	display: flex;
	min-height: 100vh;
}
@media (max-height: 600px) {
	.l-intro {
		padding-top: var(--spacing-80);
	}
}
.feature-figure {
	margin: 0;
}
.feature--rm .feature-figure {
	display: block;
}
.feature-figure--hero .feature-figure__figcaption {
	margin-left: 1rem;
}
.feature-figure--hero {
	display: block;
	position: relative;
	z-index: 0;
}
@media (min-width: 1000px) {
	.feature-figure--hero .feature-figure__image {
		height: 500px;
		-o-object-fit: cover;
		object-fit: cover;
		width: 100%;
	}
}
.feature-figure--hero .feature-figure__figcaption {
	display: block;
}
.prose-figure {
	margin: 0 auto var(--spacing-30);
}
.feature-figure__mask {
	overflow: hidden;
}
.page-title {
	--page-title-header-font-size: var(--font-size-50);
	--page-title-small-font-size: var(--font-size-10);
	--page-title-spacing-small: var(--spacing-20);
	--page-title-spacing-large: var(--font-size-40);
	margin-bottom: var(--page-title-spacing-large);
	visibility: hidden;
}
.main--micro-listing .page-title,
.no-js .page-title {
	visibility: visible;
}
@media (min-width: 1100px) {
	.page-title {
		--page-title-header-font-size: var(--font-size-80);
		--page-title-spacing-large: var(--font-size-60);
	}
}
.page-title__eyebrow {
	font-size: var(--page-title-small-font-size);
}
.page-title__eyebrow,
.page-title__main,
.page-title__sub {
	margin-bottom: var(--page-title-spacing-small);
}
.page-title__main {
	font-family: var(--font-family-alternate);
	font-size: var(--page-title-header-font-size);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-tight);
}
.page-title__bar {
	background-color: var(--yellow);
	display: block;
	height: 4px;
	margin-bottom: var(--page-title-spacing-small);
	width: 86px;
}
@media (min-width: 700px) {
	.page-title__bar {
		margin-bottom: var(--spacing-30);
	}
}
.story-section {
	margin-bottom: var(--spacing-60);
}
.story-section--prose + .story-section--prose {
	margin-top: calc(var(--story-section-margin-bottom) * -1);
}
.profile__name {
	font-family: var(--font-family-alternate);
	font-weight: var(--font-weight-bold);
	margin-bottom: var(--spacing-10);
}
.profile__name .last {
	font-family: var(--font-family-base);
	font-weight: var(--font-weight-light);
}
@media (min-width: 1000px) {
	.profile__name {
		padding-right: 2.5rem;
	}
}
.profile__title {
	font-size: var(--font-size-10);
}
@media (min-width: 1000px) {
	.profile__title {
		padding-right: 2.5rem;
	}
}
.profile__intro {
	font-family: var(--font-family-base);
	font-size: var(--base-font-size-large);
	position: relative;
}
.profile__intro:before {
	background-color: var(--yellow);
	content: "";
	display: block;
	height: 4px;
	margin-bottom: var(--spacing-30);
	width: 100%;
}
@media (min-width: 550px) {
	.profile__intro {
		padding-left: 2.75rem;
	}
	.profile__intro:before {
		background-color: var(--yellow);
		content: "";
		display: block;
		height: 85%;
		left: 0;
		margin-bottom: 0;
		min-height: 180px;
		position: absolute;
		top: 6px;
		width: 4px;
	}
}
.story-section--header {
	text-align: center;
}
.story-section--header .header__title {
	opacity: 0;
	transform: translateY(30%);
	transition: all 1s cubic-bezier(0.33, 1, 0.68, 1);
	transition-delay: 0.5s;
	will-change: transform;
}
.story-section--header .header__bar {
	background-color: orange;
	display: block;
	height: 4px;
	margin: 0 auto;
	transform: scaleX(0);
	transform-origin: 50% 50%;
	transition: all 0.7s ease-in-out;
	transition-delay: 0.1s;
	width: 86px;
}
.story-section--header.is-active .header__title {
	opacity: 1;
	transform: translateY(0);
}
.story-section--header.is-active .header__bar {
	transform: scaleX(1);
}
.story-section--hero {
	overflow: hidden;
	position: relative;
}
.story-section--hero .hero__mask {
	background-color: #fff;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}
.story-section-wrapper {
	visibility: hidden;
}
.no-js .story-section-wrapper {
	visibility: visible;
}
@media (min-width: 800px) {
	.story-section--gallery .figure-caption__credit {
		opacity: 0;
	}
}
.story-section--gallery .l-grid-gallery {
	margin-bottom: var(--spacing-20);
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	position: relative;
	width: 80%;
}
@media (min-width: 800px) {
	.story-section--gallery .l-grid-gallery {
		align-items: center;
		display: grid;
		grid-template-columns: 1fr 1rem 2fr 1rem 1fr;
		grid-template-rows: auto;
	}
	.story-section--gallery .l-grid-gallery .gallery-item {
		opacity: 0;
		transform: translateY(60%);
	}
	.story-section--gallery .l-grid-gallery > div:first-of-type {
		grid-column: 1;
		grid-row: 1;
		margin-top: -10px;
	}
	.story-section--gallery .l-grid-gallery > div:nth-of-type(2) {
		grid-column: 3;
		grid-row: 1;
	}
	.story-section--gallery .l-grid-gallery > div:nth-of-type(3) {
		grid-column: 5;
		grid-row: 1;
		margin-top: 50px;
	}
}
.story-cta__link-items {
	font-size: var(--font-size-10);
	font-weight: 700;
	list-style: none;
	padding-left: 0;
}
@media (min-width: 900px) {
	.story-cta__link-items {
		border-left: 1px solid #d5d5d5;
		padding-left: 2.5rem;
	}
}
.story-cta__link-items a {
	position: relative;
}
.story-cta__link-items a[target="_blank"]:after {
	background-image: url(launch.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 16px;
	margin-right: 10px;
	width: 16px;
}
.story-cta a {
	overflow-wrap: break-word;
	position: relative;
	word-wrap: break-word;
}
.story-cta a[target="_blank"]:after {
	background-image: url(launch.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 16px;
	margin-right: 10px;
	width: 16px;
}
.story-cta__rule {
	margin-bottom: var(--spacing-40);
}
.story-section--blockquote,
.story-section--header {
	padding-top: var(--spacing-60);
}
@media (min-width: 700px) and (max-width: 750px) {
	.story-section--blockquote {
		margin-left: var(--spacing-30);
		margin-right: var(--spacing-30);
	}
}
@media (max-width: 750px) {
	.story-section--embed .feature-figure__figcaption {
		padding-left: var(--spacing-10);
		padding-right: var(--spacing-10);
	}
}
.story-section--timeline {
	background-color: var(--black);
}
.menu {
	color: var(--white);
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	padding-top: 20vh;
	width: 100%;
}
.menu a,
.menu a:hover,
.menu a:visited {
	color: inherit;
	text-decoration: none;
}
.menu__header {
	font-family: var(--font-family-alternate);
	font-size: var(--font-size-10);
	text-transform: uppercase;
}
.menu-stories {
	list-style-type: none;
	padding: 0;
}
.menu-stories li {
	margin-bottom: 0;
}
.menu-item .story-link__image {
	display: none;
}
.menu__footer-branding {
	background-image: url(gates-discoverycenterlogo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	flex: 0 0 auto;
	height: 54px;
	margin: 0 var(--spacing-10) var(--spacing-10) 0;
	width: 200px;
}
.menu__copyright {
	font-size: var(--font-size-0);
}
.l-menu-footer {
	margin: 0 auto;
	max-width: 1400px;
	padding: 0 var(--spacing-15);
	text-align: center;
}
@media (min-width: 700px) {
	.l-menu-footer {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		text-align: left;
	}
}
.menu-secondary {
	font-family: var(--font-family-alternate);
	font-size: var(--font-size-10);
	font-weight: var(--font-weight-light);
	list-style-type: none;
	padding: 0;
}
@media (min-width: 1000px) {
	.menu-secondary {
		margin-bottom: 0;
	}
}
@media (min-width: 1400px) {
	.menu-secondary {
		font-size: var(--font-size-20);
	}
}
@media (min-width: 1000px) {
	.menu-secondary li {
		margin-bottom: var(--spacing-20);
	}
}
.menu-secondary li a:active,
.menu-secondary li a:focus,
.menu-secondary li a:hover {
	text-decoration: underline;
	-webkit-text-decoration-color: #f7931e;
	text-decoration-color: #f7931e;
	text-underline-position: under;
}
.menu-secondary li.link-large a {
	align-items: center;
	display: flex;
	font-size: var(--font-size-20);
	justify-content: space-between;
	line-height: 1.25;
}
@media (min-width: 1000px) {
	.menu-secondary li.link-large a {
		font-size: var(--font-size-30);
	}
}
@media (min-width: 1400px) {
	.menu-secondary li.link-large a {
		font-size: var(--font-size-35);
	}
}
.menu-secondary li.link-large a:active:after,
.menu-secondary li.link-large a:active:before,
.menu-secondary li.link-large a:focus:after,
.menu-secondary li.link-large a:focus:before,
.menu-secondary li.link-large a:hover:after,
.menu-secondary li.link-large a:hover:before {
	opacity: 1;
	text-decoration: none;
	transform: translate(0);
	visibility: visible;
}
.menu-secondary li.link-large a:after,
.menu-secondary li.link-large a:before {
	display: inline-block;
	opacity: 0;
	transform: translate(-10px);
	transition: all 0.25s ease-in;
	visibility: hidden;
}
.menu-secondary li.link-large a:before {
	content: "Explore Stories";
	font-size: var(--font-size-10);
	font-style: italic;
	font-weight: var(--font-weight-normal);
	margin-left: 1rem;
	order: 2;
	text-decoration: none;
}
@media (min-width: 1000px) {
	.menu-secondary li.link-large a:before {
		width: 200px;
	}
}
.menu-secondary li.link-large a:after {
	background-image: url(arrow-stylized.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 20px;
	margin-left: var(--spacing-20);
	order: 3;
	position: relative;
	top: 2px;
	transition-delay: 0.15s;
	width: 25px;
}
@media (min-width: 1000px) {
	.menu-secondary li.link-large a:after {
		width: 200px;
	}
}
.l-menu-container {
	padding: 0 var(--spacing-15);
}
@media (min-width: 1000px) {
	.l-menu-container {
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		max-width: 1400px;
	}
}
@media (min-width: 1000px) {
	.l-menu-container .l-menu-block {
		width: 50%;
	}
}
@media (min-width: 1400px) {
	.l-menu-container .l-menu-block {
		padding-right: var(--spacing-50);
	}
}
@media (min-width: 1000px) {
	.l-menu-container .l-menu-secondary-block {
		align-self: center;
		justify-self: flex-end;
		width: 50%;
	}
}
.l-menu-block {
	position: relative;
}
.skip-links {
	height: 1px;
	left: -999px;
	position: absolute;
	top: auto;
	width: 1px;
}
.skip-links:focus {
	background-color: var(--white);
	color: var(--black);
	display: inline-block;
	height: auto;
	left: 0;
	margin: auto;
	padding: var(--spacing-10);
	top: 0;
	width: auto;
	z-index: 20000;
}
.gallery-item__image,
.gallery-item__inner {
	will-change: transform;
}
.gallery-item__image {
	max-width: 100%;
}
.feature-gallery {
	background-color: var(--black);
	padding-top: var(--spacing-30);
	visibility: hidden;
}
@media (min-width: 1280px) {
	.feature-gallery {
		padding-top: var(--spacing-10);
	}
}
.main--gallery {
	background-color: var(--black);
}
.feature-gallery__bg {
	display: none;
	filter: brightness(0.15);
	height: 100vh;
	position: relative;
	width: 100%;
}
@media (min-width: 650px) {
	.feature-gallery__bg {
		bottom: 0;
		display: grid;
		grid-gap: 30px;
		grid-template-rows: 1fr 1fr 1fr;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		transform: scale(0.75);
	}
}
.feature-gallery__bg--level-1 {
	align-items: center;
	grid-gap: 70px;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: repeat(5, 1fr);
}
.feature-gallery__bg--level-1 .feature-gallery__bg-item {
	filter: blur(8px);
}
.feature-gallery__bg--level-2 {
	filter: brightness(0.4);
}
@media (min-width: 650px) {
	.feature-gallery__bg--level-2 {
		align-items: center;
		display: grid;
		grid-auto-flow: row dense;
		grid-template-columns: repeat(7, 1fr);
		transform: scale(1);
	}
	.feature-gallery__bg--level-2 .feature-gallery__bg-item {
		filter: blur(3px);
	}
	.feature-gallery__bg--level-2 > div:first-child {
		grid-column-start: 3;
		grid-row-start: 2;
	}
	.feature-gallery__bg--level-2 > div:nth-of-type(5) {
		grid-column-start: 7;
		grid-row-start: 3;
	}
	.feature-gallery__bg--level-2 > div:nth-of-type(2) {
		grid-column-start: 2;
		grid-row-start: 3;
	}
	.feature-gallery__bg--level-2 > div:nth-of-type(11) {
		grid-column-start: 3;
		grid-row-start: 3;
	}
	.feature-gallery__bg--level-2 > div:nth-of-type(7) {
		grid-column-start: 5;
		grid-row-start: 2;
	}
	.feature-gallery__bg--level-2 > div:nth-of-type(6) {
		grid-column-start: 4;
		grid-row-start: 3;
	}
	.feature-gallery__bg--level-2 > div:nth-of-type(8) {
		align-self: start;
		grid-column-start: 7;
		grid-row-start: 2;
	}
	.feature-gallery__bg--level-2 > div:nth-of-type(12) {
		align-self: end;
	}
	.feature-gallery__bg--level-2 > div:nth-of-type(9) {
		align-self: start;
	}
	.feature-gallery__bg--level-2 > div:nth-of-type(3) {
		align-self: end;
	}
	.feature-gallery__bg--level-2 > div:nth-of-type(4) {
		align-self: center;
		grid-row: 1 / span 2;
	}
}
.bio-block__sup-image {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 0;
}
.bio-block__sup-image > img {
	max-height: 400px;
	max-width: auto;
	width: auto;
}
.bio-block__main-image {
	position: relative;
	z-index: 0;
}
.bio-block__main-image > img {
	display: block;
}
.feature-gallery-bio {
	color: var(--white);
	cursor: pointer;
	display: block;
	margin-bottom: var(--spacing-30);
	margin-left: auto;
	margin-right: auto;
	min-height: 200px;
	padding: 1rem;
	position: relative;
	text-decoration: none;
	width: 80%;
}
@media (min-width: 1280px) {
	.feature-gallery-bio {
		margin-bottom: var(--spacing-10);
		padding: 0 1rem;
		width: auto;
	}
}
.feature-gallery-bio:hover,
.feature-gallery-bio:visited {
	color: var(--white);
	text-decoration: none;
}
@media (min-width: 1000px) {
	.feature-gallery-bio {
		padding: 2rem;
	}
}
.feature-gallery-bio .bio-block__sup-image img {
	filter: brightness(50%);
}
.feature-gallery-bio .bio-block__sup-image:first-of-type {
	transform: rotate(5deg);
}
.feature-gallery-bio .bio-block__sup-image:nth-of-type(2) {
	transform: rotate(-5deg);
}
.feature-gallery-bio__story-theme {
	font-size: var(--font-size-10);
	font-weight: var(--font-weight-normal);
	margin-bottom: var(--spacing-10);
	padding-top: var(--spacing-10);
	text-transform: none;
}
.feature-gallery-bio__cta {
	height: 90px;
	transform: scale(0.8);
	visibility: hidden;
	width: 150px;
}
.feature-gallery-bio__cta svg {
	height: auto;
	position: absolute;
	width: 150px;
}
.feature-gallery-bio__cta span {
	display: block;
	left: 50%;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 50%;
	transform: translate(-50%, -50%);
}
.feature-gallery__fg {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
@media (min-width: 650px) {
	.feature-gallery__fg {
		display: block;
	}
}
.l-feature-constrain {
	margin: 0 auto;
	max-width: 1600px;
}
@media (min-width: 650px) {
	.l-feature-constrain {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.l-feature-constrain > div {
		flex: 0 1 70%;
	}
}
@media (min-width: 1280px) {
	.l-feature-constrain {
		align-items: start;
		display: grid;
		grid-gap: 1rem;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto auto;
		min-height: 90vh;
		padding: 1rem 2vw;
	}
	.l-feature-constrain > div:first-child {
		grid-column: 1;
		grid-row: 1;
	}
	.l-feature-constrain > div:nth-child(2) {
		grid-column: 3;
		grid-row: 1;
	}
	.l-feature-constrain > div:nth-child(3) {
		align-self: center;
		grid-column: 2;
		grid-row: 1 / span 2;
		margin-top: -30px;
	}
	.l-feature-constrain > div:nth-child(4) {
		grid-column: 1;
		grid-row: 2;
		margin-top: -50px;
	}
	.l-feature-constrain > div:nth-child(5) {
		grid-column: 3;
		grid-row: 2;
		margin-top: -50px;
	}
}
.feature-gallery-bio__image-wrap {
	margin: 0 auto;
	position: relative;
}
.feature-gallery-bio__image-wrap > div {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12),
		0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12),
		0 16px 16px rgba(0, 0, 0, 0.12);
}
.feature-gallery__secondary-text {
	font-family: var(--font-family-serif);
	font-size: var(--font-size-5);
	font-style: italic;
	line-height: 1.5;
}
@media (min-width: 1280px) {
	.feature-gallery__secondary-text {
		font-size: var(--font-size-10);
	}
}
.name-block {
	font-size: var(--font-size-30);
	font-weight: 900;
	letter-spacing: 0.01em;
	line-height: 1.1;
	text-transform: uppercase;
}
@media (min-width: 650px) {
	.name-block {
		font-size: var(--font-size-40);
	}
}
.name-block .name-block__line {
	display: inline-block;
	position: relative;
	visibility: hidden;
}
.name-block .text {
	visibility: hidden;
}
.name-block .stripe {
	background: var(--white);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.l-feature-gallery-grid {
	grid-template-columns: 1fr minmax(75px, 165px) minmax(75px, 165px);
}
@media (min-width: 1280px) {
	.l-feature-gallery-grid {
		display: grid;
		grid-template-columns: 1fr minmax(75px, 165px) minmax(75px, 165px);
		grid-template-rows: auto 20px auto;
	}
}
.l-feature-gallery-grid .l-feature-galllery-top {
	grid-column: 1 / span 3;
	grid-row: 1 / span 1;
}
.l-feature-gallery-grid .l-feature-gallery-b-left {
	grid-column: 1 / span 1;
	grid-row: 3 / span 1;
	position: relative;
}
.l-feature-gallery-grid .l-feature-gallery-b-right {
	grid-column: 2 / span 2;
	grid-row: 3 / span 1;
}
.l-feature-gallery-outer-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto auto;
}
.l-feature-gallery-outer-grid .l-feature-gallery-image-area {
	align-self: start;
	grid-column: 1 / span 2;
	grid-row: 1 / span 2;
	justify-self: center;
}
.l-feature-gallery-outer-grid .l-feature-gallery-text-area {
	grid-column: 1 / span 2;
	grid-row: 2 / span 2;
	padding: 0 0.5em;
	position: relative;
	visibility: hidden;
	z-index: 100;
}
@media (min-width: 1280px) {
	.l-feature-gallery-outer-grid .l-feature-gallery-text-area {
		transform: translate(-10%, 5%);
		width: 125%;
	}
}
.mstory-header {
	font-family: var(--font-family-alternate);
	font-size: var(--font-size-30);
}
.mstory + .mstory-header {
	padding-top: var(--spacing-50);
}
.mstory-indicator {
	background-color: purple;
	border-radius: 50%;
	display: inline-block;
	flex: none;
	height: 18px;
	margin-right: var(--spacing-15);
	width: 18px;
}
.mstory-indicator.mstory-indicator--small {
	height: 12px;
	margin-right: var(--spacing-10);
	width: 12px;
}
.mstory-indicator--blue {
	background-color: var(--blue);
}
.mstory-indicator--green {
	background-color: var(--green);
}
.mstory-indicator--yellow {
	background-color: var(--yellow);
}
.mstory-indicator--orange {
	background-color: var(--orange);
}
.mstory-indicator--gray {
	background-color: var(--gray);
}
.mstory-indicator--purple {
	background-color: var(--purple);
}
.mstory-header__design-element svg {
	max-width: 100%;
}
.mstory-header__design-element .rule--blue {
	fill: var(--blue);
}
.mstory-header__design-element .rule--green {
	fill: var(--green);
}
.mstory-header__design-element .rule--yellow {
	fill: var(--yellow);
}
.mstory-header__design-element .rule--orange {
	fill: var(--orange);
}
.mstory-header__design-element .rule--gray {
	fill: var(--gray);
}
.mstory-header__design-element .rule--purple {
	fill: var(--purple);
}
.mstory__header {
	margin-bottom: var(--spacing-20);
}
.mstory__title {
	font-size: var(--font-size-60);
	font-weight: var(--font-weight-bold);
	margin-bottom: 0;
}
.mstory {
	margin-bottom: var(--spacing-30);
}
.mstory figure {
	margin: 0 0 var(--spacing-55);
}
.mstory__links {
	font-size: var(--font-size-10);
}
.mstory__links a {
	color: var(--black);
	text-decoration: underline;
	-webkit-text-decoration-color: #f7931e;
	text-decoration-color: #f7931e;
	text-underline-position: under;
}
.mstory__links a:active,
.mstory__links a:hover {
	color: var(--black);
	text-decoration: none;
}
.mstory__links a:visited {
	color: var(--black);
}
.mstory__links p {
	margin-bottom: var(--spacing-10);
}
.mstory__nav-items {
	list-style-type: none;
	margin: 0 0 var(--spacing-60);
	padding: 0;
}
.mstory__link-item {
	padding-left: 30px;
	position: relative;
}
.mstory__link-item .mstory-indicator {
	left: 0;
	position: absolute;
	top: 0.25em;
}
.mstory-nav {
	display: none;
	font-size: var(--font-size-10);
}
@media (min-width: 900px) {
	.mstory-nav {
		display: block;
	}
}
.mstory-nav a {
	color: var(--black);
	text-decoration: none;
}
.mstory-nav a:active,
.mstory-nav a:hover {
	color: inherit;
	text-decoration: underline;
}
.mstory-nav a:visited {
	color: inherit;
}
.mstory__figcaption p:last-of-type {
	margin-bottom: 0;
}
.mstory-nav__header {
	margin-bottom: var(--spacing-30);
}
.mstory-nav__footer,
.mstory-nav__header {
	font-weight: var(--font-weight-bold);
}
.mstory__content {
	margin-bottom: var(--spacing-30);
}
.mstory-backtotop svg {
	position: relative;
	top: 5px;
}
:root {
	--arrow-size: 32px;
}
@media (min-width: 1200px) {
	:root {
		--arrow-size: 64px;
	}
}
.story-footer {
	margin-bottom: var(--spacing-25);
}
@media (min-width: 500px) {
	.story-footer {
		margin-bottom: var(--spacing-30);
	}
}
@media (min-width: 720px) {
	.story-footer__navigation {
		display: flex;
		flex-wrap: wrap;
	}
}
.story-footer__nav-item {
	align-items: center;
	background-color: var(--black);
	color: var(--white);
	display: flex;
	flex: 1 1 50%;
	flex-direction: column;
	justify-content: center;
	min-height: 300px;
	min-width: 300px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}
.story-footer__nav-item.next {
	align-items: flex-end;
}
.story-footer__nav-item.prev {
	align-items: flex-start;
}
.story-footer__nav-item:hover,
.story-footer__nav-item:visited {
	color: var(--white);
}
.story-footer__nav-item:active .story-footer__image,
.story-footer__nav-item:hover .story-footer__image {
	transform: scale(1.05);
}
.story-footer__image {
	background-position: top;
	bottom: 0;
	filter: brightness(50%);
	left: 0;
	right: 0;
	top: 0;
	transform: scale(1);
	transition: transform 0.6s ease-out;
}
.story-footer__arrow,
.story-footer__image {
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
}
.story-footer__arrow {
	background-image: url(arrow-stylized-white.svg);
	background-position: 50%;
	height: calc(var(--arrow-size) / 2);
	top: 50%;
	transform: translateY(-50%);
	width: var(--arrow-size);
}
.prev .story-footer__arrow {
	left: 5px;
	transform: translateY(-50%) rotate(-180deg);
}
.next .story-footer__arrow {
	right: 5px;
}
.story-footer__content {
	position: relative;
}
.prev .story-footer__content {
	padding-left: calc(var(--arrow-size) + 15px);
}
@media (min-width: 500px) {
	.prev .story-footer__content {
		margin-left: 20%;
	}
}
.next .story-footer__content {
	padding-right: calc(var(--arrow-size) + 15px);
}
@media (min-width: 500px) {
	.next .story-footer__content {
		margin-right: 20%;
	}
}
.story-footer__name span {
	font-weight: var(--font-weight-bold);
}
.story-footer__theme {
	font-family: var(--font-family-alternate);
	font-size: var(--font-size-15);
	font-weight: var(--font-weight-light);
}
.story-footer__more-link {
	align-items: center;
	display: flex;
	font-size: var(--30);
	justify-content: center;
	margin-top: var(--spacing-20);
	padding: var(--spacing-10);
}
.story-footer__more-link .icon {
	height: auto;
	margin-left: var(--spacing-10);
	width: 45px;
}
.intro {
	color: var(--white);
	margin: var(--spacing-50) auto;
	text-align: center;
	visibility: hidden;
}
.no-js .intro {
	visibility: visible;
}
@media (min-width: 768px) {
	.intro {
		margin: auto;
	}
}
.page-template-tpl-stories-intro {
	background-image: url(intro-background.jpg);
	background-position: 0;
	background-repeat: no-repeat;
	background-size: cover;
}
@media (min-width: 765px) {
	.page-template-tpl-stories-intro {
		background-position: 50%;
	}
}
.intro__header {
	font-size: var(--font-size-60);
	font-weight: var(--font-weight-bold);
	margin-bottom: var(--spacing-5);
}
@media (min-width: 1000px) {
	.intro__header {
		font-size: var(--font-size-90);
	}
}
.intro__subheader {
	color: var(--yellow);
	font-family: var(--font-family-serif);
	font-size: var(--font-size-30);
	font-style: italic;
}
.intro__cta-button {
	align-items: center;
	background: transparent;
	border: 0;
	color: var(--white);
	display: inline-flex;
	padding: var(--spacing-15) 0;
	text-transform: uppercase;
}
.intro__cta-button > .icon {
	height: 64px;
	margin: 0 0.25em;
	transition: transform 0.3s ease-in-out;
	width: 64px;
}
.intro__cta-button:hover > .icon {
	transform: scale(0.9);
}
.intro__cta-button-text {
	padding: 0 var(--spacing-5);
}
.intro__gallery-link {
	align-items: center;
	color: var(--white);
	display: inline-flex;
	font-size: var(--font-size-5);
	font-weight: var(--font-weight-semibold);
	letter-spacing: 0.1em;
	text-decoration: none;
	text-transform: uppercase;
}
.intro__gallery-link:active,
.intro__gallery-link:hover,
.intro__gallery-link:visited {
	color: inherit;
	text-decoration: underline;
}
.intro__gallery-link .icon {
	background-image: url(arrow-stylized.svg);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 25px;
	margin-left: var(--spacing-10);
	width: 45px;
}
.intro__cta {
	margin-bottom: var(--spacing-30);
	padding: var(--spacing-30);
}
.intro-video {
	background: var(--black);
	background-size: cover;
	height: 100vh;
	left: 0;
	opacity: 1;
	position: fixed;
	top: 0;
	transition: opacity 0.8s, visibility 0.8s;
	visibility: visible;
	width: 100vw;
	z-index: 3000;
}
.intro-video.hidden {
	opacity: 0;
	visibility: hidden;
	z-index: -1;
}
.intro-video.hidden video {
	opacity: 0;
}
.intro-video video {
	height: 100%;
	opacity: 1;
	transition: opacity 1s;
	width: 100%;
}
@media (min-width: 768px) {
	.intro-video video {
		-o-object-fit: cover;
		object-fit: cover;
	}
}
.intro-video__close {
	border: 1px solid var(--white);
	border-radius: 2px;
	color: var(--white);
	display: block;
	font-size: var(--font-size-10);
	opacity: 0.7;
	padding: var(--spacing-10) var(--spacing-30);
	position: absolute;
	right: 30px;
	text-decoration: none;
	text-transform: uppercase;
	top: 30px;
	transition: opacity 0.5s, visibility 0.5s, color 0.3s, background-color 0.3s;
	visibility: visible;
}
.intro-video__close:active,
.intro-video__close:hover,
.intro-video__close:visited {
	color: var(--white);
	opacity: 1;
}
.intro-video__close.hidden {
	opacity: 0;
	visibility: hidden;
}
:root {
	--font-small: 12px;
	--font-base: 16px;
	--font-medium: 20px;
	--font-large: 32px;
	--font-display: 40px;
}
@media (min-width: 800px) {
	:root {
		--font-display: 55px;
	}
}
.l-page {
	padding: 0 1rem;
}
@media (min-width: 800px) {
	.l-page {
		display: grid;
		grid-column-gap: 1rem;
		grid-row-gap: 0;
		grid-template-columns:
			[bleed-left] 1fr [left-pad] minmax(
				2rem,
				6rem
			) [content-well-start] repeat(8, [content-start] minmax(auto, 80px))
			[content-well-end] minmax(2rem, 6rem) [right-pad] 1fr [bleed-right];
	}
}
.prose > * {
	grid-column: content-well-start/content-well-end;
}
.figure {
	background-color: #000;
	color: #fff;
	padding: 10px;
	position: relative;
}
@media (min-width: 800px) {
	.figure {
		display: grid;
		grid-template-columns:
			[bleed-left] 1fr [left-pad] minmax(
				2rem,
				6rem
			) [content-well-start] repeat(8, [content-start] minmax(auto, 60px))
			[content-well-end] minmax(2rem, 6rem) [right-pad] 1fr [bleed-right];
		grid-template-rows: auto auto;
		margin-bottom: 60px;
		padding: 0;
	}
}
.figure img {
	display: block;
}
@media (min-width: 800px) {
	.figure img {
		filter: brightness(60%);
		grid-column: bleed-left/bleed-right;
		grid-row: 1/3;
		height: 700px;
		-o-object-fit: cover;
		object-fit: cover;
		width: 100%;
		z-index: 0;
	}
}
.figure figcaption {
	padding: 2rem;
}
@media (min-width: 800px) {
	.figure figcaption {
		font-size: 1.75rem;
		grid-column: left-pad/content-start 7;
		grid-row: 2;
		padding: 0 0 3em;
		position: relative;
		z-index: 1;
	}
}
.main--story {
	padding-top: 3rem;
}
.main--home {
	align-items: center;
	display: flex;
	height: 100vh;
	justify-content: center;
}
.quick-menu {
	font-size: var(--font-large);
	font-weight: 900;
	text-transform: uppercase;
}
.anim-swipe {
	background: #000;
	height: 100vh;
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 100%;
	z-index: -1;
}
.embed-block__header {
	text-align: center;
}
.embed-block__container {
	height: auto;
	max-width: 100%;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}
.embed-block--audio .embed-block__container {
	padding-bottom: 33%;
}
.embed-block__container embed,
.embed-block__container iframe,
.embed-block__container object {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.embed-block__quote {
	font-family: var(--font-family-alternate);
	font-size: var(--font-size-30);
	margin: 0 0 var(--spacing-25);
}
.blockquote__attribution {
	display: block;
	font-family: var(--font-family-serif);
	font-size: var(--font-size-10);
	font-style: normal;
	font-weight: var(--font-weight-bold);
	padding-top: var(--spacing-25);
	text-transform: uppercase;
}
.blockquote__text {
	font-family: var(--font-family-serif);
	font-size: var(--font-size-20);
}
@media (min-width: 700px) {
	.blockquote__text {
		font-size: var(--font-size-30);
	}
}
.blockquote__quote {
	margin: 0;
	padding: 0 var(--spacing-20);
	position: relative;
}
.blockquote__quote:before {
	background-image: url(quote.svg);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 36px;
	left: -33px;
	position: absolute;
	top: 0;
	width: 30px;
}
@media (min-width: 700px) {
	.blockquote__quote {
		padding: 0;
	}
	.blockquote__quote:before {
		height: 46px;
		left: -60px;
		width: 40px;
	}
}
.figure-caption {
	margin: 2rem 0;
}
.figure-caption__figure {
	background-color: #000;
	color: #fff;
	margin: 0;
	overflow: hidden;
	padding: 10px;
	position: relative;
}
@media (min-width: 800px) {
	.figure-caption__figure {
		display: grid;
		grid-template-columns:
			[bleed-left] 1fr [left-pad] minmax(
				2rem,
				6rem
			) [content-well-start] repeat(8, [content-start] minmax(auto, 80px))
			[content-well-end] minmax(2rem, 6rem) [right-pad] 1fr [bleed-right];
		grid-template-rows: 55vh auto;
		height: 100vh;
		padding: 0;
		position: relative;
	}
}
.figure-caption__figure img {
	display: block;
}
@media (min-width: 800px) {
	.figure-caption__figure img {
		height: auto;
		left: 50%;
		max-height: none;
		max-width: 180vh;
		min-height: 100%;
		min-width: 100%;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		width: auto;
	}
}
.figure-caption__figure figcaption {
	padding: 2rem;
}
@media (min-width: 800px) {
	.figure-caption__figure figcaption {
		align-self: center;
		font-size: 1.75rem;
		grid-row: 2;
		padding: 0 0 var(--spacing-20);
		position: relative;
		z-index: 1;
	}
}
@media (min-width: 800px) {
	.figure-caption--text-left figcaption {
		grid-column: left-pad/content-start 7;
	}
}
@media (min-width: 800px) {
	.figure-caption--text-right figcaption {
		grid-column: content-start 4 / span 6;
	}
}
.figure-caption__credit {
	font-size: var(--font-size-5);
	line-height: 1.1;
	margin: 0 0 var(--spacing-55) 1rem;
	padding-top: var(--spacing-10);
}
.gallery-pin__images {
	position: relative;
}
@media (min-width: 750px) {
	.gallery-pin__images > .gallery-pin__image-wrap {
		left: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
}
.l-gallery-pin-images {
	margin-bottom: var(--spacing-20);
}
@media (min-width: 750px) {
	.l-gallery-pin-images {
		margin-bottom: 0;
	}
}
.gallery-pin__image {
	box-shadow: var(--shadow-base);
}
@media (max-width: 749px) {
	.gallery-pin__image {
		display: block !important;
		visibility: visible !important;
	}
}
.gallery-pin__wrapper {
	padding: 100px 0;
}
@media (min-width: 750px) {
	.gallery-pin__wrapper {
		display: flex;
		min-height: 90vh;
		padding: 150px 0 50px;
	}
	.gallery-pin__wrapper > div {
		margin: auto;
	}
}
.gallery-pin__text {
	font-size: var(--font-size-10);
}
.gallery-pin__text p {
	margin-bottom: var(--primary-margin-small);
}
.gallery-pin__content .figure-caption__credit {
	margin-left: 0;
}
.timeline-group {
	color: var(--white);
	padding: 50px 0 10px;
	position: relative;
}
@media (min-width: 575px) and (max-width: 1099px) {
	.timeline-group {
		margin-left: auto;
		margin-right: auto;
		max-width: 85%;
	}
}
.timeline-item .l-timeline-content-wrap {
	margin-bottom: var(--spacing-50);
}
@media (min-width: 575px) {
	.timeline-item .l-timeline-content-wrap {
		display: grid;
		grid-template-columns: minmax(100px, 175px) 2fr;
	}
}
@media (min-width: 1100px) {
	.timeline-item {
		color: var(--white);
		height: 100%;
		left: 0;
		max-width: 1000px;
		position: absolute;
		top: 0;
		z-index: auto;
	}
	.timeline-item .l-timeline-content-wrap {
		align-items: center;
		display: flex;
		flex-direction: column;
		height: 100vh;
		justify-content: center;
		margin-bottom: 0;
	}
}
.timeline-item__header {
	padding-left: var(--spacing-15);
}
@media (min-width: 1100px) {
	.timeline-item__header {
		clip: rect(0 0 0 0);
		-webkit-clip-path: inset(50%);
		clip-path: inset(50%);
		height: 1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}
}
@media (min-width: 1100px) {
	.timeline__bar {
		display: none;
	}
}
.timeline-item__content {
	font-size: var(--font-size-10);
	padding-left: var(--spacing-15);
}
@media (min-width: 1100px) {
	.timeline-item__content {
		font-size: var(--font-size-30);
		line-height: var(--line-height-loose);
	}
}
.media-object__media {
	margin: 0 0 var(--spacing-20);
}
.media-object-header {
	font-size: var(--font-size-30);
	margin-bottom: var(--spacing-5);
}
@media (min-width: 1100px) {
	.media-object-header {
		font-size: var(--font-size-50);
		line-height: var(--line-height-tight);
		margin-bottom: var(--spacing-50);
	}
}
.timeline-indicator__header {
	font-weight: var(--font-weight-light);
	margin-bottom: var(--spacing-60);
}
@media (min-width: 1100px) {
	.timeline-indicator__header {
		font-size: var(--font-size-30);
	}
}
.timeline__bg {
	display: none;
}
@media (min-width: 1100px) {
	.timeline__bg {
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: cover;
		display: block;
		height: 160%;
		left: 0;
		opacity: 0.25;
		position: absolute;
		right: 0;
		top: 0;
	}
}
.l-timeline {
	padding: 0 1rem;
	position: relative;
}
@media (min-width: 1100px) {
	.l-timeline {
		background-color: var(--black);
		overflow: hidden;
	}
}
@media (min-width: 1100px) {
	.l-timeline-item {
		display: block;
	}
}
.l-timeline-item .l-timeline-content-wrap {
	grid-column: 2;
}
@media (min-width: 1100px) {
	.l-timeline {
		display: grid;
		grid-template-columns:
			[bleed-left] 1fr [pad-left] 1rem [pad-inner-left] minmax(1rem, 240px)
			[feature-start] repeat(
				6,
				[prose-start] minmax(75px, 160px)
			) [feature-end] minmax(1rem, 240px)
			[pad-inner-right] 1rem [pad-right] 1fr [bleed-right];
		grid-template-rows: auto;
		height: 120vh;
	}
}
.l-timeline .timeline-indicator {
	display: none;
}
@media (min-width: 1100px) {
	.l-timeline .timeline-indicator {
		color: #fff;
		display: flex;
		flex-direction: column;
		grid-column: pad-left/span 3;
		height: 100vh;
		justify-content: center;
		max-width: 300px;
		padding-right: 70px;
		position: relative;
		z-index: 5;
	}
	.l-timeline .timeline-indicator:before {
		background-color: hsla(0, 0%, 80%, 0.25);
		content: "";
		display: block;
		height: 150%;
		left: -20px;
		position: absolute;
		width: 1px;
	}
}
.l-timeline .timeline-group {
	grid-column: prose-start 2 / pad-inner-right;
	position: relative;
}
.l-timeline .l-timeline-indicator {
	position: relative;
}
.l-timeline .timeline-indicator__marker {
	background-image: url(arrow-stylized.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	height: 40px;
	position: absolute;
	right: -50px;
	top: 0;
	width: 50px;
}
.global-header {
	background-color: var(--white);
	position: relative;
	z-index: 1000;
}
.page-template-tpl-stories-intro .global-header,
.post-type-archive-story .global-header {
	background-color: transparent;
}
.l-global-header__main {
	display: block;
	margin-top: 20px;
	padding: 10px;
	position: relative;
}
@media (min-width: 700px) {
	.l-global-header__main {
		display: flex;
	}
}
.global-header__stories-link {
	align-items: center;
	border: 1px solid var(--yellow);
	display: none;
	font-family: var(--font-family-alternate);
	font-size: var(--font-size-5);
	font-weight: var(--font-weight-semibold);
	left: 50%;
	padding: var(--spacing-10);
	position: absolute;
	text-decoration: none;
	text-transform: uppercase;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: background-color 0.3s ease-in-out;
}
@media (min-width: 1450px) {
	.story-template-default .global-header__stories-link {
		display: flex;
	}
}
.global-header__stories-link svg {
	fill: currentColor;
	margin-right: var(--spacing-10);
}
.global-header__stories-link:active,
.global-header__stories-link:hover,
.global-header__stories-link:visited {
	background-color: var(--yellow);
	text-decoration: none;
}
.l-global-header__top {
	background-color: var(--black);
	color: var(--white);
	font-size: var(--font-size-0);
	padding: var(--spacing-10);
	text-align: center;
}
@media (min-width: 700px) {
	.l-global-header__top {
		height: 41px;
	}
}
.l-global-header__top a {
	color: inherit;
	text-decoration: none;
}
.l-global-header__top a:active,
.l-global-header__top a:hover {
	color: inherit;
	text-decoration: underline;
}
.global-header__branding-link {
	display: inline-block;
}
.global-header__branding-link .global-header__branding-logo {
	background-image: url(stories-mobile-logo-black.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 60px;
	width: 230px;
}
.page-template-tpl-stories-intro
	.global-header__branding-link
	.global-header__branding-logo,
.post-type-archive-story
	.global-header__branding-link
	.global-header__branding-logo {
	background-image: url(stories-mobile-logo-white.svg);
}
@media (min-width: 700px) {
	.global-header__branding-link .global-header__branding-logo {
		background-image: url(stories-desktop-logo-black.svg);
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: contain;
		height: 35px;
		position: relative;
		width: 538px;
	}
	.page-template-tpl-stories-intro
		.global-header__branding-link
		.global-header__branding-logo,
	.post-type-archive-story
		.global-header__branding-link
		.global-header__branding-logo {
		background-image: url(stories-desktop-logo-white.svg);
	}
}
.l-global-header__menu {
	background-color: var(--dark-brown);
	height: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	visibility: hidden;
	width: 100%;
	z-index: -1;
}
.story-link__image {
	opacity: 0;
	position: absolute;
	z-index: 0;
}
.story-link__name {
	font-size: var(--font-size-40);
}
@media (min-width: 900px) {
	.story-link__name {
		font-size: var(--font-size-60);
	}
}
.story-link {
	align-items: center;
	display: inline-flex;
	padding: var(--spacing-5) var(--spacing-10) var(--spacing-5) 0;
	position: relative;
	z-index: 5;
}
.story-link__index {
	font-size: var(--font-size-0);
	margin-right: var(--spacing-40);
}
@media (min-width: 900px) {
	.story-link__index {
		margin-right: var(--spacing-60);
	}
}
.story-link__first-name {
	font-weight: 700;
	margin-right: 0.5rem;
}
.story-link__theme {
	display: block;
	font-size: var(--font-size-5);
}
.read-more {
	align-items: center;
	display: flex;
	font-size: var(--small-text);
	font-style: italic;
	margin-left: 2rem;
}
.read-more .read-more__text {
	display: inline-block;
}
.read-more .read-more__arrow {
	background-image: url(arrow-stylized.svg);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 20px;
	margin-left: var(--spacing-20);
	position: relative;
	top: 2px;
	width: 25px;
}
@media (min-width: 700px) {
	.read-more .read-more__arrow {
		height: 40px;
		width: 53px;
	}
}
.stories-secondary-nav {
	position: relative;
}
@media (min-width: 1000px) {
	.stories-secondary-nav {
		border-left: 1px solid var(--yellow);
		border-top: 0;
		padding: var(--spacing-40) var(--spacing-15) var(--spacing-30)
			var(--spacing-50);
	}
}
.stories-secondary-nav:before {
	background-color: var(--yellow);
	content: "";
	display: block;
	height: 1px;
	margin-bottom: var(--spacing-25);
	width: 100%;
}
@media (min-width: 1000px) {
	.stories-secondary-nav:before {
		display: none;
	}
}
.stories-secondary-nav:after {
	background-color: var(--orange);
	content: "";
	display: block;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
}
@media (min-width: 1000px) {
	.stories-secondary-nav:after {
		display: block;
	}
}
.global-header__menu-toggle {
	background: transparent;
	border: 0;
	cursor: pointer;
	height: 32px;
	padding: 0;
	position: absolute;
	right: 30px;
	top: 70px;
	width: 32px;
	z-index: var(--toggle);
}
.hamburger {
	background-color: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
	display: inline-block;
	font: inherit;
	margin: 0;
	overflow: visible;
	text-transform: none;
	transition-duration: 0.15s;
	transition-property: opacity, filter;
	transition-timing-function: linear;
}
.hamburger.hamburger--collapse .hamburger-inner {
	bottom: 8px;
	top: auto;
	transition-delay: 0.13s;
	transition-duration: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger.hamburger--collapse .hamburger-inner:before {
	transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
		transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger.hamburger--collapse .hamburger-inner:after {
	top: -5px;
	transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
		opacity 0.1s linear;
}
.hamburger.is-active.hamburger--collapse .hamburger-inner {
	bottom: 8px;
	transform: translate3d(0, -5px, 0) rotate(-45deg);
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger.is-active.hamburger--collapse .hamburger-inner:before {
	top: 0;
	transform: rotate(-90deg);
	transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
		transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
}
.hamburger.is-active.hamburger--collapse .hamburger-inner:after {
	opacity: 0;
	top: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
		opacity 0.1s linear 0.22s;
}
.hamburger .hamburger-box {
	background-color: var(--yellow);
	display: block;
	height: 32px;
	padding: 7px;
	position: relative;
	width: 32px;
}
.hamburger .hamburger-inner {
	display: block;
	margin-top: -2px;
	top: 50%;
}
.hamburger .hamburger-inner:after,
.hamburger .hamburger-inner:before {
	content: "";
	display: block;
}
.hamburger .hamburger-inner:before {
	top: -10px;
}
.hamburger .hamburger-inner:after {
	bottom: -10px;
}
.hamburger .hamburger-inner,
.hamburger .hamburger-inner:after,
.hamburger .hamburger-inner:before {
	background-color: var(--black);
	border-radius: 4px;
	height: 3px;
	position: absolute;
	transition-duration: 0.15s;
	transition-property: transform;
	transition-timing-function: ease;
	width: 18px;
}
.global-footer {
	background-color: var(--black);
	color: var(--white);
	font-size: var(--font-size-5);
	padding: var(--spacing-20) var(--spacing-10) var(--spacing-30);
	position: relative;
	text-align: center;
	z-index: 1000;
}
@media (min-width: 900px) {
	.global-footer {
		text-align: left;
	}
}
@media (min-width: 900px) {
	body.logged-in .global-footer {
		padding-bottom: var(--spacing-50);
	}
}
.global-footer a {
	color: var(--white);
	display: inline-block;
	padding: var(--spacing-5);
	text-decoration: none;
}
.global-footer a:active,
.global-footer a:hover {
	text-decoration: underline;
}
.l-global-footer__main {
	display: flex;
	flex-flow: column;
}
@media (min-width: 900px) {
	.l-global-footer__main {
		flex-flow: wrap;
		justify-content: space-between;
	}
}
@media (min-width: 900px) {
	.global-footer__copyright {
		margin-top: var(--spacing-5);
		width: 50%;
	}
}
@media (min-width: 900px) {
	.global-footer__copyright p {
		margin: var(--spacing-0);
	}
}
@media (min-width: 900px) {
	.global-footer__links {
		align-items: center;
		display: flex;
		flex-flow: wrap;
		justify-content: flex-end;
		width: 50%;
	}
}
.stories-nav-footer {
	margin: 0 0 var(--primary-margin);
}
@media (min-width: 900px) {
	.stories-nav-footer {
		margin: 0 var(--spacing-30) 0 0;
	}
}
.menu-stories-footer {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
@media (min-width: 900px) {
	.menu-stories-footer {
		display: flex;
		flex-flow: wrap;
	}
}
.menu-stories-footer li {
	margin: 0;
}
.global-footer__social a:active svg g,
.global-footer__social a:hover svg g {
	fill: var(--orange);
}
html {
	box-sizing: border-box;
}
*,
:after,
:before {
	box-sizing: inherit;
}
.layout {
	margin: 0 auto 6rem;
	max-width: 600px;
}
.layout:last-of-type {
	margin-bottom: 0;
}