@charset "utf-8";
/* Leviticus | Cyber Security Responsive CSS | V1.0 */


/* ******************************
   ************* HERO ***********
   ****************************** */

.cyber-hero {
	min-height: auto;
}

.cyber-hero-background {
	background:
		linear-gradient(
			180deg,
			rgba(11, 15, 20, .12) 0%,
			rgba(11, 15, 20, .38) 38%,
			rgba(11, 15, 20, .94) 72%,
			#0B0F14 100%
		),
		url("images/lev-cyber-hero.webp") center center / cover no-repeat;
}

.cyber-hero-inner {
	min-height: 580px;
	align-items: flex-end;
}

.cyber-hero-content {
	width: 100%;
	padding: 220px 0 58px;
}

.cyber-hero-content h1 {
	font-size: clamp(42px, 8vw, 64px);
}

.cyber-hero-content p {
	max-width: 560px;
	font-size: 16px;
}


/* ******************************
   ********** OVERVIEW **********
   ****************************** */

.cyber-overview {
	padding: 48px 0 56px;
}

.cyber-overview-grid {
	grid-template-columns: 1fr 1fr;
	gap: 30px 42px;
}

.cyber-overview-heading {
	align-self: start;
}

.cyber-overview-copy {
	padding: 0;
}

.cyber-overview-image {
	grid-column: 1 / -1;
	min-height: 340px;
}


/* ******************************
   ****** CORE CAPABILITIES *****
   ****************************** */

.cyber-capabilities {
	padding: 48px 0 58px;
}

.cyber-section-heading {
	margin-bottom: 30px;
}

.cyber-capabilities-grid {
	grid-template-columns: repeat(2, 1fr);
}

.cyber-capability {
	min-height: 230px;
	padding: 28px 26px 26px;
}

.cyber-capability:nth-child(2) {
	border-right: 0;
}

.cyber-capability:nth-child(-n+2) {
	border-bottom: 1px solid rgba(122, 133, 148, .22);
}

.capability-number {
	margin-bottom: 34px;
}


/* ******************************
   ***** SECURITY ENVIRONMENT ***
   ****************************** */

.cyber-environment {
	padding: 52px 0 60px;
}

.cyber-environment-intro {
	grid-template-columns: 1fr 1.2fr;
	gap: 42px;
	margin-bottom: 42px;
}

.security-architecture {
	grid-template-columns: repeat(3, 1fr);
}

.security-line,
.security-trace {
	display: none;
}

.security-layer {
	min-height: 200px;
	padding: 28px 26px 26px;
}

.security-layer:nth-child(4) {
	border-right: 0;
}

.security-layer:nth-child(-n+4) {
	border-bottom: 1px solid rgba(122, 133, 148, .18);
}

.layer-number {
	margin-bottom: 24px;
}


/* ******************************
   ********** EXPERTISE *********
   ****************************** */

.cyber-expertise-grid {
	grid-template-columns: 1fr;
}

.expertise-panel,
.environments-panel {
	padding: 48px 0 52px;
}

.expertise-panel {
	padding-right: 0;
	border-right: 0;
	border-bottom: 1px solid rgba(201, 164, 76, .35);
}

.environments-panel {
	padding-left: 0;
}

.environment-list {
	grid-template-columns: repeat(5, 1fr);
}


/* ******************************
   ************* CTA ************
   ****************************** */

.cyber-cta {
	padding: 48px 0 54px;
}

.cyber-cta-inner {
	grid-template-columns: 1fr auto;
	gap: 22px 40px;
}

.cyber-cta-inner > p {
	grid-column: 1;
	margin: 0;
}

.cyber-cta-inner > .btn {
	grid-column: 2;
	grid-row: 1 / 3;
	align-self: center;
}


/* ******************************
   ******** SMALL MOBILE ********
   ****************************** */

@media (max-width: 600px) {

	.cyber-hero-inner {
		min-height: 540px;
	}

	.cyber-hero-content {
		padding: 190px 0 46px;
	}

	.cyber-hero-content h1 {
		font-size: clamp(38px, 11vw, 52px);
	}

	.cyber-hero-content p {
		font-size: 15px;
	}

	.cyber-hero-actions {
		flex-direction: column;
		align-items: stretch;
		gap: 12px;
	}

	.cyber-hero-actions .btn {
		width: 100%;
	}

	.cyber-overview-grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.cyber-overview-image {
		grid-column: auto;
		min-height: 250px;
	}

	.cyber-capabilities-grid {
		grid-template-columns: 1fr;
	}

	.cyber-capability {
		min-height: auto;
		padding: 24px 22px 26px;
		border-right: 0;
		border-bottom: 1px solid rgba(122, 133, 148, .22);
	}

	.cyber-capability:nth-child(2) {
		border-bottom: 1px solid rgba(122, 133, 148, .22);
	}

	.cyber-capability:last-child {
		border-bottom: 0;
	}

	.capability-number {
		margin-bottom: 24px;
	}

	.cyber-capability h3 {
		min-height: 0;
	}

	.cyber-environment-intro {
		grid-template-columns: 1fr;
		gap: 20px;
		margin-bottom: 36px;
	}

	.security-architecture {
		grid-template-columns: 1fr;
	}

	.security-layer {
		min-height: auto;
		padding: 24px 22px 26px;
		border-right: 0;
		border-bottom: 1px solid rgba(122, 133, 148, .18);
	}

	.security-layer:nth-child(4) {
		border-right: 0;
	}

	.security-layer:last-child {
		border-bottom: 0;
	}

	.layer-number {
		margin-bottom: 18px;
	}

	.security-layer p {
		max-width: 100%;
	}

	.environment-list {
		grid-template-columns: repeat(2, 1fr);
	}

	.environment-list span {
		min-height: 68px;
		border-bottom: 1px solid rgba(122, 133, 148, .20);
	}

	.environment-list span:nth-child(2n) {
		border-right: 0;
	}

	.environment-list span:last-child {
		grid-column: 1 / -1;
		border-bottom: 0;
	}

	.cyber-cta-inner {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.cyber-cta-inner > p,
	.cyber-cta-inner > .btn {
		grid-column: auto;
		grid-row: auto;
	}

	.cyber-cta-inner > .btn {
		width: 100%;
	}

}