h1, .h1{
  font-family: var(--mt-font-display, var(--mt-font-primary));
  font-size: var(--mt-h1);
  line-height: var(--mt-line-heading);
  color: var(--mt-color-heading);
  font-weight: 400;
}

h2, .h2{
  line-height: var(--mt-line-heading);
  color: var(--mt-color-heading);
  font-weight: 400;
  margin: 0;
  font-size: clamp(28px, 4vw, var(--mt-h2));
}

h3, .h3{
    font-size: var(--mt-h3);
    line-height: var(--mt-line-heading);
    color: var(--mt-color-heading);
    font-weight: 400;
    margin: 0;
    font-size: clamp(25px, 3vw, var(--mt-h3)); 
}

h4, .h4{
  font-size: var(--mt-h4);
  line-height: var(--mt-line-heading);
  color: var(--mt-color-heading);
  font-weight: 400;
  margin: 0 0 10px;  
}

a {
  color: var(--mt-color-link);
  transition: color var(--mt-transition-base);
}

a:hover{
  color: var(--mt-color-link-hover);
}

.mitera-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mitera-container ul li {
	position: relative;
	padding-left: 29px;
	margin-bottom: 12px;
}

.mitera-container ul li:last-child {
	margin-bottom: 0;
}

.mitera-container ul li::before {
	content: "";
	position: absolute;
	top: 15px;
	left: 0;
	width: 17px;
	height: 7.5px;
	background-image: url("../../assets/img/li.png");
	background-repeat: no-repeat;
	background-size: 17px 7.5px;
	background-position: center;
	transform: translateY(-50%);
}

.mitera-header {
	transition:
		transform .32s cubic-bezier(.22, 1, .36, 1),
		opacity .32s cubic-bezier(.22, 1, .36, 1),
		background-color .25s ease,
		box-shadow .25s ease;
	will-change: transform, opacity;
}

.mitera-header.is-sticky-hidden {
	opacity: 0;
	transform: translateY(-14px);
	pointer-events: none;
}

.mitera-header.is-sticky-active {
	opacity: 1;
	transform: translateY(0);
}

.mitera-hero__actions .mitera-button {
    color: #fff;
}

.mitera-button {
	--smid-btn-size: 50px;
	--smid-btn-height: 50px;
	--smid-btn-expand: 205px;
	--smid-btn-radius: 5px;
	--smid-btn-bg: var(--mt-color-primary, #bccf00);
	--smid-btn-text: var(--mt-color-heading, #0f223b);
	--smid-btn-hover-text: var(--mt-color-heading, #0f223b);
	--smid-btn-shadow: 0;
	--smid-btn-ease: .42s cubic-bezier(.22, 1, .36, 1);

	position: relative;
	display: inline-flex;
	align-items: center;
	height: var(--smid-btn-height);
	min-width: auto;
	padding: 0 0 0 calc(var(--smid-btn-size) + 16px);
	border-radius: var(--smid-btn-radius);
	background: transparent;
	color: var(--smid-btn-text);
	text-decoration: none;
	white-space: nowrap;
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: -0.02em;
	overflow: hidden;
	transition:
		width var(--smid-btn-ease),
		padding var(--smid-btn-ease),
		color var(--smid-btn-ease),
		transform .22s ease;
}

.mitera-button::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: var(--smid-btn-size);
	height: var(--smid-btn-size);
	transform: translateY(-50%);
	border-radius: var(--smid-btn-radius);
	background: var(--smid-btn-bg);
	box-shadow: 0 8px 18px rgba(15, 34, 59, 0.08);
	transition:
		width var(--smid-btn-ease),
		height var(--smid-btn-ease),
		border-radius var(--smid-btn-ease),
		box-shadow var(--smid-btn-ease),
		transform var(--smid-btn-ease);
	z-index: -1;
}

.mitera-button::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: var(--smid-btn-size);
	height: var(--smid-btn-size);
	transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 22px 22px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M19 12L13 6M19 12L13 18' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	transition: transform var(--smid-btn-ease);
	z-index: 1;
}

.mitera-button:hover,
.mitera-button:focus-visible {
	width: var(--smid-btn-expand);
	padding-left: 30px;
	color: var(--smid-btn-hover-text);
	outline: none;
	transform: translateY(0);
}

.mitera-button:hover::before,
.mitera-button:focus-visible::before {
	width: 100%;
	height: 100%;
	border-radius: var(--smid-btn-radius);
	box-shadow: var(--smid-btn-shadow);
}

.mitera-button:hover::after,
.mitera-button:focus-visible::after {
	left: auto;
	right: 0;
	transform: translate(-10px, -50%);
}

.mitera-button:active {
	transform: translateY(0) scale(.985);
}

.mitera-button > * {
	position: relative;
	z-index: 2;
}

.mitera-button.mitera-button--secondary {
	color: var(--mt-color-heading, #0f223b);
	padding-left: calc(var(--smid-btn-size) + 16px);
}

.mitera-button.mitera-button--secondary::before {
	background: transparent;
	border: 1px solid rgba(15, 34, 59, 0.18);
	box-shadow: none;
}

.mitera-button.mitera-button--secondary::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M19 12L13 6M19 12L13 18' stroke='%230f223b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.mitera-button.mitera-button--secondary:hover,
.mitera-button.mitera-button--secondary:focus-visible {
	color: var(--mt-color-heading, #0f223b);
}

.mitera-button.mitera-button--secondary:hover::before,
.mitera-button.mitera-button--secondary:focus-visible::before {
	background: var(--smid-btn-bg);
	border-color: transparent;
}

.mitera-button.mitera-button--secondary:hover::after,
.mitera-button.mitera-button--secondary:focus-visible::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 12H19M19 12L13 6M19 12L13 18' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
	.site_smid .mitera-project-card__badge {
		top: 15px !important;
		left: 15px !important;
		padding: 0 10px;
		font-size: 14px !important;
	}
	.site_smid .mitera-project-card__media {
		aspect-ratio: 0.86 / 1.02;
		min-height: 300p !important;
	}	
	.site_smid .mitera-project-card__body {
		left: 0 !important;
		right: 15px !important;
		bottom: 15px !important;
		padding-right: 50px!important;
	}	
	.site_smid .mitera-project-card__arrow {
		width: 40px !important;
		height: 40px !important;
	}	
	.mitera-benefits__list li {
		font-size: 17px !important;
	}	
	.mitera-button {
		--smid-btn-size: 48px;
		--smid-btn-height: 48px;
		--smid-btn-expand: 220px;
		font-size: 15px;
		padding-left: calc(var(--smid-btn-size) + 14px);
	}

	.mitera-button:hover,
	.mitera-button:focus-visible {
		padding-left: 22px;
	}
}

.mitera-header--smid {
	background: #ffffff;
}

.mitera-header--smid .mitera-header__main-left {
	flex: 0 0 auto;
}

.mitera-header--smid .mitera-header__main-right {
	flex: 1 1 auto;
	justify-content: flex-end;
}

.mitera-header--smid .mitera-logo__image {
	min-height: 85px;
	width: auto;
}

.mitera-header--smid .mitera-nav__list {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 28px;
}

.mitera-header--smid .mitera-nav__link {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.2;
	color: var(--mt-color-text);
	text-decoration: none;
	transition: color .2s ease, opacity .2s ease;
}

.mitera-header--smid.is-sticky-active {
	background: rgba(255, 255, 255, 0.96);
	backdrop-filter: blur(10px);
	box-shadow: 0 10px 30px rgba(15, 34, 59, 0.08);
}

@media (max-width: 1199px) {
	.mitera-header--smid .mitera-nav__list {
		gap: 20px;
	}
}

@media (max-width: 767px) {
	.mitera-header--smid .mitera-header__main {
		padding: 12px 0;
	}

	.mitera-header--smid .mitera-header__main-inner {
		min-height: 60px;
		gap: 16px;
	}

	.mitera-header--smid .mitera-logo__image {
		max-height: 42px;
	}
}

.mitera-header--smid .mitera-header__main-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-width: 0;
}

.mitera-header--smid .mitera-header__main-right {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.mitera-header--smid .mitera-nav__list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 50px;
	min-width: 0;
}

.mitera-header--smid .mitera-nav__link {
	position: relative;
	text-decoration: none;
    white-space: nowrap;
}

.mitera-header--smid .mitera-nav__link::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -7px;
	width: 100%;
	height: 1px;
	background: var(--mt-color-text);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .28s ease;
}

.mitera-header--smid .mitera-nav__link:hover,
.mitera-header--smid .current-menu-item > .mitera-nav__link,
.mitera-header--smid .current-menu-ancestor > .mitera-nav__link {
	text-decoration: none;
}

.mitera-header--smid .mitera-nav__link:hover::after,
.mitera-header--smid .current-menu-item > .mitera-nav__link::after,
.mitera-header--smid .current-menu-ancestor > .mitera-nav__link::after {
	transform: scaleX(1);
}

@media (max-width: 1399px) {
	.mitera-header--smid .mitera-nav__list {
		gap: 24px;
	}

	.mitera-header--smid .mitera-nav__link {
		font-size: 16px;
	}
}

@media (max-width: 1199px) {
	.mitera-header--smid .mitera-layout__block-id--primary-nav {
		display: none !important;
	}

	.mitera-header--smid .mitera-layout__block-id--header-mobile-toggle {
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
}

@media (min-width: 1200.5px) {
	.mitera-header--smid .mitera-layout__block-id--primary-nav {
		display: block !important;
	}

	.mitera-header--smid .mitera-layout__block-id--header-mobile-toggle {
		display: none !important;
	}
}

@media (max-width: 1199px) {
	.mitera-header--smid .mitera-layout__block-id--primary-nav {
		display: none !important;
	}

	.mitera-header--smid .mitera-layout__block-id--header-mobile-toggle {
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
}

.mitera-hero__title {
    font-size: clamp(36px, 5vw, 45px) !important;
    font-weight: 400;
    color: var(--mt-color-primary) !important;
}

.mitera-hero__text p {
    margin: 0 0 24px;
    max-width: 36ch;
    font-size: clamp(14px, 1.4vw, 16px) !important;
    line-height: 1.6;
}

.site_smid .mitera-hero__arrow {
	width: 50px;
	height: 50px;
	border: 1px solid var(--mt-color-primary);
	border-radius: var(--mt-radius-sm) !important;
	background: transparent !important;
	color: var(--mt-color-primary);
}

.site_smid .mitera-hero__arrow:hover {
	transform: translateY(0px);
	background: var(--mt-color-primary) !important;
	border-color: var(--mt-color-primary) !important;
    color: #fff;
}

.site_smid .mitera-hero__arrow span {
	position: relative;
	display: block;
	width: 18px;
	height: 18px;
}

.site_smid .mitera-hero__arrow span::before,
.site_smid .mitera-hero__arrow span::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 14px;
	height: 2px;
	background: currentColor;
	border-radius: 2px;
	transform-origin: center;
	transition:
		background-color .25s ease,
		transform .25s ease,
		opacity .25s ease;
}

/* PREV */
.site_smid .mitera-hero__arrow--prev span::before {
	transform: translate(-55%, -4px) rotate(-45deg);
}

.site_smid .mitera-hero__arrow--prev span::after {
	transform: translate(-55%, 4px) rotate(45deg);
}

/* NEXT */
.site_smid .mitera-hero__arrow--next span::before {
	transform: translate(-45%, -4px) rotate(45deg);
}

.site_smid .mitera-hero__arrow--next span::after {
	transform: translate(-45%, 4px) rotate(-45deg);
}

/* hover jemný pohyb */
.site_smid .mitera-hero__arrow--prev:hover span::before,
.site_smid .mitera-hero__arrow--prev:focus-visible span::before {
	transform: translate(-60%, -4px) rotate(-45deg);
}

.site_smid .mitera-hero__arrow--prev:hover span::after,
.site_smid .mitera-hero__arrow--prev:focus-visible span::after {
	transform: translate(-60%, 4px) rotate(45deg);
}

.site_smid .mitera-hero__arrow--next:hover span::before,
.site_smid .mitera-hero__arrow--next:focus-visible span::before {
	transform: translate(-40%, -4px) rotate(45deg);
}

.site_smid .mitera-hero__arrow--next:hover span::after,
.site_smid .mitera-hero__arrow--next:focus-visible span::after {
	transform: translate(-40%, 4px) rotate(-45deg);
}

/* disabled */
.site_smid .mitera-hero__arrow:disabled span::before,
.site_smid .mitera-hero__arrow:disabled span::after {
	opacity: .6;
}


.site_smid .mitera-feature-story-slider__arrow {
	width: 50px;
	height: 50px;
	border: 1px solid var(--mt-color-text);
	border-radius: var(--mt-radius-sm) !important;
	background: transparent !important;
	color: var(--mt-color-text);
}

.site_smid .mitera-feature-story-slider__arrow:hover {
	transform: translateY(0px);
	background: var(--mt-color-text) !important;
	border-color: var(--mt-color-text) !important;
	color: #fff;
}

.site_smid .mitera-feature-story-slider__arrow span {
	position: relative;
	display: block;
	width: 18px;
	height: 18px;
}

.site_smid .mitera-feature-story-slider__arrow span::before,
.site_smid .mitera-feature-story-slider__arrow span::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	width: 14px;
	height: 2px;
	background: currentColor;
	border-radius: 2px;
	transform-origin: center;
	transition:
		background-color .25s ease,
		transform .25s ease,
		opacity .25s ease;
}

/* PREV */
.site_smid .mitera-feature-story-slider__arrow--prev span::before {
	transform: translate(-55%, -4px) rotate(-45deg);
}

.site_smid .mitera-feature-story-slider__arrow--prev span::after {
	transform: translate(-55%, 4px) rotate(45deg);
}

/* NEXT */
.site_smid .mitera-feature-story-slider__arrow--next span::before {
	transform: translate(-45%, -4px) rotate(45deg);
}

.site_smid .mitera-feature-story-slider__arrow--next span::after {
	transform: translate(-45%, 4px) rotate(-45deg);
}

/* hover jemný pohyb */
.site_smid .mitera-feature-story-slider__arrow--prev:hover span::before,
.site_smid .mitera-feature-story-slider__arrow--prev:focus-visible span::before {
	transform: translate(-60%, -4px) rotate(-45deg);
}

.site_smid .mitera-feature-story-slider__arrow--prev:hover span::after,
.site_smid .mitera-feature-story-slider__arrow--prev:focus-visible span::after {
	transform: translate(-60%, 4px) rotate(45deg);
}

.site_smid .mitera-feature-story-slider__arrow--next:hover span::before,
.site_smid .mitera-feature-story-slider__arrow--next:focus-visible span::before {
	transform: translate(-40%, -4px) rotate(45deg);
}

.site_smid .mitera-feature-story-slider__arrow--next:hover span::after,
.site_smid .mitera-feature-story-slider__arrow--next:focus-visible span::after {
	transform: translate(-40%, 4px) rotate(-45deg);
}

/* disabled */
.site_smid .mitera-feature-story-slider__arrow:disabled span::before,
.site_smid .mitera-feature-story-slider__arrow:disabled span::after {
	opacity: .6;
}



.site_smid .mitera-feature-story-slider__title {
    margin: 0 0 18px;
    font-size: clamp(20px, 3.5vw, 40px);
    font-weight: 400;
    color: var(--mt-color-text);
}

.site_smid .mitera-feature-story-slider__text p {
    margin: 0 0 24px;
    font-size: clamp(14px, 1.15vw, 18px);
    line-height: 1.65;
    max-width: 100%;
    color: var(--mt-color-text);
}

.site_smid .mitera-feature-story-slider__panel .mitera-button {
    color: var(--mt-color-text);
}





.mitera-projects-listing__viewport {
    max-width: 100%;
}

.site_smid .mitera-project-card {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	background: #0f223b;
}

.site_smid .mitera-project-card__media {
	position: relative;
	aspect-ratio: 0.86 / 1.02;
	min-height: 460px;
}

.site_smid .mitera-project-card__media-link {
	position: absolute;
	inset: 0;
	display: block;
}

.site_smid .mitera-project-card__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.site_smid .mitera-project-card__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		rgba(15, 34, 59, 0.22) 0%,
		rgba(15, 34, 59, 0.38) 42%,
		rgba(15, 34, 59, 0.82) 100%
	);
}

.site_smid .mitera-project-card__badge {
    position: absolute;
    top: 28px;
    left: 28px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 10px;
    border: 1px solid var(--mt-color-primary);
    border-radius: 5px;
    color: var(--mt-color-primary);
    font-size: 16px;
    font-weight: 500;
    background: rgba(15, 34, 59, 0.12);
    backdrop-filter: blur(2px);
}

.site_smid .mitera-project-card__body {
    position: absolute;
    left: 15px;
    right: 30px;
    bottom: 30px;
    z-index: 3;
    padding-right: 80px;
}

.site_smid .mitera-project-card__type {
	margin-bottom: 14px;
	color: var(--mt-color-primary);
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.site_smid .mitera-project-card__title,
.site_smid .mitera-project-card__title a {
	margin: 0 0 12px;
	color: #fff;
	text-decoration: none;
	font-size: 28px;
	line-height: 1.12;
}

.site_smid .mitera-project-card__excerpt,
.site_smid .mitera-project-card__excerpt p {
	margin: 0;
	color: rgba(255,255,255,0.92);
	font-size: 16px;
	line-height: 1.5;
}

.site_smid .mitera-project-card__arrow {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 60px;
	height: 60px;
	border-radius: 5px;
	background: var(--mt-color-primary);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.site_smid .mitera-project-card__arrow span {
	position: relative;
	display: block;
	width: 18px;
	height: 18px;
}

.site_smid .mitera-project-card__arrow span::before,
.site_smid .mitera-project-card__arrow span::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 7px;
	width: 14px;
	height: 2px;
	background: #fff;
	border-radius: 2px;
	transform-origin: center;
}

.site_smid .mitera-project-card__arrow span::before {
	transform: translate(-45%, -4px) rotate(45deg);
}

.site_smid .mitera-project-card__arrow span::after {
	transform: translate(-45%, 5px) rotate(-45deg);
}

.site_smid .mitera-project-card__image {
	transition: transform 0.6s ease;
}

.site_smid .mitera-project-card__overlay {
	position: absolute;
	inset: 0;
	background: rgba(15, 34, 59, 0.55);
	transition: background 0.35s ease;
	z-index: 2;
}

.site_smid .mitera-project-card:hover .mitera-project-card__overlay {
	background: rgba(15, 34, 59, 0.85);
}

.site_smid .mitera-project-card:hover .mitera-project-card__image {
	transform: scale(1.04);
}

.site_smid .mitera-news-card__title a {
	position: relative;
	display: inline;
	text-decoration: none;
}

.site_smid .mitera-news-card__title a::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -7px;
	width: 100%;
	height: 1px;
	background: var(--mt-color-text);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .28s ease;
}

.site_smid .mitera-news-card__title a:hover,
.site_smid .mitera-news-card__title a:focus-visible {
	text-decoration: none;
}

.site_smid .mitera-news-card__title a:hover::after,
.site_smid .mitera-news-card__title a:focus-visible::after {
	transform: scaleX(1);
}