/*	################################################################

	Author: Carlos Alvarez
	URL: http://alvarez.is

	Project Name: SOLID - Bootstrap 3 Theme
	Version: 1.0
	URL: http://alvarez.is
	
################################################################# */ 
@import url(//fonts.googleapis.com/css?family=Raleway:400,700,900);
@import url(//fonts.googleapis.com/css?family=Lato:400,900);
@import url("prettyPhoto.css") screen;
@import url("hoverex-all.css") screen;

/* Member contact links ----------------------------------------------------- */
.member-contact {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 10px;
}

.member-contact__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	color: #eef2f3;
	background: #071018;
	border: 1px solid #407088;
	border-radius: 4px;
	transition: color .15s ease, background-color .15s ease, border-color .15s ease, transform .15s ease, box-shadow .15s ease;
}

.member-contact__link i {
	width: 17px;
	font-size: 16px;
	text-align: center;
}

.member-contact__link:hover,
.member-contact__link:focus {
	color: #fff;
	background: #172331;
	border-color: #5ea0bd;
	text-decoration: none;
	transform: translateY(-1px);
	box-shadow: 0 3px 8px rgba(23, 35, 49, .2);
}

@media (max-width: 480px) {
	.member-contact__link { width: 34px; height: 34px; }
}


.repository-hashtags {
  margin-top: 10px;
}

.hashtag {
  display: inline-block;
  background-color: #e1e4e8;
  color: #0366d6;
  padding: 3px 8px;
  margin: 2px;
  border-radius: 3px;
  font-size: 0.9em;
  text-decoration: none;
}

.my-0{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.my-1{
	margin-top: 10 !important;
	margin-bottom: 10 !important;
}

.mt-1{
	margin-top: 10 !important;
	margin-bottom: 0 !important;
}

.fa-ul > li{
  margin: 10px 0;
}
pre{overflow-x: auto;}
#twrap h1,#twrap h2,#twrap h3, #twrap  h4,#twrap h5 { color: white; }
/*	################################################################
	1. GENERAL STRUCTURES
################################################################# */
	* { 
		margin: 0;
		padding: 0px;
	} 

body { 
	background: #ffffff; 
	margin: 0; 
	height: 100%; 
	color: #233142;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
}

p { 
	padding: 0; 
	margin-bottom: 12px; 
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 14px; 
	line-height: 24px;
	color: #233142; 
	margin-top: 10px; 
}

img {
	height: auto;
	max-width: 100%;
}

ul {
    margin-left: 0;
    padding-left: 20px;
}

ol {
    margin-left: 0;
    padding-left: 26px;
}

a { 
    color:#f95959;
    padding: 0;
	margin: 0;
	text-decoration: none; 
	-webkit-transition: background-color .4s linear, color .4s linear;
	-moz-transition: background-color .4s linear, color .4s linear;
	-o-transition: background-color .4s linear, color .4s linear;
	-ms-transition: background-color .4s linear, color .4s linear;
	transition: background-color .4s linear, color .4s linear;
}
a:hover,
a:focus {
  text-decoration: none;
  color:#e3e3e3;
}

::-moz-selection  {
	color: #fff;
	text-shadow:none;
	background:#233142;
}
::selection {
	color: #fff;
	text-shadow:none;
	background:#233142;
}

.centered {
	text-align: center
}

/*	################################################################
	BOOTSTRAP MODIFICATIONS & TWEAKS
################################################################# */
.navbar {
	min-height: 70px;
	padding-top: 10px;
	margin-bottom: 0px;
}

.navbar-brand {
	font-family: 'Raleway', sans-serif;
	font-weight: 900;
}

.navbar-header .navbar-brand {
	color: white;
}

.navbar-default .navbar-nav > li > a {
	color: white;
	font-weight: 700;
	font-size: 12px;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #407088;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #407088;
	background-color: transparent;
}

.navbar-default {
	background-color: #233142;
	border-color: transparent;
}

.dropdown-menu {
	background: #233142;
}

.dropdown-menu > li > a {
	color: white;
	font-weight: 700;
	font-size: 12px;
}

.btn-theme {
  color: #fff;
  background-color: #233142;
  border-color: #233142;
  margin: 4px;
}
.btn-theme:hover,
.btn-theme:focus,
.btn-theme:active,
.btn-theme.active,
.open .dropdown-toggle.btn-theme {
  color: #fff;
  background-color: #407088;
  border-color: #407088;
}

.dmbutton:hover,
.dmbutton:active,
.dmbutton:focus{
	color: #ffffff;
	background-color: #222222;
	border-color: #ffffff;
}
.dmbutton {
	background:rgba(0, 0, 0, 0);
	border: 1px solid #ffffff;
	color: #ffffff;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	padding-top: 1.025rem;
	padding-right: 2.25rem;
	letter-spacing:0.85px;
	padding-bottom: 1.0875rem;
	padding-left: 2.25rem;
	font-size: 1.55rem;
	cursor: pointer;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1.25rem;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	-webkit-transition: background-color 300ms ease-out;
	-moz-transition: background-color 300ms ease-out;
	transition: background-color 300ms ease-out;
	-webkit-appearance: none;
	font-weight: normal !important;
}

.mtb {
	margin-top: 80px;
	margin-bottom: 80px;
}

.mb {
	margin-bottom: 60px;
}

.mt {
	margin-top: 60px;
}

.hline {
	border-bottom: 2px solid #233142;
}

.hline-w {
	border-bottom: 2px solid #ffffff;
	margin-bottom: 25px;
}
/*	################################################################
	SITE WRAPS
################################################################# */

#headerwrap {
	background-color: #407088;
	min-height: 0px;
	padding-top: 100px;
	padding-bottom: 50px;
	text-align: center;
}

#headerwrap h3, h5 {
	color: white;
	font-weight: 400;
}

#headerwrap h1 {
	color: white;
	margin-bottom: 25px;
}

#headerwrap .img-responsive {
	margin: 0 auto;
}

/* Services Wrap */
#service {
	margin-top: 0px;
	margin-bottom: 0px;
}

#service i {
	color: #407088;
	font-size: 60px;
	padding: 15px;
}

/* Portfolio Wrap */
#portfoliowrap {
	padding-top: 60px;
	margin-bottom: 60px;
	display: block;
	text-align: center
}

#portfoliowrap h3 {
	margin-bottom: 25px;
}

.portfolio {
	padding:0 !important;
	margin:0 !important;
	display:block;
}


.portfolio-item .title:before {border-radius:0; display:none}
.portfolio-item p {margin:0px 0 30px;}
.portfolio-item h3 {margin:-10px 0 10px; font-size:16px; text-transform:uppercase;}


.tpl6 h3
{
	color:#fff;
	margin:0;
	padding:40px 5px 0;
	font-size:16px;
	text-transform:uppercase;
}
.tpl6 .dmbutton
{
	display:inline-block;
	margin:30px 5px 20px 5px;
	font-size:13px;
}

.tpl6 .bg
{
	height:100%;
	width:100%;
	background-color:#407088;
	background-color:rgba(64,112,136,.9);
	text-align:center;
}

/* Testimonials Wrap */
#twrapback {
    background-color: #407088;
    background-color:rgba(64,112,136,.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


#twrap {
    background: url(../img/t-back.jpg) no-repeat center top;
    position: relative;
    margin-top: 0px;
	padding-top:60px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 450px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#twrap i {
	font-size: 50px;
	color: white;
	margin-bottom: 25px;
}

#twrap p {
	color: white;
	font-size: 15px;
	line-height: 30px;
}

/* clients logo */
#cwrap {
	background: #f7f7f7;
	margin-top: 0px;
	padding-top: 80px;
	padding-bottom: 100px;
}

#cwrap h3 {
	margin-bottom: 60px;
}

/* Footer */
#footerwrap {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #233142;
}

#footerwrap p {
	color: #bfc9d3;
}

#footerwrap h4 {
	color: #ffffff;
}

#footerwrap i {
	font-size: 30px;
	color: #bfc9d3;
	padding-right: 25px;
}

#footerwrap i:hover {
	color: #407088
}

/*	################################################################
	PAGE CONFIGURATIONS
################################################################# */
/* General Tweaks */

#blue {
	background: #407088;
	margin-top: 60px;
	margin-bottom: 60px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#blue h3 {
	color: white;
	margin-left: 15px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: 600px;
  max-height: 600px;
  margin: 0 auto;
}

.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #ccc \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #666;
  border-radius: 10px;
}

.ctitle {
	color: #407088;
	font-weight: 700;
	margin-bottom: 15px;
}

csmall {
	font-size: 12px;
	color: #b3b3b3;
}

.spacing {
	margin-top: 40px;
	margin-bottom: 40px;
}

.badge-theme {
	background: #407088;
}

/* Contact Page */
#contactwrap {
	background: url(../img/contact.jpg) no-repeat center top;
	margin-top: -60px;
	padding-top:0px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	min-height: 400px;
	width: 100%;
	
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Blog Page */
.popular-posts { 
	margin: 0px;
	padding-left: 0px;
	}
	
.popular-posts li {
	list-style: none; 
	margin-bottom: 20px; 
	min-height: 70px;
}
.popular-posts li a, 
.popular-posts li a:hover {
	color:#2f2f2f; 
	text-decoration: none;
	}
	
.popular-posts li img {
	float: left; 
	margin-right: 20px;
	}
	
.popular-posts li em {
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	color: #b3b3b3
	}

.popular-posts p {
	line-height: normal;
	margin-bottom: auto;
}	

.share i {
	padding-right: 15px;
	font-size: 18px;
}

a.anchor{
    display: block; 
    position: relative; 
    top: -80px; 
    visibility: hidden;
}

.pubText{
	color: #ffffff
}



.logo-font{
	font-family: 'Cabin Sketch', cursive;
}

/* ================================================================
   S2E RESEARCH COMMAND CENTER
   ================================================================ */
:root {
	--console-bg: #080d12;
	--console-panel: #0c141b;
	--console-panel-2: #101a22;
	--console-text: #e8e9e7;
	--console-muted: #87929c;
	--console-line: #26343e;
	--console-gold: #c99700;
	--console-blue: #55b9db;
	--console-green: #85d36b;
	--console-sans: 'Space Grotesk', sans-serif;
	--console-display: 'Oswald', sans-serif;
	--console-mono: 'IBM Plex Mono', monospace;
}

.text-gold {
	color: var(--console-gold) !important;
}

html { scroll-behavior: smooth; }

body {
	background-color: var(--console-bg);
	background-image: radial-gradient(circle at 50% -10%, rgba(76,154,179,.08), transparent 42%), radial-gradient(rgba(255,255,255,.028) 1px, transparent 1px);
	background-size: auto, 26px 26px;
	color: var(--console-text);
	font-family: var(--console-sans);
	padding-top: 62px;
}

body::after {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 9999;
	opacity: .12;
	background: repeating-linear-gradient(transparent 0, transparent 3px, rgba(0,0,0,.25) 4px);
}

body p { color: #bdc5cb; font-family: var(--console-sans); }
body a { color: var(--console-blue); }
body a:hover, body a:focus { color: var(--console-gold); }

.terminal-nav {
	min-height: 62px;
	padding: 0;
	border: 0;
	border-bottom: 1px solid var(--console-line);
	background: rgba(6, 11, 16, .94);
	backdrop-filter: blur(14px);
}
.terminal-nav__inner { max-width: 1536px; margin: auto; min-height: 61px; padding: 0 26px; display: flex; align-items: center; }
.terminal-nav__brand-wrap { flex: 0 0 auto; }
.terminal-nav__brand { display: inline-block; padding: 21px 0; color: var(--console-blue); font: 500 14px var(--console-mono); letter-spacing: .01em; }
.terminal-nav__path { color: #9aa4ac; }
.terminal-nav__collapse { display: flex !important; align-items: center; flex: 1; min-height: 61px; padding: 0; }
.terminal-nav__links { display: flex; float: none !important; margin-left: auto; }
.navbar-default .terminal-nav__links > li > a { padding: 22px 13px 20px; color: #c6cbd0; font: 500 10px var(--console-mono); }
.navbar-default .terminal-nav__links > li > a:hover, .navbar-default .terminal-nav__links > .active > a { color: var(--console-gold); background: transparent; }
.status-dot { width: 8px; height: 8px; display: inline-block; border-radius: 50%; margin: 0 8px 1px 0; background: var(--console-green); box-shadow: 0 0 12px rgba(133,211,107,.25); }

.command-hero { max-width: 1536px; min-height: 600px; margin: auto; display: grid; grid-template-columns: 46% 54%; border: 1px solid var(--console-line); border-top: 0; overflow: hidden; }
.command-hero__copy { z-index: 2; padding: clamp(54px, 6vw, 94px) clamp(35px, 4.3vw, 70px); background: linear-gradient(90deg, #080e13 85%, transparent); }
.terminal-kicker, body .terminal-kicker { color: var(--console-blue); font: 500 12px var(--console-mono); letter-spacing: .07em; }
.terminal-cursor { display: inline-block; width: 8px; height: 14px; margin-left: 8px; vertical-align: -2px; background: var(--console-blue); animation: cursor-blink 1.1s steps(1) infinite; }
@keyframes cursor-blink { 50% { opacity: 0; } }
.command-hero h1 { margin: 18px 0 10px; color: var(--console-text); font: 600 clamp(88px, 10.5vw, 164px)/.88 var(--console-display); letter-spacing: -.055em; white-space: nowrap; }
.command-hero h1 sup { font-size: .48em; top: -.7em; letter-spacing: -.05em; }
.command-hero__statement, body .command-hero__statement { margin: 8px 0 14px; color: var(--console-gold); font: 600 clamp(27px, 2.3vw, 40px)/1.05 var(--console-display); letter-spacing: .04em; text-transform: uppercase; }
.command-hero__focus, body .command-hero__focus { margin: 0 0 30px; color: #d2d6d9; font: 400 15px var(--console-mono); }
.command-hero__focus span { color: var(--console-blue); margin: 0 8px; }
.command-hero__affiliation { display: flex; align-items: center; gap: 13px; margin: 16px 0 28px; color: #d8dbdd; font-size: 17px; }
.nd-mark { display: grid; place-items: center; width: 35px; height: 38px; border: 2px solid var(--console-gold); color: var(--console-gold); font: 700 11px var(--console-mono); clip-path: polygon(8% 0,92% 0,92% 72%,50% 100%,8% 72%); }
.command-actions { display: flex; flex-wrap: wrap; gap: 16px; }
.command-button { min-height: 52px; padding: 16px 25px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid currentColor; background: rgba(8,13,18,.72); font: 600 12px var(--console-mono); letter-spacing: .08em; }
.command-button--gold { color: var(--console-gold); }
.command-button--blue { color: var(--console-blue); }
.command-button--gold:hover,
.command-button--gold:focus {
	background: var(--console-gold);
	border-color: var(--console-gold);
	color: #080d12;
}
.command-button--blue:hover,
.command-button--blue:focus {
	background: var(--console-blue);
	border-color: var(--console-blue);
	color: #080d12;
}
.command-hero__visual { position: relative; min-width: 0; background: #101a20; }
.command-hero__visual::after { content:""; position:absolute; inset:0; background: linear-gradient(90deg, #080e13 0, transparent 25%), linear-gradient(0deg, rgba(5,10,14,.3), transparent 45%); }
.command-hero__visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.7) contrast(1.08) brightness(.68); }

.command-home { max-width: 1536px; margin: auto; border-left: 1px solid var(--console-line); border-right: 1px solid var(--console-line); }
.dashboard-grid { padding: 20px 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.terminal-panel { min-width: 0; border: 1px solid var(--console-line); background: rgba(10,18,24,.86); }
.terminal-panel__header { margin: 0 20px; height: 43px; display: flex; align-items: center; border-bottom: 1px solid var(--console-line); }
.terminal-panel__header h2 { margin: 0; color: var(--console-blue); font: 600 12px var(--console-mono); letter-spacing: .08em; }
.terminal-panel__header .status-dot { margin-left: 8px; }
.activity-row { min-height: 42px; padding: 8px 20px; display: grid; grid-template-columns: 86px 46px 1fr; gap: 10px; align-items: center; border-bottom: 1px solid rgba(38,52,62,.72); color: #c3cad0; font: 11px/1.35 var(--console-mono); }
.activity-row time, .activity-time { color: var(--console-gold); }
.activity-row:hover { background: rgba(76,154,179,.08); }
.terminal-panel__command { display: block; padding: 10px 20px; color: var(--console-blue); font: 11px var(--console-mono); }
.research-tree { padding: 4px 20px 8px; }
.research-row { min-height: 50px; display: grid; grid-template-columns: 22px 22px minmax(160px, 1fr) minmax(160px, .85fr) 12px; gap: 8px; align-items: center; border-bottom: 1px solid rgba(38,52,62,.55); color: #d6dadd; font: 11px/1.25 var(--console-mono); }
.research-row:last-child { border: 0; }
.research-row:hover { padding-left: 5px; background: rgba(76,154,179,.07); }
.tree-branch { color: #91a0a8; }
.folder-icon { width: 17px; height: 12px; border: 1px solid var(--console-blue); position: relative; }
.folder-icon::before { content:""; position:absolute; width:7px; height:3px; top:-4px; left:1px; border:1px solid var(--console-blue); border-bottom:0; }
.research-description { color: #7e8b94; }
.research-row .status-dot { width: 7px; height: 7px; margin: 0; }

.people-console { padding: 0 40px 36px; display: grid; grid-template-columns: 250px 1fr; gap: 34px; align-items: stretch; }
.people-console__intro { padding: 14px 0; }
.terminal-index, body .terminal-index { color: #68757e; font: 10px var(--console-mono); }
.people-console h2 { margin: 9px 0; color: var(--console-text); font: 600 30px var(--console-display); letter-spacing: .02em; }
.gold-rule { display: block; width: 38px; height: 2px; margin: 16px 0; background: var(--console-gold); }
.people-console__intro > p:not(.terminal-index) { max-width: 190px; font: 14px/1.55 var(--console-mono); }
.people-console__intro > a { font: 500 11px var(--console-mono); letter-spacing: .07em; }
.people-console__rail { display: grid; grid-template-columns: repeat(7, minmax(92px, 1fr)) 62px; gap: 9px; }
.console-person { position: relative; min-width: 0; min-height: 190px; overflow: hidden; border: 1px solid #53616a; background: var(--console-panel-2); }
.console-person img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.7); transition: transform .35s, filter .35s; }
.console-person span { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 8px 8px; color: white; font: 9px/1.25 var(--console-mono); background: linear-gradient(transparent, rgba(2,7,10,.95)); opacity: 0; transform: translateY(6px); transition: .3s; }
.console-person:hover img { transform: scale(1.035); filter: saturate(1); }
.console-person:hover span { opacity: 1; transform: none; }
.people-console__more { display: flex; flex-direction: column; align-items: center; justify-content: center; border: 1px solid var(--console-line); color: #89959d; font: 10px/1.4 var(--console-mono); text-align: center; }
.people-console__more span { color: var(--console-blue); font-size: 14px; letter-spacing: .12em; margin-bottom: 8px; }

.mission-console { padding: 72px 5vw; display: grid; grid-template-columns: .6fr 1.4fr 1fr; gap: 50px; align-items: start; border-top: 1px solid var(--console-line); background: rgba(12,20,27,.52); }
.mission-console__lead, body .mission-console__lead { color: var(--console-text); font: 500 clamp(25px, 2.5vw, 39px)/1.22 var(--console-sans); }
.mission-console > div:last-child p { font-size: 15px; line-height: 1.7; }
.mission-console .command-button { margin-top: 15px; }

.command-footer { padding: 74px 5vw 24px; border-top: 1px solid var(--console-line); background: #05090d; }
.command-footer__inner, .command-footer__meta { max-width: 1420px; margin: auto; }
.command-footer__inner { display: flex; justify-content: space-between; gap: 50px; align-items: end; }
.command-footer h2 { margin: 12px 0 0; color: var(--console-text); font: 600 clamp(30px, 4vw, 60px)/1 var(--console-display); text-transform: uppercase; }
.command-footer__links { display: flex; gap: 18px; flex-wrap: wrap; font: 11px var(--console-mono); }
.command-footer__meta { margin-top: 62px; padding-top: 18px; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--console-line); color: #65727b; font: 9px var(--console-mono); letter-spacing: .07em; }

/* Existing content pages inherit the command-center visual language. */
#blue, #bluewrap { background: #0c141b !important; border-bottom: 1px solid var(--console-line); }
#blue { margin-top: 0; margin-bottom: 40px; padding: 48px 0; }
#blue h1 { margin: 0 0 8px; color: var(--console-text) !important; font: 600 clamp(34px, 5vw, 62px)/1 var(--console-display); letter-spacing: .02em; text-transform: uppercase; }
#blue h1::before { content: "> "; color: var(--console-blue); font: 500 .42em var(--console-mono); vertical-align: middle; }
#blue .list-inline { margin-top: 12px; font: 11px var(--console-mono); }
#blue h3, #bluewrap h3 { color: var(--console-text) !important; font-family: var(--console-display); letter-spacing: .04em; }
.container.mtb, #service, #portfoliowrap, .blog-content { color: var(--console-text); }
.well, .panel, .thumbnail { color: #c8d0d5; background: var(--console-panel) !important; border-color: var(--console-line) !important; }
.hline { border-color: var(--console-line); }
#footerwrap { display: none; }

@media (max-width: 1199px) {
	.terminal-nav__links { margin-left: 25px; }
	.navbar-default .terminal-nav__links > li > a { padding-left: 8px; padding-right: 8px; font-size: 9px; }
	.command-hero { grid-template-columns: 52% 48%; }
	.command-hero h1 { font-size: clamp(82px, 11vw, 130px); }
	.people-console { grid-template-columns: 210px 1fr; }
	.people-console__rail { overflow-x: auto; grid-template-columns: repeat(7, 120px) 62px; }
}

@media (max-width: 900px) {
	body { padding-top: 61px; }
	.terminal-nav__inner { display: block; padding: 0 18px; }
	.terminal-nav__brand { padding: 20px 0; }
	.terminal-nav .navbar-toggle { margin: 14px 0 0; border-color: var(--console-line); }
	.navbar-default .navbar-toggle .icon-bar { background: var(--console-blue); }
	.terminal-nav__collapse { display: none !important; min-height: 0; padding: 12px 0 20px; }
	.terminal-nav__collapse.in { display: block !important; }
	.terminal-nav__links { display: block; float: none !important; margin: 0; }
	.navbar-default .terminal-nav__links > li > a { padding: 10px 0; font-size: 11px; }
	.command-hero { grid-template-columns: 1fr; }
	.command-hero__copy { padding: 60px 28px 42px; background: linear-gradient(180deg, #080e13 90%, transparent); }
	.command-hero h1 { font-size: clamp(74px, 22vw, 130px); white-space: normal; }
	.command-hero__visual { height: 440px; }
	.command-hero__visual::after { background: linear-gradient(180deg, #080e13 0, transparent 30%); }
	.dashboard-grid { grid-template-columns: 1fr; padding: 18px; }
	.people-console { grid-template-columns: 1fr; padding: 16px 18px 40px; }
	.people-console__rail { grid-template-columns: repeat(7, 128px) 62px; }
	.mission-console { grid-template-columns: 1fr; gap: 20px; padding: 55px 28px; }
}

@media (max-width: 600px) {
	.command-hero__copy { padding-left: 20px; padding-right: 20px; }
	.command-hero h1 { font-size: 72px; }
	.command-hero__statement { font-size: 25px; }
	.command-hero__focus { line-height: 1.8; }
	.command-hero__focus span { margin: 0 3px; }
	.command-actions { display: grid; }
	.command-hero__visual { height: 340px; }
	.activity-row { grid-template-columns: 78px 1fr; }
	.activity-time { display: none; }
	.activity-title { font-size: 10px; }
	.research-row { grid-template-columns: 16px 20px 1fr 8px; }
	.research-description { display: none; }
	.command-footer__inner, .command-footer__meta { flex-direction: column; align-items: flex-start; }
	.command-footer__meta { margin-top: 42px; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.terminal-cursor { animation: none; }
	.console-person img, .console-person span { transition: none; }
}

/* Photos */
.photo-page {
	background: transparent;
	padding-bottom: 80px;
}

.photo-page__header {
	background: rgba(12, 20, 27, .92);
	border-bottom: 1px solid var(--console-line);
	color: var(--console-text);
	margin-top: 0;
	padding: 72px 0 62px;
	text-align: center;
}

.photo-page__header h1 {
	color: var(--console-text);
	font: 600 clamp(42px, 5vw, 62px)/1 var(--console-display);
	letter-spacing: .02em;
	margin: 8px 0 16px;
	text-transform: uppercase;
}

.photo-page__eyebrow,
.photo-event__date {
	color: var(--console-blue);
	font-family: var(--console-mono);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 2px;
	margin: 0;
	text-transform: uppercase;
}

.photo-page__intro {
	color: #bdc5cb;
	font-size: 18px;
	margin: 0 auto;
	max-width: 620px;
}

.photo-archive {
	max-width: 1100px;
}

.photo-event {
	border-bottom: 1px solid var(--console-line);
	padding: 62px 0;
}

.photo-event:last-child {
	border-bottom: 0;
}

.photo-event__heading {
	margin-bottom: 24px;
}

.photo-event__heading h2 {
	color: var(--console-text);
	font: 600 30px/1.15 var(--console-display);
	letter-spacing: .02em;
	margin: 6px 0 0;
}

.photo-grid {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.photo-grid .photo-card:only-child {
	grid-column: 1 / -1;
}

.photo-card {
	background: var(--console-panel);
	border: 1px solid var(--console-line);
	border-radius: 0;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
	margin: 0;
	overflow: hidden;
}

.photo-card a {
	aspect-ratio: 4 / 3;
	display: block;
	overflow: hidden;
	position: relative;
}

.photo-card img {
	display: block;
	height: 100%;
	object-fit: cover;
	filter: saturate(.78) contrast(1.03);
	transition: transform 220ms ease, filter 220ms ease;
	width: 100%;
}

.photo-grid .photo-card:only-child a {
	aspect-ratio: 16 / 9;
}

.photo-card__caption {
	color: #bdc5cb;
	font-family: var(--console-mono);
	font-size: 16px;
	line-height: 1.6;
	margin: 0;
	padding: 18px 22px 20px;
}

.photo-card__zoom {
	align-items: center;
	background: rgba(8, 13, 18, .9);
	border: 1px solid var(--console-blue);
	border-radius: 0;
	color: var(--console-blue);
	display: flex;
	font-size: 18px;
	height: 44px;
	justify-content: center;
	opacity: 0;
	position: absolute;
	right: 16px;
	top: 16px;
	transform: translateY(-4px);
	transition: opacity 180ms ease, transform 180ms ease;
	width: 44px;
}

.photo-card a:hover img,
.photo-card a:focus img {
	filter: saturate(1) contrast(1.03);
	transform: scale(1.025);
}

.photo-card a:hover .photo-card__zoom,
.photo-card a:focus .photo-card__zoom {
	opacity: 1;
	transform: translateY(0);
}

@media (max-width: 767px) {
	.photo-page__header {
		padding: 54px 20px 46px;
	}

	.photo-page__header h1 {
		font-size: 38px;
	}

	.photo-event {
		padding: 44px 0;
	}

	.photo-event__heading h2 {
		font-size: 24px;
	}

	.photo-grid {
		grid-template-columns: 1fr;
	}

	.photo-grid .photo-card:only-child {
		grid-column: auto;
	}

	.photo-grid .photo-card:only-child a {
		aspect-ratio: 4 / 3;
	}
}

@media (prefers-reduced-motion: reduce) {
	.photo-card img,
	.photo-card__zoom {
		transition: none;
	}
}

/* Join hero recruiting poster: keep it visually level with the hero copy. */
.join-poster {
  position: relative;
  width: 100%;
  max-width: 280px;
  margin: 0 auto;
  overflow: hidden;
}

.join-poster img {
  display: block;
  width: 100%;
  height: 310px;
  max-height: 310px;
  object-fit: cover;
  object-position: center 22%;
}

.join-poster figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 42px 10px 12px;
  color: #fff;
  background: linear-gradient(transparent, rgba(3, 11, 17, .94));
  font-size: 17px;
  line-height: 1.05;
  text-align: center;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .65);
}

.join-poster figcaption span { display: block; }

/* Student application paths */
.join-paths {
  margin-top: 34px;
}

.join-paths__start {
  display: none;
}

.join-cards {
  display: flex;
  flex-wrap: wrap;
}

.join-cards > div {
  display: flex;
}

.join-card.join-path {
  position: relative;
  display: grid;
  grid-template-columns: 54px minmax(0, 1fr);
  align-content: start;
  width: 100%;
  margin-bottom: 26px;
  padding: 32px 30px 30px;
  overflow: visible;
  border: 1px solid var(--console-line);
  border-top: 6px solid var(--console-blue);
  border-radius: 5px;
  background: linear-gradient(145deg, rgba(16, 26, 34, .98), rgba(10, 17, 23, .98));
  box-shadow: 0 18px 34px rgba(0, 0, 0, .28);
}

.join-card.join-path::before {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #e05757;
  border-left: 10px solid transparent;
  transform: translateX(-50%);
}

.join-card__number {
  display: grid;
  grid-column: 1;
  place-items: center;
  width: 46px;
  height: 46px;
  color: #fff;
  border-radius: 50%;
  background: #d94f50;
  font: 600 13px var(--console-mono);
  letter-spacing: .08em;
}

.join-card.join-path > h3 {
  grid-column: 2;
  align-self: center;
  margin: 0 0 0 10px;
  color: var(--console-text);
  font: 600 clamp(25px, 2vw, 32px)/1.05 var(--console-display);
  text-transform: none;
}

.join-path__step,
.join-path__gate {
  grid-column: 1 / -1;
}

.join-path__step {
  margin-top: 34px;
  padding: 0 2px;
}

.join-path__step + .join-path__step {
  margin-top: 30px;
  padding-top: 28px;
  border-top: 2px dashed rgba(135, 146, 156, .38);
}

.join-path__label {
  display: block;
  margin-bottom: 12px;
  color: #f06b6c;
  font: 600 11px var(--console-mono);
  letter-spacing: .13em;
  text-transform: uppercase;
}

.join-path__step > strong,
.join-path__gate > strong {
  display: block;
  margin-bottom: 10px;
  color: var(--console-text);
  font: 600 21px/1.2 var(--console-sans);
}

.join-path__step p,
.join-path__gate p {
  margin: 0 0 16px;
  color: #aeb8c0;
  font: 14px/1.6 var(--console-sans);
}

.join-path__step a {
  display: block;
  width: fit-content;
  margin-top: 10px;
  padding-bottom: 3px;
  border-bottom: 1px solid rgba(85, 185, 219, .45);
  font: 600 10px var(--console-mono);
  letter-spacing: .07em;
  text-transform: uppercase;
}

.join-path__gate {
  position: relative;
  margin-top: 30px;
  margin-bottom: 40px;
  padding: 20px 22px;
  border: 1px solid rgba(85, 185, 219, .2);
  border-radius: 4px;
  background: rgba(85, 185, 219, .08);
}

.join-path__gate::after {
  content: "↓";
  position: absolute;
  bottom: -42px;
  left: 50%;
  color: var(--console-blue);
  font: 400 34px/1 var(--console-sans);
  transform: translateX(-50%);
}

.join-path__gate + .join-path__step {
  margin-top: 24px;
}

/* Compact email guide */
.join-email-guide {
  max-width: 1120px;
  margin: 0 auto;
}

.join-email-guide > h2 {
  margin-bottom: 12px;
}

.join-email-guide__intro {
  max-width: 850px;
  margin-bottom: 30px;
  font-size: 17px;
  line-height: 1.6;
}

.join-email-paths {
  overflow: hidden;
  border: 1px solid var(--console-line);
  border-top: 4px solid var(--console-blue);
  border-radius: 5px;
  background: rgba(12, 20, 27, .92);
}

.join-email-path {
  display: grid;
  grid-template-columns: 150px minmax(280px, 1fr) minmax(340px, .9fr);
  gap: 26px;
  align-items: center;
  min-height: 112px;
  padding: 22px 26px;
  border-bottom: 1px solid var(--console-line);
}

.join-email-path:last-child {
  border-bottom: 0;
}

.join-email-path > h3 {
  margin: 0;
  color: var(--console-text);
  font: 600 25px var(--console-display);
  text-transform: none;
}

.join-email-path__materials > span,
.join-email-path__subject > span {
  display: block;
  margin-bottom: 6px;
  color: #f06b6c;
  font: 600 10px var(--console-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
}

.join-email-path__materials p {
  margin: 0;
  color: #c4ccd2;
  font-size: 14px;
  line-height: 1.55;
}

.join-email-path__materials b {
  padding: 0 4px;
  color: var(--console-blue);
}

.join-email-path__materials em {
  display: inline-block;
  margin-left: 10px;
  padding: 3px 7px;
  color: #aeb8c0;
  border: 1px solid rgba(135, 146, 156, .35);
  border-radius: 2px;
  font: normal 9px var(--console-mono);
  letter-spacing: .05em;
  text-transform: uppercase;
}

.join-email-path__subject code {
  display: inline-block;
  padding: 7px 9px;
  color: #f47a7b;
  border: 1px solid rgba(224, 87, 87, .28);
  border-radius: 3px;
  background: rgba(224, 87, 87, .07);
  font: 12px/1.4 var(--console-mono);
  white-space: normal;
}

.join-email-guide__note {
  max-width: 940px;
  margin: 22px 0 0;
  color: #89959e;
  font-size: 13px;
  line-height: 1.6;
}

.join-email-guide__note strong {
  color: #bdc5cb;
}

.join-values {
  margin: 34px 0 0;
  padding-top: 28px;
}

.join-values__heading {
  margin-bottom: 18px;
}

.join-values__heading .join-kicker {
  margin: 0 0 8px;
}

.join-values__heading > p:last-child {
  max-width: 620px;
  margin: 0;
}

.join-values__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.join-values__tags span {
  display: inline-block;
  padding: 8px 12px;
  color: #bfcbd2;
  border: 1px solid rgba(91, 190, 224, .4);
  border-radius: 3px;
  font-family: "IBM Plex Mono", monospace;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1;
}

.join-cta {
  margin-top: 0;
  padding: 34px 0 76px;
}

.join-cta__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  gap: clamp(50px, 7vw, 110px);
  align-items: center;
}

.join-cta__copy > p:not(.join-kicker) {
  max-width: 570px;
  margin-bottom: 28px;
}

.join-cta__poster {
  position: relative;
  width: 250px;
  justify-self: end;
  margin: 0;
  border: 1px solid rgba(85, 185, 219, .6);
  background: var(--console-panel);
  box-shadow: 12px 12px 0 rgba(201, 151, 0, .78);
}

.join-cta__poster img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 991px) {
  .join-email-path { grid-template-columns: 130px minmax(0, 1fr); }
  .join-email-path__subject { grid-column: 2; }
  .join-cta__layout { grid-template-columns: minmax(0, 1fr) 230px; gap: 42px; }
  .join-cta__poster { width: 230px; }
}

@media (max-width: 767px) {
  .join-poster { max-width: 250px; }
  .join-poster img { height: 280px; max-height: 280px; }
  .join-cards { display: block; }
  .join-cards > div { display: block; }
  .join-card.join-path { padding: 28px 23px 26px; }
  .join-card.join-path > h3 { font-size: 25px; }
  .join-email-path { display: block; padding: 22px; }
  .join-email-path > h3 { margin-bottom: 18px; }
  .join-email-path__materials { margin-bottom: 16px; }
  .join-email-path__materials em { display: block; width: fit-content; margin: 9px 0 0; }
  .join-values__tags { gap: 8px; }
  .join-cta { margin-top: 0; padding: 30px 0 62px; }
  .join-cta__layout { display: block; }
  .join-cta__poster { width: 240px; max-width: 100%; margin: 42px auto 0; }
}