/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./assets/pcss/index.pcss ***!
  \****************************************************************************************************************************************************************************/
/**
 * General Styles
 */

/**
 * Media Queries
 */

/**
 * Custom properties
 */

:root {
	--color-global-background: #000;
	--grid-max-width: 1290px;
	--grid-gap: clamp(24px, 4vw, 60px);
	--section-spacer: clamp(36px, 6vw, 120px);
	--font-family-headline: "PP Telegraf", inter;
	--font-size-headline-xl: clamp(56px, 7vw, 104px);
	--font-size-headline-lg: clamp(24px, 3vw, 48px);
	--font-size-headline-md: clamp(24px, 2.5vw, 40px);
	--font-size-headline-sm: clamp(24px, 2vw, 32px);
	--font-size-overline: clamp(16px, 1.5vw, 20px);
}

/**
 * Global elements
 */

b {
	font-weight: inherit !important;
}

abbr[title] {
	-webkit-text-decoration: none !important;
	text-decoration: none !important;
}

body {
	position: relative;
}

/**
 * Typography classes
 */

.t-highlight {
	color: var(--global-palette1);
}

.l-section .t-headline-xl {
		margin-bottom: 0.2em;
		font-family: var(--font-family-headline);
		font-size: var(--font-size-headline-xl);
	}

.l-section .t-headline-lg {
		margin-bottom: 0.2em;
		font-family: var(--font-family-headline);
		font-size: var(--font-size-headline-lg);
		line-height: 1.6667;
	}

.l-section .t-headline-md {
		font-family: var(--font-family-headline);
		font-size: var(--font-size-headline-md);
		line-height: 1.36;
		letter-spacing: 0.02em;
	}

.l-section .t-headline-sm {
		font-family: var(--font-family-headline);
		font-size: var(--font-size-headline-sm);
		line-height: 1.6;
		letter-spacing: 0.02em;
		font-weight: 300;
	}

.t-overline {
	font-size: var(--font-size-overline);
	font-weight: 300;
	letter-spacing: 0.02em;
	color: var(--global-palette5);
}

/**
 * Layout classes
 */

article {
	margin-inline: 0 !important;
}

.entry-content-wrap {
	padding-inline: 0 !important;
}

.l-container {
	padding-inline: var(--global-content-edge-padding) !important;
}

.l-container {
	max-width: var(--grid-max-width);
	margin-inline: auto auto;
}

.l-section {
	padding-block: var(--section-spacer) var(--section-spacer);
}

.s-content {
	max-width: 90%;
}

/**
 * Decorations
 */

/**
 * Particle Cloud animated graphic
 */

@keyframes rotate-particle-cloud {

	100% {
		transform: rotateY(360deg) rotateX(360deg);
	}
}

.d-particle-cloud {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	transform-style: preserve-3d;
	perspective: 1600px;
	animation: rotate-particle-cloud 20s infinite linear;
}

.d-particle {
	position: absolute;
	border-radius: 50%;
	opacity: 0;
	z-index: -2;
}

/**
 * Sphere/particle cloud graphic
 */

.d-sphere {
	position: absolute;
	top: -3%;
	left: -10%;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	max-width: 75%;
	background: transparent url(../images/particleCloud.40c7afca.webp) left top no-repeat;
	background-size: 100% auto;
}

@media (min-width: 960px) {

.d-sphere {
		max-width: 60%;
}
	}

@media (min-width: 1400px) {

.d-sphere {
		left: calc((50vw - var(--grid-max-width) + 350px)  );
		max-width: 1000px;
}
	}

/**
 * Dots & Lines
 */

@keyframes pulse-ring {

	0% {
		transform: scale(0.33);
	}

	80%,
	100% {
		opacity: 0;
	}
}

@keyframes pulse-dot {

	0% {
		transform: scale(0.8);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.8);
	}
}

.d-dot,
.d-dot::before,
.d-dot::after {
	content: "";
	position: absolute;
	display: block;
	border-radius: 50%;
}

.d-dot {
	width: 25px;
	height: 25px;
	border: 1px solid var(--global-palette1);
}

.d-dot::before {
		left: -50%;
		top: -50%;
		width: 200%;
		height: 200%;
		box-sizing: border-box;
		background: var(--global-palette1);
		animation: pulse-ring 2500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
	}

.d-dot::after {
		left: 20%;
		top: 20%;
		width: 60%;
		height: 60%;
		box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
		background: var(--global-palette1);
		animation: pulse-dot 2500ms cubic-bezier(0.455, 0.03, 0.515, 0.955) -400ms infinite;
	}

/**
 * Styling for the HTML canvas element which draws lines  between the dots.
 */

#d-lines {
	position: absolute;
	margin-top: calc(-1 * var(--wp-admin--admin-bar--height));
}

/**
 * Content Sections
 */

.s--hero .s-content {
		position: relative;
	}

.s--hero .t-headline-xl {
		position: relative;
	}

.s--hero .d-dot {
		right: -0.5em;
		bottom: 0;
	}

@media (min-width: 768px) {

.s--hero .d-dot {
			right: 45%;
			bottom: 0.25em;
	}
		}

.s--hero .t-overline {
		line-height: 1.75;
	}

.s--industry-leaders .s-content {
		margin-bottom: var(--section-spacer);
	}

.s--industry-leaders ul.x-feature-points {
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
		text-indent: 0;
	}

.x-fp {
	position: relative;
	padding-block: 24px;
	font-family: var(--font-family-headline);
	font-size: clamp(18px, 3vw, 20px);
	font-weight: 300;
}

@media (min-width: 768px) {

.x-fp {
		padding-block: 12px;
}
	}

.x-fp .d-dot {
		top: 0.4em;
		left: -48px;
	}

.x-fp span {
		position: relative;
		display: block;
	}

.x-fp .value {
		font-size: clamp(38px, 6vw, 64px);
		line-height: 1.2;
	}

.x-fp .label {
		width: 60%;
		max-width: 200px;
	}

@media (min-width: 1290px) {

.x-fp .label {
			max-width: none;
	}
		}

.x-fp--01 {
	padding-left: 15%;
}

@media (min-width: 960px) {

.x-fp--01 {
		left: 45%;
}
	}

.x-fp--02 {
	padding-right: 15%;
	text-align: right;
}

@media (min-width: 960px) {

.x-fp--02 {
		right: 60%;
}
	}

.x-fp--02 .d-dot {
		right: -48px;
		left: auto;
	}

.x-fp--02 .label {
		margin-left: auto;
	}

.x-fp--03 {
	padding-left: 25%;
}

@media (min-width: 768px) {

.x-fp--03 {
		left: 10%;
}
	}

@media (min-width: 960px) {

.x-fp--03 {
		left: 50%;
}
	}

.x-fp--04 {
	padding-right: 25%;
	text-align: right;
}

@media (min-width: 768px) {

.x-fp--04 {
		right: 0;
}
	}

@media (min-width: 960px) {

.x-fp--04 {
		right: 30%;
}
	}

.x-fp--04 .d-dot {
		right: -48px;
		left: auto;
	}

.x-fp--04 .label {
		margin-left: auto;
	}

.x-fp--05 {
	left: 40%;
}

@media (min-width: 768px) {

.x-fp--05 {
		left: 10%;
}
	}

@media (min-width: 960px) {

.x-fp--05 {
		left: 65%;
}
	}

@media (min-width: 1290px) {

.x-fp--05 {
		left: 80%;
}
	}

.x-fp--06 {
	padding-right: 15%;
	text-align: right;
}

@media (min-width: 960px) {

.x-fp--06 {
		right: 70%;
}
	}

.x-fp--06 .d-dot {
		right: -48px;
		left: auto;
	}

.x-fp--06 .label {
		margin-left: auto;
	}

.x-fp--07 {
	padding-left: 25%;
}

@media (min-width: 768px) {

.x-fp--07 {
		left: 10%;
}
	}

@media (min-width: 960px) {

.x-fp--07 {
		left: 50%;
}
	}

.x-fp--08 {
	padding-right: 25%;
	text-align: right;
}

@media (min-width: 768px) {

.x-fp--08 {
		right: 0;
}
	}

@media (min-width: 960px) {

.x-fp--08 {
		right: 30%;
}
	}

.x-fp--08 .d-dot {
		right: -48px;
		left: auto;
	}

.x-fp--08 .label {
		margin-left: auto;
	}

/**
 * Cloud Products section
 */

.x-particle-cloud {
	position: relative;
}

.s--cloud-products {
	position: relative;
}

.s--cloud-products .t-headline-xl {
		margin-bottom: var(--section-spacer) !important;
	}

.s--cloud-products .t-headline-xl {
		position: relative;
		max-width: 320px;
		margin-top: 0;
	}

@media (min-width: 960px) {

.s--cloud-products .t-headline-xl {
			max-width: 400px;
	}
		}

@media (min-width: 1290px) {

.s--cloud-products .t-headline-xl {
			max-width: 480px;
	}
		}

.s--cloud-products .t-headline-xl .t-highlight {
			color: var(--global-palette2);
		}

.s--cloud-products .t-headline-xl .d-dot {
			position: relative;
			display: inline-block;
			bottom: 0;
		}

.x-product-focus {
	max-width: 420px;
	margin-left: auto;
	padding-block: var(--section-spacer);
}

.x-cloud-products {
	padding-top: var(--section-spacer);
}

@media (min-width: 960px) {

.x-cloud-products {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: var(--grid-gap);
		gap: var(--grid-gap);
}
	}

.x-cloud-products .l-container {
		position: relative;
	}

.x-cloud-products .l-column {
		display: flex;
		flex-flow: column nowrap;
		gap: 16px;
	}

.x-cloud-products dt {
		margin-top: 64px;
		font-weight: 300;
	}

@media (min-width: 960px) {

.x-cloud-products dt {
			margin-top: 0;
	}
		}

.x-cloud-products dt img {
			display: block;
			margin-bottom: 18px;
		}

.x-cloud-products dd {
		margin: 0;
	}

.x-cloud-products dd.product-description {
		margin-bottom: 24px;
	}

.x-cloud-products dd:last-child {
		justify-self: flex-end;
		margin-top: auto;
		padding-top: 24px;
		border-top: 1px solid var(--kadence-contrast-4, #4d4d4d);
	}

/**
 * We Serve section
 */

.s--we-serve {
	position: relative;
	z-index: 2;
}

.s--we-serve .s-content {
		position: absolute;
		top: 50%;
		transform: translateY(-68%);
		z-index: 2;
		max-width: var(--grid-max-width);
	}

.s--we-serve .t-headline-xl {
		padding: var(--grid-gap);
		font-size: clamp(36px, 8vw, 104px);
	}

.s--we-serve .s-ws-line {
		display: block;
		text-align: center;
	}

@media (min-width: 768px) {

.s--we-serve .s-ws-line {
			text-align: left;
	}
		}

.s--we-serve .s-ws-line b {
			padding-left: 0.3em;
		}

@media (min-width: 768px) {

.s--we-serve .s-ws-line b {
				padding-left: 0.6em;
		}
			}

.x-collage {
	display: grid;
	margin-inline: clamp(0px, 5vw, 120px);
	grid-template-areas:
		". a a a a . . . ."
		". a a a a b b . ."
		". a a a a b b . ."
		"c c c d d d e e ."
		"c c c d d d e e ."
		"c c c d d d f f f"
		". g g h h h f f f"
		". g g h h h f f f"
		". . . h h h . . ."
		". . . h h h . . .";
	grid-template-columns: repeat(9, 1fr);
	grid-template-rows: repeat(10, 1fr);
	grid-gap: clamp(2px, 0.5vw, 16px);
	gap: clamp(2px, 0.5vw, 16px);
}

.x-c {
	overflow: hidden;
}

.x-c img {
		margin: -5px; /* Hack b/c our image export was leaving white edges around some images. */
	}

.x-c--01 {
	-ms-grid-row: 1;
	-ms-grid-row-span: 5;
	-ms-grid-column: 3;
	-ms-grid-column-span: 7;
	grid-area: a;
	opacity: 0.4;
	overflow: hidden;
}

.x-c--02 {
	-ms-grid-row: 3;
	-ms-grid-row-span: 3;
	-ms-grid-column: 11;
	-ms-grid-column-span: 3;
	grid-area: b;
	opacity: 0.25;
}

.x-c--03 {
	-ms-grid-row: 7;
	-ms-grid-row-span: 5;
	-ms-grid-column: 1;
	-ms-grid-column-span: 5;
	grid-area: c;
	opacity: 0.3;
}

.x-c--04 {
	-ms-grid-row: 7;
	-ms-grid-row-span: 5;
	-ms-grid-column: 7;
	-ms-grid-column-span: 5;
	grid-area: d;
	opacity: 0.4;
}

.x-c--05 {
	-ms-grid-row: 7;
	-ms-grid-row-span: 3;
	-ms-grid-column: 13;
	-ms-grid-column-span: 3;
	grid-area: e;
	opacity: 0.32;
}

.x-c--06 {
	-ms-grid-row: 11;
	-ms-grid-row-span: 5;
	-ms-grid-column: 13;
	-ms-grid-column-span: 5;
	grid-area: f;
	opacity: 0.4;
}

.x-c--07 {
	-ms-grid-row: 13;
	-ms-grid-row-span: 3;
	-ms-grid-column: 3;
	-ms-grid-column-span: 3;
	grid-area: g;
	opacity: 0.4;
}

.x-c--08 {
	-ms-grid-row: 13;
	-ms-grid-row-span: 7;
	-ms-grid-column: 7;
	-ms-grid-column-span: 5;
	grid-area: h;
	opacity: 0.5;
}

/**
 * Global Footprint section
 */

.s--global-footprint {
	position: relative;
	aspect-ratio: 4/3;
	margin-block: calc(2 * var(--section-spacer)) var(--section-spacer);
	padding-top: 0;

	/*.x-locations {
		margin: 0;
		padding: 0;
		list-style: none;
		line-height: 2;

		@media (--viewport-small) {
			margin: 0;
			padding: 0;
			list-style: none;
			columns: 2;
			gap: var(--grid-gap);
		}

		@media (--viewport-full) {
			columns: 3;
		}
	}*/
}

@media (min-width: 600px) {

.s--global-footprint .x-map {
			position: absolute;
			width: 100%;
	}
		}

.s--global-footprint .x-map img {
			width: 100%;

		}

.s--global-footprint .l-container {
		position: relative;
		top: calc(-1 * var(--section-spacer))
	}

.s--global-footprint .s-content {
		/*max-width: 900px;*/
		max-width: none;
		overflow: hidden;
	}

.s--global-footprint .t-headline-xl {
		text-indent: -28%;
		margin-left: 22%;
		margin-bottom: var(--grid-gap);
	}

.s--global-footprint .t-headline-sm {
		float: right;
	}

@media (min-width: 768px) {

.s--global-footprint .t-headline-sm {
			position: absolute;
			right: var(--grid-gap);
			margin-top: 10%;
	}
		}

/**
 * Portfolio section
 */

.s--portfolio .t-headline-md {
		margin-bottom: var(--grid-gap) !important;
	}

.s--portfolio .x-portfolio {
		margin: var(--grid-gap) 0 0;
		padding: 0;
		list-style: none;
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: var(--grid-gap);
		gap: var(--grid-gap);
		text-align: center;
	}

@media (min-width: 600px) {

.s--portfolio .x-portfolio {
			grid-template-columns: repeat(2, 1fr);
	}
		}

@media (min-width: 960px) {

.s--portfolio .x-portfolio {
			grid-template-columns: repeat(3, 1fr);
	}
		}

.s--portfolio .x-portfolio li {
			padding: 32px;
			background: #181818;
		}

.s--portfolio .x-portfolio li img {
				display: block;
				margin: 0 auto 24px;
			}


/*# sourceMappingURL=index.css.map*/