/* Research story pages */
#main > .research-hero {
	background: linear-gradient(135deg, rgba(12, 29, 46, .96), rgba(23, 62, 81, .91)), url('../../images/banner.jpg') center / cover;
	color: #fff;
	padding: 5em 0 4.4em;
}

#main > .research-hero .container { max-width: 980px; }
#main > .research-hero h2, #main > .research-hero p { color: #fff; }
.research-hero h2 { font-size: 3em; letter-spacing: -.025em; margin-bottom: .18em; }
.research-hero .lede { font-size: 1.2em; line-height: 1.7; max-width: 760px; margin: 0 auto; }

.research-nav { display: flex; flex-wrap: wrap; gap: .7em; justify-content: center; margin: 2.4em 0 0; }
.research-nav a { border: 1px solid rgba(255,255,255,.5); border-radius: 999px; color: #fff; font-size: .86em; min-width: 7.8em; padding: .55em 1em; text-align: center; text-decoration: none; transition: background-color .2s ease, color .2s ease, border-color .2s ease; }
.research-nav a:hover, .research-nav a.active { background: #fff; color: #173e51; }

.research-page { padding: 4.5em 0; }
.research-page .container { max-width: 900px; text-align: left; }
.research-page header { text-align: center; margin-bottom: 3em; }
.research-page header p { margin: .7em auto 0; max-width: 780px; }
.research-page h3 { color: #173e51; font-size: 1.5em; line-height: 1.3; margin: 2.35em 0 .75em; }
.research-page p { line-height: 1.78; margin-bottom: 1.2em; }
.research-page a { border-bottom: 1px dotted; }

.research-callout { background: #edf5f7; border-left: 4px solid #5aa8b7; margin: 2.5em 0; padding: 1.45em 1.7em; }
.research-callout p { margin: 0; font-size: 1.08em; }
.research-flow { align-items: center; color: #2c6a78; display: flex; flex-wrap: wrap; font-weight: 700; gap: .65em; justify-content: center; margin: 2.4em 0 3.4em; text-align: center; }
.research-flow span { background: #f1f6f7; border-radius: 999px; padding: .55em .9em; }
.research-flow i { font-style: normal; }

.paper-grid { display: grid; gap: 1em; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 2.4em 0; }
.paper-card { background: #f7f9fa; border-top: 3px solid #5aa8b7; margin: 0; padding: 1.15em 1.25em; }
.paper-card h4 { color: #173e51; font-size: 1.05em; margin: 0 0 .45em; }
.paper-card p { font-size: .9em; line-height: 1.65; margin: 0; }
.story-figure { background: #f7f9fa; border: 1px solid rgba(44, 106, 120, .08); border-radius: .25em; box-shadow: 0 .35em 1.1em rgba(21, 52, 63, .055); margin: 2.4em auto; max-width: 760px; padding: .9em; text-align: center; }
.story-figure img, .story-figure video { display: block; margin: 0 auto .9em; max-height: 430px; max-width: 100%; object-fit: contain; }
.story-figure video { background: #eef2f3; width: 100%; }
.story-figure figcaption { color: #567177; font-size: .86em; line-height: 1.55; padding: 0 .3em .15em; }
.story-figure figcaption a { border: 0; }
.story-pair { align-items: stretch; display: grid; gap: 1.2em; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 2.4em 0; }
.story-pair .story-figure { display: flex; flex-direction: column; margin: 0; max-width: none; }
.story-pair .story-figure > img, .story-pair .story-figure > video { background: #eef2f3; height: 250px; width: 100%; }
.story-pair .story-figure figcaption { margin: auto 0 0; }

.coming-soon { border: 1px dashed #9db7bd; color: #54747a; margin: 3em auto 1em; max-width: 680px; padding: 3em 2em; text-align: center; }
.coming-soon .icon { color: #5aa8b7; font-size: 2.2em; }
.research-footer-nav { align-items: center; display: flex; gap: 1em; justify-content: space-between; margin-top: 4em; }
.research-footer-nav a { border: 0; }

@media screen and (max-width: 736px) {
	#main > .research-hero { padding: 3.4em 0 2.9em; }
	.research-hero h2 { font-size: 2.15em; }
	.research-hero .lede { font-size: 1.03em; line-height: 1.55; }
	.research-nav { gap: .5em; margin-top: 1.8em; }
	.research-nav a { font-size: .76em; min-width: 0; padding: .5em .8em; }
	.research-page { padding: 2.8em 0; }
	.research-page header { margin-bottom: 2.3em; }
	.research-page h3 { font-size: 1.35em; margin-top: 2em; }
	.research-page p { line-height: 1.68; }
	.paper-grid { grid-template-columns: 1fr; }
	.paper-grid { gap: .75em; margin: 2em 0; }
	.paper-card { padding: .9em 1em; }
	.story-pair { grid-template-columns: 1fr; }
	.story-pair .story-figure > img, .story-pair .story-figure > video { height: auto; max-height: none; }
	.story-figure { margin: 1.8em auto; padding: .65em; }
	.story-figure video { max-height: none; }
	.research-flow { flex-direction: column; gap: .35em; margin: 1.8em 0 2.6em; }
	.research-flow i { line-height: 1; transform: rotate(90deg); }
	.research-footer-nav { align-items: stretch; flex-direction: column; margin-top: 3em; }
	.research-footer-nav .button { text-align: center; width: 100%; }
}

@media screen and (max-width: 420px) {
	.research-nav a { flex: 1 1 30%; }
	.research-callout { padding: 1.2em 1.25em; }
}