/* rem je relativní vůči root 16 px */

@font-face {

	font-family: 'Inter';

	src: url('fonts/Inter/Inter-Regular.woff2') format('woff2'), url('fonts/Inter/Inter-Regular.woff') format('woff');

	font-weight: 400;

	font-style: normal;

}

@font-face {

	font-family: 'Inter';

	src: url('fonts/Inter/Inter-Black.woff2') format('woff2'), url('fonts/Inter/Inter-Black.woff') format('woff');

	font-weight: 900;

	font-style: normal;

}

*, *::before, *::after {

	box-sizing: border-box; /*celková width bude tak včetně padding a border */

}

/*Pro plynulé zobrazení nadpisů*/

.fade-in {

	opacity: 0;

	transform: translateY(30px);

	transition: opacity 1s ease-out, transform 1s ease-out;

}

.fade-in.visible {

	opacity: 1;

	transform: translateY(0);

}

/* Konec */

html {

	scroll-behavior: smooth;

}

body::before {

	content: "";

	position: fixed;

	top: 100px;

	left: 0;

	width: 100%;

	height: 1200px; /* nastav podle výšky pozadí */

	background-image: url("img/bg-header.png");

	background-repeat: no-repeat;

	background-size: contain; /* nebo contain */

	background-position: top center;

	opacity: 0.12; /* průhlednost jen pro pozadí */

	z-index: -1; /* aby bylo pod obsahem */

	pointer-events: none; /* aby se na něj neklikalo */

}

body {

	font-family: 'Inter', sans-serif;

	background-color: black;

}

h1, h2, h3, h4, p, ul, a {

	color: white;

}

h1, h2, h3, h4 {

	font-weight: 900;

}

h1 {

	font-size: 3rem;

	line-height: 3.2rem;

}

h2 {

	font-size: 2rem;

	line-height: 2.3rem;

}

p, ul {

	font-size: 1.2rem;

	font-weight: 400;

	line-height: 1.4em;

}

.intro-img {

	width: 100%;

	height: auto;

	display: block;

}

.empty {

	height: 100vh;

	background-color: #1A1A1A;

	position: relative;

	margin-top: 2px;

}

.sekce-intro, .sekce00, .sekce01, .sekce02, .sekce03, .sekce04 {

	max-width: 1000px;

	padding: 3rem;

	margin: 10px auto;

	scroll-margin-top: 200px;

}

.sekce00 { /*Our technology*/

	display: flex;

	position: relative;

}

.box00 {

	width: 100%;

	aspect-ratio: 1;

	background-image: url("img/00.png");

	background-size: contain;

	background-repeat: no-repeat;

	background-position: center;

	position: absolute;

	position: absolute;

	top: 50px;

	left: 10px;

	will-change: transform;

}

.bg01 {

	background-image: url("img/bg01.png");

}

.sekce01 { /*About us*/

	display: flex;

	position: relative;

}

.sekce02 { /*Partners*/

	display: flex;

	flex-direction: column;

	position: relative;

	margin-bottom: 0px;

}

.sekce02 .partners-loga {

	display: flex;

	align-items: center;

	justify-content: space-between;

	opacity: 70%;

	margin-top: 50px;

}

.sekce03 { /*Publications*/

	margin-top: 0px;

	text-align: center;

}

.sekce03 .sloupce {

	display: flex;

}

.sekce03 h2, .sekce03 h3, .sekce03 p {

	color: rgba(69, 69, 69, 1.00);

}

.sekce03 div {

	margin-top: 80px;

}

.sekce04 { /*Contacts*/

	scroll-margin-top: 120px; /* jen pro odskok při kliknutí aby se neskryla pod menu*/

	text-align: center;

}

.box01 {

	width: 100%;

	aspect-ratio: 1;

	background-image: url("img/01.png");

	background-size: contain;

	background-repeat: no-repeat;

	background-position: center;

	position: absolute;

	top: 500px;

	left: 10px;

	will-change: transform;

}

.colLeft {

	width: 50%;

}

.colRight {

	width: 50%;

	position: relative;

	/*border: 1px solid white;*/

}

.sekce04 {

	min-height: 500px;

}

/* Menu */

.bg-menu {

	width: 100%;

	background-color: rgba(0, 0, 0, 0.8);

	position: sticky;

	top: 0;

	z-index: 1000;

}

.sekce-menu {

	max-width: 1000px;

	margin: 5px auto;

	padding: 0.5rem 3rem 0.8rem 2rem;

	display: flex;

	flex-direction: row;

	justify-content: space-between;

	align-items: center;

}

.sekce-menu .logo h1 {

	padding: 0rem;

	margin: 0.4rem 2rem 1.2rem 0rem;

}

.sekce-menu .logo h1 a {

	text-decoration: none;

}

.sekce-menu .menu {

	display: flex;

	flex-direction: row;

}

.sekce-menu .menu div {

	margin-right: 30px;

}

/* Hamburger základ */

.hamburger {

	display: none;

	font-size: 2rem;

	cursor: pointer;

	user-select: none;

	color: white;

}

/* Skryté mobilní menu */

.mobile-menu {

	display: none !important;

	flex-direction: column;

	background-color: rgba(0, 0, 0, 0.95);

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	z-index: 999;

	padding: 1.5rem;

}

.mobile-menu a {

	color: white;

	text-decoration: none;

	margin-bottom: 1rem;

	font-size: 1.2rem;

}



@media (max-width: 768px) {

	h1 {

		font-size: 2rem;

		line-height: 2.2rem;

	}

	h2 {

		font-size: 1.5rem;

		line-height: 1.8rem;

	}

	p {

		font-size: 1rem;

	}

	/* Menu Zobrazení na mobilu */

	.menu {

		display: none !important;

	}

	.hamburger {

		display: block !important;

	}

	.sekce-menu {

		flex-direction: row;

		/*align-items: center;*/

		justify-content: space-between;

		padding: 1rem 1.5rem;

		position: sticky;

		top: 0;

		align-items: flex-start;

		padding-top: 1rem;

		padding-bottom: 0rem;

	}

	.mobile-menu {

		display: none;

	}

	.mobile-menu.show {

		display: flex !important;

	}

	.sekce-menu div h1 {

		margin-bottom: 3px;

		margin-top: 0px;

	}

	.sekce-menu .menu {

		flex-direction: column;

		gap: 1rem;

	}

	.sekce-menu, .sekce-intro, .sekce00, .sekce01, .sekce02, .sekce03, .sekce04 {

		padding-left: 1rem;

		padding-right: 1rem;

	}

	.sekce02 .partners-loga {

		display: flex;

		flex-direction: column;

		justify-content: space-between;

		opacity: 70%;

		margin-top: 50px;

	}

	.sekce02 .partners-loga div {

		margin-top: 40px;

	}

	.sekce00, .sekce01 {

		/*flex-direction: column-reverse;*/

		flex-direction: column;

	}

	.colLeft, .colRight {

		width: 100%;

	}

	.colRight {

		height: 150px;

		opacity: 30%;

	}

	.box00, .box01 {

		position: relative;

		left: auto;

		width: 100%;

		aspect-ratio: 1;

	}

	.box00 {

		top: -100px;

	}

	.box01 {

		top: 100px;

	}

	.img-intro {

		transform: scale(1.3);

		transform-origin: center center;

		/**/

	}

}

.menu-linkedin {

    margin-left: 18px;

    display: flex;

    align-items: center;

    font-family: inherit;

    font-size: 1.15rem;

    font-weight: 400;

    letter-spacing: 0.03em;

}

.menu-linkedin a {

    color: #fff;

    text-decoration: none;

    padding: 8px 14px;

    border-radius: 6px;

    transition: background 0.18s, color 0.18s;

}

.menu-linkedin a:hover {

    color: #37a1e4;

    background: rgba(255,255,255,0.08);

}



/* Skryj LinkedIn odkaz na mobilech */

@media (max-width: 768px) {

    .menu-linkedin {

        display: none;

    }

}

.stelcron-logo-contact {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 36px;

}



.stelcron-logo-contact img {

    max-width: 77px;

    width: 100%;

    height: auto;

    border-radius: 50%;

    box-shadow: 0 0 16px 0 rgba(0,0,0,0.08);

}