/* Telos approved image assets for the premium homepage redesign. */

.telos-header-logo {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	line-height: 0;
	text-decoration: none;
}

.telos-header-logo__image {
	display: block;
	width: clamp(9rem, 11vw, 10.5rem);
	height: auto;
	max-width: 100%;
}

.telos-founder-portrait {
	position: relative;
	min-height: 0;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background-color: var(--telos-color-soft);
}

.telos-founder-photo {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 38%;
}

.telos-founder-portrait::before {
	content: none !important;
}

.telos-calling-portrait {
	width: 100%;
	max-width: 34rem;
	justify-self: start;
}

.telos-footer-logo {
	display: inline-flex;
	width: fit-content;
	align-items: center;
	line-height: 0;
	text-decoration: none;
}

.telos-footer-logo__surface {
	display: inline-flex;
	align-items: center;
	padding: 0.65rem 0.8rem;
	border-radius: 0.35rem;
	background: var(--telos-color-surface);
}

.telos-footer-logo__image {
	display: block;
	width: clamp(10.5rem, 14vw, 13rem);
	max-width: 100%;
	height: auto;
}

@media (max-width: 900px) {
	.telos-founder-portrait {
		width: min(100%, 42rem);
		margin-inline: auto;
		aspect-ratio: 4 / 5;
	}

	.telos-calling-portrait {
		width: min(100%, 32rem);
		justify-self: center;
	}
}

@media (max-width: 700px) {
	.telos-header-logo__image {
		width: 8.75rem;
	}

	.telos-footer-logo__image {
		width: 10rem;
	}
}