/* MIRA - custom overrides on top of Escape Velocity */

/* ---- Logo image ---- */
#logo h1 {
	margin: 0;
	padding: 0;
	line-height: 0;
}

#logo h1 a {
	display: inline-block;
	border: 0;
	box-shadow: none;
}

.mira-logo {
	display: block;
	height: 280px;
	width: auto;
	max-width: 100%;
	/*-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);*/
}

#logo p {
	font-style: italic;
	margin-top: 0.4em;
	font-size: 1.1em;
}

@media screen and (max-width: 980px) {
	.mira-logo {
		height: 48px;
	}
}

@media screen and (max-width: 480px) {
	.mira-logo {
		height: 40px;
	}
}

/* ---- Brand accent: a touch closer to MIRA red ---- */
.style3 strong,
.style3 a,
.mira-role {
	/*color: #e64238;*/
	color: inherit;
}

/* Subtle red border accent on title bands */
.title {
	letter-spacing: 0.18em;
}

/* ---- Team cards ---- */
.mira-team {
	margin-top: 1.5em;
}

.mira-card {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	padding: 2.25em 1.75em 1.75em 1.75em;
	text-align: center;
	height: 100%;
	transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.mira-card:hover {
	transform: translateY(-4px);
	border-color: rgba(230, 66, 56, 0.55);
	background: rgba(255, 255, 255, 0.06);
}

.mira-avatar {
	width: 84px;
	height: 84px;
	margin: 0 auto 1em auto;
	border-radius: 50%;
	background: linear-gradient(135deg, #e64238 0%, #b22a22 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
}

.mira-avatar .icon {
	font-size: 2em;
	color: #fff;
}

.mira-avatar .icon:before {
	margin: 0;
}

.mira-card h3 {
	margin: 0.2em 0 0.1em 0;
	font-size: 1.15em;
	letter-spacing: 0.05em;
}

.mira-role {
	margin: 0 0 0.8em 0;
	font-weight: 700;
	letter-spacing: 0.18em;
	font-size: 0.85em;
	text-transform: uppercase;
}

.mira-card p {
	font-size: 0.95em;
	line-height: 1.55;
	margin: 0;
}

.mira-card-track .mira-avatar {
	background: linear-gradient(135deg, #2f333b 0%, #0f1115 100%);
	border: 2px solid #e64238;
}

/* ---- Hero refinements ---- */
#intro .style2 {
	letter-spacing: -0.015em;
}

#intro .style3 strong {
	color: #fff;
	background: rgba(230, 66, 56, 0.18);
	padding: 0 0.25em;
	border-radius: 3px;
}

/* ---- Featured images: don't crop tall slide screenshots ---- */
.image.featured img {
	width: 100%;
	height: auto;
}

/* ---- Highlight cards (solution products) ---- */
.highlight .image.featured {
	background: #fff;
}

.highlight .image.featured img {
	background: #fff;
	padding: 1em;
	box-sizing: border-box;
}

/* ---- Footer copyright tightening ---- */
#copyright ul li {
	font-size: 0.85em;
}

/* ---- Smooth scroll for anchor nav ---- */
html {
	scroll-behavior: smooth;
}