@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("../fonts/manrope-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("../fonts/manrope-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: "Manrope";
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
	src: url("../fonts/manrope-cyrillic.woff2") format("woff2");
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

:root {
	--siliteh-color-midnight-navy: #00224d;
	--siliteh-color-ghost-white: #f6fafd;
	--siliteh-color-ghost-white-94: rgb(246 250 253 / 94%);
	--siliteh-radius-card: 16px;
	--siliteh-color-ghost-white-65: rgb(246 250 253 / 65%);
	--siliteh-color-black: #081b25;
	--siliteh-color-bright-gray: #e7ecf1;
	--siliteh-color-medium-gray: #7e96b3;
	--siliteh-color-white: #fff;
	--siliteh-color-white-35: rgb(255 255 255 / 35%);
	--siliteh-color-white-20: rgb(255 255 255 / 20%);
	--siliteh-color-white-50: rgb(255 255 255 / 50%);
	--siliteh-color-light-blue: #8ec0ff;
	--siliteh-color-medium-blue: #377bfa;
	--siliteh-color-green-yellow: #adfb49;
	--siliteh-color-light-blue-35: rgb(142 192 255 / 35%);
	--siliteh-color-light-blue-0: rgb(142 192 255 / 0%);
	--siliteh-color-green-yellow-20: rgb(173 251 73 / 20%);
	--siliteh-color-green-yellow-0: rgb(173 251 73 / 0%);
	--siliteh-color-ghost-white-80: rgb(246 250 253 / 80%);
	--siliteh-color-ghost-white-78: rgb(246 250 253 / 78%);
	--siliteh-color-ghost-white-62: rgb(246 250 253 / 62%);
	--siliteh-color-ghost-white-58: rgb(246 250 253 / 58%);
	--siliteh-color-ghost-white-10: rgb(246 250 253 / 10%);
	--siliteh-color-medium-gray-70: rgb(126 150 179 / 70%);
	--siliteh-color-medium-gray-45: rgb(126 150 179 / 45%);
	--siliteh-color-medium-gray-20: rgb(126 150 179 / 20%);
	--siliteh-color-bright-gray-45: rgb(231 236 241 / 45%);
	--siliteh-color-bright-gray-20: rgb(231 236 241 / 20%);
	--siliteh-color-navy-surface: #0b2c56;
	--siliteh-color-navy-80: rgb(0 34 77 / 80%);
	--siliteh-color-navy-25: rgb(0 34 77 / 25%);
	--siliteh-color-navy-28: rgb(0 34 77 / 28%);
	--siliteh-color-navy-08: rgb(0 34 77 / 8%);
	--siliteh-color-white-surface: #fefefe;
	--siliteh-color-surface-soft: #e7edf4;
	--siliteh-color-surface-light-blue: #dceaff;
	--siliteh-color-surface-overlay: rgb(248 251 255 / 90%);
	--siliteh-color-light-blue-50: rgb(225 238 255 / 50%);
	--siliteh-color-pale-blue: #e1eeff;
	--siliteh-color-oat-08: rgb(250 245 240 / 8%);
	--siliteh-color-muted-blue: #87a4c7;
	--siliteh-color-muted-navy: #536b86;
	--siliteh-color-muted-border: #c8d4e1;
	--siliteh-font-family: "Manrope", Arial, sans-serif;
	--siliteh-font-h1: 72px;
	--siliteh-font-h2: 58px;
	--siliteh-font-h3: 24px;
	--siliteh-font-body-large: 28px;
	--siliteh-font-body-medium: 16px;
	--siliteh-font-body-small: 14px;
	--siliteh-font-nav: 16px;
	--siliteh-font-button: 18px;
	--siliteh-shadow-card: 0 12px 24px rgba(3, 31, 80, 0.03);
	--siliteh-shadow-card-compact: 0 12px 12px rgba(3, 31, 80, 0.03);
	--siliteh-shadow-badge: 0 8px 8px rgb(3 31 80 / 4%);
	--siliteh-shadow-surface: 0 8px 24px rgba(3, 31, 80, 0.05);
	--siliteh-shadow-engineering: 0 7cqw 7.75cqw rgb(124 138 156 / 10%);
	--siliteh-filter-shadow-muted: drop-shadow(0 77px 85px rgba(124, 138, 156, 0.1));
	--siliteh-header-height: 88px;
	--siliteh-sticky-gap: 22px;
	--siliteh-sticky-content-offset: calc(var(--siliteh-header-height) + var(--siliteh-sticky-gap));
	--siliteh-interaction-duration: 160ms;
	--siliteh-interaction-easing: cubic-bezier(0.22, 1, 0.36, 1);
	--siliteh-panel-duration: 220ms;
	--siliteh-shadow-lift: 0 16px 32px rgba(3, 31, 80, 0.08);
	--siliteh-color-navy-60: rgb(0 34 77 / 60%);
	--siliteh-color-success: #38c793;
	--siliteh-color-success-ring: rgb(52 168 83 / 10%);
	--siliteh-color-error: #ed0006;
	--siliteh-color-field-ring: rgb(0 130 166 / 10%);
	--siliteh-shadow-dropdown: 0 4px 12px rgb(0 0 0 / 8%);
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	background: var(--siliteh-color-ghost-white);
	color: var(--siliteh-color-black);
	font-family: var(--siliteh-font-family);
	font-size: var(--siliteh-font-body-medium);
	line-height: 1.5;
}

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

a {
	color: var(--siliteh-color-midnight-navy);
	text-underline-offset: 0.2em;
}

:focus-visible {
	outline: 3px solid var(--siliteh-color-medium-blue);
	outline-offset: 3px;
}

#main-content,
main section[id],
main :is(h1, h2, h3)[id] {
	scroll-margin-top: var(--siliteh-sticky-content-offset);
}

.siliteh-container {
	width: calc(100% - 48px);
	margin-inline: auto;
}

.siliteh-main {
	min-height: 60vh;
	padding-block: clamp(64px, 10vw, 144px);
}

.home .siliteh-main {
	display: flow-root;
	padding-block: 0;
}

.home-eyebrow {
	width: fit-content;
	margin: 0;
	padding: 6px 12px;
	border-radius: 8px;
	background: var(--siliteh-color-bright-gray);
	color: var(--siliteh-color-midnight-navy);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1.35;
	text-transform: uppercase;
}

.siliteh-placeholder {
	padding: clamp(32px, 6vw, 72px);
	border: 1px solid var(--siliteh-color-bright-gray);
	background: var(--siliteh-color-white);
	box-shadow: var(--siliteh-shadow-card);
}

@media (min-width: 1440px) {
	.page-template-template-competences-php [data-competences-section] .home-eyebrow {
		padding: 6px 14px;
		font-weight: 800;
		letter-spacing: 0.5px;
		line-height: 1;
	}
}

.siliteh-placeholder h1,
.entry-title,
.archive-title {
	margin-block: 0 24px;
	color: var(--siliteh-color-midnight-navy);
	font-size: clamp(40px, 5vw, var(--siliteh-font-h1));
	font-weight: 500;
	letter-spacing: -0.04em;
	line-height: 1.1;
}

/* The H1 role is 44px on phones (style elements 590:31686); the long Polish and
   Russian words of the translated headings must wrap instead of widening the page. */
@media (max-width: 600px) {
	h1 {
		overflow-wrap: break-word;
	}

	h1:lang(pl),
	h1:lang(ru) {
		hyphens: auto;
	}
}

.siliteh-placeholder p,
.entry-content {
	font-size: var(--siliteh-font-body-large);
	font-weight: 500;
	line-height: 1.25;
}

.siliteh-button,
.wp-element-button,
button,
input[type="button"],
input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 56px;
	padding: 10px 32px;
	border: 0;
	background: var(--siliteh-color-midnight-navy);
	color: var(--siliteh-color-white);
	font: 700 var(--siliteh-font-button) / 1.25 var(--siliteh-font-family);
	text-decoration: none;
	transition:
		background-color var(--siliteh-interaction-duration) var(--siliteh-interaction-easing),
		border-color var(--siliteh-interaction-duration) var(--siliteh-interaction-easing),
		color var(--siliteh-interaction-duration) var(--siliteh-interaction-easing),
		transform var(--siliteh-interaction-duration) var(--siliteh-interaction-easing);
}

@media (hover: hover) and (pointer: fine) {
	a:hover {
		text-decoration-thickness: 0.12em;
	}

	a.siliteh-button:hover,
	a.wp-element-button:hover,
	button:hover,
	input[type="button"]:hover,
	input[type="submit"]:hover {
		transform: translateY(-1px);
	}
}

/* Shared hover lift for cards and plates; opt in from the markup. */
.siliteh-lift {
	transition:
		transform var(--siliteh-interaction-duration) var(--siliteh-interaction-easing),
		box-shadow var(--siliteh-interaction-duration) var(--siliteh-interaction-easing);
}

@media (hover: hover) and (pointer: fine) {
	.siliteh-lift:hover {
		transform: translateY(-4px);
		box-shadow: var(--siliteh-shadow-lift);
	}
}

/* Sending (style elements 590:31003): black fill, the spinner replaces the arrow. */
.siliteh-button__spinner {
	display: none;
	width: 16px;
	height: 16px;
}

.siliteh-button.is-loading {
	background: var(--siliteh-color-black);
	cursor: progress;
}

.siliteh-button.is-loading .siliteh-button__icon {
	display: none;
}

.siliteh-button.is-loading .siliteh-button__spinner {
	display: block;
	animation: siliteh-spin 800ms steps(8) infinite;
}

@keyframes siliteh-spin {
	to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
	.siliteh-button.is-loading .siliteh-button__spinner {
		animation: none;
	}
}

a.siliteh-button:active,
a.wp-element-button:active,
button:active,
input[type="button"]:active,
input[type="submit"]:active {
	transform: scale(0.97);
}

@media (max-width: 1279px) {
	:root {
		--siliteh-header-height: 80px;
	}
}

@media (max-width: 600px) {
	.siliteh-container {
		width: calc(100% - 32px);
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}

	.siliteh-lift,
	a.siliteh-button,
	a.wp-element-button,
	button,
	input[type="button"],
	input[type="submit"] {
		transform: none !important;
	}
}