@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');


/**
 * Swiper 12.1.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 18, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}


:root {
	--black: #000000;
	--dark: #121213;
	--stroke: #211F1F;
	--white: #fff;
	--gray: color-mix(in srgb, var(--white) 70%, transparent);
	--font: "Inter Tight";
	--header: 85px;
	--side: 20px;
	--vert: 80px;
	font-size: min(1.111111vw, 16px);
	--gradient: linear-gradient(180deg, #AEC4CF -8.87%, #3A5467 39.72%, #060A0C 99.11%);
	--sidebar: calc((100vw - var(--side) * 2)*0.59);
}

@media only screen and (min-width: 768px) {
	:root {
		--vert: 110px;
	}
}

@media only screen and (min-width: 1024px) {
	:root {
		--header: 108px;

	}
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {

	:root {
		--side: 40px;
	}
}

@media only screen and (min-width: 1280px) and (max-width: 1919px) {
	:root {
		--side: 60px;
	}
}

/*
@media only screen and (min-width: 1440px) {
	:root {
		--side: calc((100vw - 1320px)/2);
	}
}
*/


@media only screen and (min-width: 1920px) {
	:root {
		--side: calc((100vw - 1800px)/2);
	}
}

html,
body {
	height: 100%;
	box-sizing: border-box;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased;
	font-optical-sizing: auto;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	background: var(--black);
	font: normal 14px/1.4 var(--font);
	color: var(--white);
	-webkit-text-size-adjust: none;
	display: flex;
	flex-direction: column;
}

*,
::after,
::before,
::backdrop,
::file-selector-button {
	margin: 0;
	padding: 0;
}

*,
::after,
::before,
::backdrop,
::file-selector-button {
	box-sizing: border-box;
	border: 0 solid;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
}

ol,
ul,
menu {
	list-style: none;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
	display: block;
	vertical-align: middle;
}

img,
video {
	max-width: 100%;
	height: auto;
}

*,
*:before,
*:after {
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


header,
nav,
section,
article,
aside,
footer,
menu,
time,
figure,
figcaption,
main {
	display: block;
}

img,
svg,
picture {
	border: 0;
	outline: none;
	vertical-align: top;
}

svg {
	fill: currentColor;
}

/* === Tilda override: reset link styles inside .mainwrap === */
.mainwrap a:not(.btn) {
	color: inherit !important;
	text-decoration: none !important;
	outline: none;
	cursor: pointer;
}

.mainwrap a.btn-white {
	color: var(--dark) !important;
}

.mainwrap a.btn-dark {
	color: var(--white) !important;
}

a {
	color: #009;
	text-decoration: underline;
	outline: none;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

strong {
	font-weight: bold;
}

button,
input,
select,
textarea {
	appearance: none;
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	font: inherit;
	color: inherit;
}

button {
	cursor: pointer;
}

.js_split>span>span {
	display: inline-block;
	vertical-align: top;
	backface-visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	--delay: 0.1s;
	transform: translateY(1lh);
	opacity: 0;
}

.js_detectScroll.visible .js_split>span>span {
	opacity: 1;
	transform: translateY(0);
}

a:not(.btn):has(.js_hover) {
	display: inline-block;
	vertical-align: top;
}

.js_hover {
	pointer-events: none;
	display: inline-flex;
	vertical-align: top;
	align-items: center;
	flex: 0 0 auto;
	line-height: 1.2;
	overflow: hidden;
	backface-visibility: hidden;
}

.js_hover>* {
	flex: 0 0 auto;
	backface-visibility: hidden;
	text-shadow: 0 1lh 0 currentColor;
	transform: translate3d(0, 0, 0);
	transition: transform 0.4s ease;
	--delay: 0.05s;
}

.js_hover:has(> *:nth-child(10))>* {
	--delay: 0.04s;
}

.js_hover:has(> *:nth-child(20))>* {
	--delay: 0.03s;
}

@media (pointer:fine) {

	a:hover .js_hover>*,
	button:hover .js_hover>* {
		transform: translate3d(0, -1lh, 0);
	}
}

.mainwrap {
	flex: 0 0 auto;
	width: 100%;
	min-height: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	padding: 0 var(--side);
	display: flex;
	align-items: center;
	color: var(--white);
	height: var(--header);
}

.header:before {
	backface-visibility: hidden;
	content: '';
	position: absolute;
	z-index: 0;
	inset: 0;
	-webkit-backdrop-filter: blur(50px);
	backdrop-filter: blur(50px);
	display: none;
}

.header.scrolled:before {
	display: block;
}

.header a {
	color: inherit;
}

.header .logo {
	flex: 0 0 auto;
	text-decoration: none;
	position: relative;
	z-index: 2;
}

.header .logo img {
	display: block;
	height: 35px;
	width: auto;
}

@media only screen and (min-width: 1024px) {
	.header .logo img {
		height: 44px;
	}
}

.menu-trigger {
	flex: 0 0 auto;
	margin-left: auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
	z-index: 2;
	font-weight: 600;
	font-size: 12px;
	line-height: 1.2;
	transition-property: color, background, width;
	transition-duration: 0.4s;
	transition-timing-function: ease;
	color: var(--white);
	background-color: color-mix(in srgb, var(--black) 15%, transparent);
	padding: 0 10px;
	height: 30px;
	border-radius: 5px;
	overflow: hidden;
	--width1: 47px;
	--width2: 63px;
	width: calc(var(--width1) + 20px);
}

@media only screen and (min-width: 1024px) {
	.menu-trigger {
		display: none;
	}
}

.menu-trigger[aria-expanded="true"] {
	color: var(--black);
	background-color: var(--white);
	width: calc(var(--width2) + 20px);
}

.menu-trigger>* {
	display: flex;
	align-items: center;
	gap: 4px;
	transition: opacity 0.4s ease;
}

.menu-trigger[aria-expanded="true"]>.to-open {
	opacity: 0;
}

.menu-trigger[aria-expanded="true"]>.to-close {
	opacity: 1;
}

.menu-trigger .to-close {
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	opacity: 0;
}

.menu-trigger .icon {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	gap: 2.5px;
}

.menu-trigger .icon:before,
.menu-trigger .icon:after {
	content: '';
	flex: 0 0 auto;
	width: 10px;
	height: 1.5px;
	border-radius: 1px;
	background-color: currentColor;
}

@media only screen and (max-width: 1023px) {
	.menu {
		position: fixed;
		z-index: 1;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100vh;
		height: 100lvh;
		backface-visibility: hidden;
		background-color: var(--black);
		color: var(--white);
		padding: calc(var(--header) + 40px) var(--side) 40px var(--side);
		padding: calc(var(--header) + 40px) var(--side) calc(100lvh - 100svh + 40px) var(--side);
		overflow-y: auto;
		display: flex;
		flex-direction: column;
		gap: 40px;
		transition: transform 0.4s ease;
		transform: translateX(0);
		overflow: hidden;
		overflow-y: auto;
	}

	.menu[data-open="true"] {
		transform: translateX(-100%);
	}


	.menu .links ul {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 27px;
		font-size: 30px;
		line-height: 1.2;
		counter-reset: me;
	}

	.menu .links li {
		position: relative;
		padding-left: 45px;
		backface-visibility: hidden;
		transform: translateX(145px);
		opacity: 0;
		transition-property: transform, opacity;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		transition-delay: 0.4s;
	}

	.menu[data-open="true"] .links li {
		transform: translateX(0);
		opacity: 1;
		transition-delay: 0.35s;
	}

	.menu[data-open="true"] .links li:nth-child(1) {
		transition-delay: 0.1s;
	}

	.menu[data-open="true"] .links li:nth-child(2) {
		transition-delay: 0.15s;
	}

	.menu[data-open="true"] .links li:nth-child(3) {
		transition-delay: 0.2s;
	}

	.menu[data-open="true"] .links li:nth-child(4) {
		transition-delay: 0.25s;
	}

	.menu[data-open="true"] .links li:nth-child(5) {
		transition-delay: 0.3s;
	}

	.menu .links li:before {
		content: counter(me, decimal-leading-zero);
		counter-increment: me;
		position: absolute;
		top: 0;
		left: 0;
		font-weight: 500;
		opacity: 0.2;
		transform-origin: 0 85%;
		transform: scale(0.6);
	}

	.menu .social {
		margin-top: auto;
	}

	.menu .social-links {
		font-size: 50px;
	}
}

@media only screen and (min-width: 1024px) {
	.menu {
		margin-left: auto;
		position: relative;
		z-index: 2;
	}

	.menu .social {
		display: none;
	}

	.menu .links ul {
		display: flex;
		align-items: center;
		gap: 38px;
		font-weight: 600;
		font-size: 16px;
	}
}

.social-links {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 70px;
	gap: 0.24em;
}

.social-links a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 1em;
	height: 1em;
	background-color: var(--dark);
	border-radius: 0.1em;
	text-decoration: none;
}

.social-links a:before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: var(--gradient);
	transition: opacity 0.4s ease;
	opacity: 0;
}

.social-links a:hover:before {
	opacity: 1;
}

.social-links img {
	position: relative;
	flex: 0 0 auto;
	width: 0.557em;
	height: auto;
}

.social-links a span {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	color: var(--black);
	background-color: var(--white);
	font-size: 0.18em;
	line-height: 1.428;
	padding: 0 0.333em;
	border-radius: 0.222em;
	font-weight: bold;
	text-transform: uppercase;
}

.swiper {
	overflow: hidden;
}

.swiper-wrapper {
	display: flex;
}

.swiper-slide {
	flex: 0 0 auto;
	width: 100%;
}

.btn {
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
	text-decoration: none;
	border-radius: 5px;
	padding: 0 17px;
	height: clamp(40px, 2.5rem, 44px);
	flex: 0 0 auto;
	max-width: 100%;
	backface-visibility: hidden;
}

.btn-white {
	color: var(--dark);
	background-color: var(--white);
}

.btn-dark {
	color: var(--white);
	background-color: var(--dark);
}

.content {
	flex: 1 0 auto;
	width: 100%;
}

.hero {
	position: relative;
	overflow: hidden;
}

.hero .name {
	font-weight: bold;
	font-size: clamp(44px, 6.375rem, 102px);
	line-height: 1.1;
	text-transform: uppercase;
	max-width: 7em;
	position: relative;
	z-index: 2;
}

.hero .photo-name {
	font-weight: bold;
	font-size: calc(clamp(53px, 6.375rem, 102px)*0.54);
	line-height: 1.1;
	text-transform: uppercase;
	max-width: 7em;
}

.hero .slider-hero .small {
	font-weight: 500;
	text-transform: uppercase;
	line-height: 1.4;
	font-size: clamp(10px, 0.75rem, 12px);
}

.hero .slider-hero .big {
	font-weight: 600;
	line-height: 1.1;
	font-size: clamp(24px, 2.25rem, 36px);
	margin-top: 10px;
}

.hero .slider-hero .btns {
	display: flex;
	margin-top: 25px;
	gap: 10px;
}

.hero .slider-hero {

	margin-left: 0 !important;
	margin-right: 0 !important;
}

.hero .slider-hero .swiper-pagination {
	--swiper-pagination-bullet-horizontal-gap: 2.5px;
	--swiper-pagination-bullet-inactive-opacity: 0.3;
	--swiper-theme-color: var(--white);
	--swiper-pagination-bullet-inactive-color: var(--white);
	position: absolute;
	bottom: 0;
	left: calc(var(--side) - var(--swiper-pagination-bullet-horizontal-gap));
	display: flex;
	align-items: center;
	justify-content: start;

}

.hero .slider-hero .swiper-pagination-bullet {
	width: 30px !important;
	height: 4px !important;
	border-radius: 2px !important;
}

@media only screen and (max-width: 767px) {
	.hero .top {
		position: relative;
		background-color: #AAC2CF;
		padding: calc(var(--header) + 10px) var(--side) 0 var(--side);
		display: flex;
		flex-direction: column-reverse;

	}

	.hero .bg {
		width: 100%;
		margin: 0 auto;
		max-width: 542px;
		flex: 0 0 auto;
		position: relative;
		aspect-ratio: 362/474;
		margin-top: -20px;
	}

	.hero .bg:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		height: 10%;
		background: linear-gradient(to bottom, #AAC2CF 0%, #AAC2CF00 100%);
		margin-left: min(-20px, calc((100vw - 542px)/-2));
		width: 100vw;
	}

	.hero .bg video {
		position: absolute;
		width: 210%;
		max-width: none;
		height: auto;
		top: 0;
		right: calc(var(--side) * -1);
		transform: translateX(8.157%);
	}

	.hero .name-text {
		font-weight: 500;
		font-size: clamp(18px, 2.25rem, 36px);
		line-height: 1.2;
		margin-top: 6px;
		position: relative;
		z-index: 2;
	}

	.hero .name-contact {
		display: none;
	}

	.hero .photo-small img {
		display: none;
	}

	.hero .slider-hero {
		margin-top: -104px !important;
		position: relative;
		padding: 24px calc(var(--side) - 20px) 30px calc(var(--side) - 20px) !important;
		background: linear-gradient(to bottom, color-mix(in srgb, var(--black) 0%, transparent) 0%, var(--black) 50%);
	}

	.hero .slider-hero .swiper-slide {
		width: auto;
		padding: 0 20px;
		max-width: 100%;
		min-width: 75%;
	}

	.hero .photo {
		position: relative;
		margin-top: 46px;
	}

	.hero .photo img {
		width: 100%;
		height: auto;
	}

	.hero .photo-name {
		position: absolute;
		bottom: 30px;
		left: var(--side);
		font-weight: bold;
	}
}

@media only screen and (min-width: 768px) {
	.hero {
		min-height: 62.5vw;
		min-height: 100vh;
		display: flex;
		flex-direction: column-reverse;
		padding: calc(var(--header) + 48px) var(--side) 50px var(--side);
		gap: 54px;
		justify-content: space-between;
	}

	.hero .bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	.hero .bg video {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}

	.hero .photo {
		display: none;
	}

	.hero .slider-hero {
		position: relative;
	}

	.hero .slider-hero .swiper-wrapper {
		flex-direction: column;
		gap: 54px;
	}

	.hero .slider-hero .btn {
		min-width: 180px;
	}

	.hero .slider-hero .btn-dark {
		background-color: color-mix(in srgb, var(--black) 15%, transparent);
		-webkit-backdrop-filter: blur(50px);
		backdrop-filter: blur(50px);
	}

	.hero .text {
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
	}

	.hero .photo-small {
		position: relative;
		width: 160px;
	}

	.hero .photo-small img {
		width: 100%;
		height: auto;
		border-radius: 20px;
		border: 5px solid var(--white);
	}

	.hero .name-text {
		position: absolute;
		top: 33px;
		right: calc(100% - 21px);
		text-align: right;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		font-weight: 600;
		font-size: 16px;
		line-height: 1;
	}

	.hero .name-text>* {
		flex: 0 0 auto;
		padding: 3px 5px;
		border-radius: 2px 0 0 2px;
		background-image: linear-gradient(to right, var(--dark) 0%, #40484b 100%);
		background-size: 9em 100%;
		background-position: 100% 50%;
	}

	.hero .name-text>*:first-child {
		border-top-right-radius: 2px;
	}

	.hero .name-text>*:last-child {
		border-bottom-right-radius: 2px;
	}

	.hero .name-contact {
		position: absolute;
		bottom: 21px;
		right: calc(100% - 21px);
		height: 30px;
		padding: 0 10px;
	}
}

.about {
	padding-top: var(--vert);
	display: flex;
	flex-direction: column;
}

.about .head {
	margin-bottom: var(--vert);
	flex: 0 0 auto;
	width: 100%;
	padding: 0 var(--side);
	font-weight: 500;
	line-height: 1.05;
	font-size: clamp(28px, 3.5rem, 56px);

	margin-left: auto;
}

@media only screen and (min-width: 1024px) {
	.about .head {
		max-width: calc(var(--side) * 2 + var(--sidebar));
	}
}

@media only screen and (max-width: 767px) {
	.about {
		padding-top: 60px;
	}

	.about .head {
		margin-bottom: 60px;
	}
}

.about .title {
	font-weight: 500;
	font-size: clamp(21px, 2.25rem, 36px);
	line-height: 1.3;
	opacity: 0.5;
	margin-bottom: clamp(30px, 5rem, 80px);
}

.slider-about {
	width: 100%;
	padding: 0 calc(var(--side) - 10px) !important;
	font-weight: 500;
	font-size: 21px;
	line-height: 1.2;
	margin-bottom: -100px !important;
	position: relative;
	z-index: 2;
	padding-bottom: 100px !important;
}

@media only screen and (min-width: 768px) {
	.about .slider-about {
		margin-bottom: -184px !important;
	}
}

.slider-about .swiper-wrapper {
	counter-reset: ab;
}

.slider-about .swiper-slide {
	padding: 0 10px 0 51px;
	width: 335px;
	position: relative;
	text-wrap: balance;
	backface-visibility: hidden;


}

.slider-about.js_detectScroll .swiper-slide {
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transform: translateY(0);
	transition-delay: 0.8s;
}

.slider-about.js_detectScroll:not(.visible) .swiper-slide {
	transform: translateY(100px);
	opacity: 0;
	pointer-events: none;
}

.slider-about.js_detectScroll .swiper-slide:nth-child(1) {
	transition-delay: 0s;
}

.slider-about.js_detectScroll .swiper-slide:nth-child(2) {
	transition-delay: 0.1s;
}

.slider-about.js_detectScroll .swiper-slide:nth-child(3) {
	transition-delay: 0.2s;
}

.slider-about.js_detectScroll .swiper-slide:nth-child(4) {
	transition-delay: 0.3s;
}

.slider-about.js_detectScroll .swiper-slide:nth-child(5) {
	transition-delay: 0.4s;
}

.slider-about.js_detectScroll .swiper-slide:nth-child(6) {
	transition-delay: 0.5s;
}

.slider-about.js_detectScroll .swiper-slide:nth-child(7) {
	transition-delay: 0.6s;
}

.slider-about.js_detectScroll .swiper-slide:nth-child(8) {
	transition-delay: 0.7s;
}

@media only screen and (min-width: 1100px) {
	.slider-about .swiper-wrapper {
		flex-wrap: wrap;
		gap: 40px 0;
	}

	.slider-about .swiper-slide {
		width: 25%;
	}
}

.slider-about .swiper-slide:before {
	content: counter(ab, decimal-leading-zero);
	counter-increment: ab;
	position: absolute;
	top: 232px;
	left: 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.1;
	opacity: 0.5;
}

.slider-about .image {
	margin-left: -41px;
	margin-bottom: 20px;
	border-radius: 5px;
	background-color: var(--dark);
	position: relative;
	height: 206px;
}

.slider-about .image:before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background-image: url('https://cdn.jsdelivr.net/gh/referor/batrimenko-site/img/about-hover.svg'), var(--gradient);
	background-size: cover;
	background-repeat: no-repeat;
	transition: opacity 0.4s ease;
	opacity: 0;
}

@media (pointer:fine) {
	.slider-about .swiper-slide:hover .image:before {
		opacity: 1;
	}
}

.slider-about .image img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.about .video {
	width: 100%;
	margin: 0 auto;
	max-width: 1400px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

.about .video video {
	width: 100%;
	min-width: 642px;
	max-width: none;
	height: auto;
	flex: 0 0 auto;
	margin: 0 auto;
}

.about .stat {
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-color: var(--stroke);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	margin: 0 var(--side);
	color: var(--gray);
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
	margin-top: -70px;
	position: relative;
	z-index: 2;
}

@media only screen and (min-width: 1024px) {
	.about .stat {
		grid-template-columns: repeat(4, 1fr);
		margin-top: -114px;
	}
}

.about .stat>* {
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: var(--stroke);
	padding: 20px 15px;
	display: flex;
	flex-direction: column;
}

@media only screen and (min-width: 1380px) {
	.about .stat>* {
		padding: 30px;
	}
}

.about .stat .big {
	font-size: 21px;
	line-height: 1;
	color: var(--white);
	margin-bottom: auto;
	padding-bottom: 22px;
}

.speaker {
	padding-top: var(--vert);
}

@media only screen and (min-width: 1280px) {
	.speaker {
		padding-top: 158px;
	}
}

.speaker .top-video {
	overflow: hidden;
	margin: 0 auto;
	max-width: 520px;
	width: 100%;
	aspect-ratio: 402/287;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.speaker .top-video video {
	flex: 0 0 auto;
	width: 100%;
	height: auto;
	max-width: none;
	min-width: 454px;
}

.speaker .video {
	margin: 0 auto;
	height: 500px;
	max-width: 743px;
	width: 56.3%;
	position: relative;

}


.speaker .video video {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
	height: auto;
}


.speaker .head {
	padding: 0 var(--side);
	color: var(--gray);
	font-size: clamp(18px, 1.3125rem, 21px);
	line-height: 1.2;
	display: flex;
	gap: 20px;
	flex-direction: column;
	margin-top: 16px;
	position: relative;
	z-index: 2;
}

@media only screen and (min-width: 1024px) {
	.speaker .head {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
		max-width: calc(var(--side)*2 + 1040px);
	}

	.speaker .head>*:not(.title) {
		order: 3;
		max-width: 16.952em;
	}

	.speaker .head .title {
		grid-column: 1/-1;
		margin-bottom: 50px;
		order: 1;
	}

	.speaker .head .csi {
		order: 2;
	}
}

.speaker .head .title {
	line-height: 1.05;
	font-weight: 500;
	color: var(--white);
	font-size: clamp(28px, 3.5rem, 56px);

}

@media only screen and (min-width: 1024px) {
	.speaker .head .title {
		max-width: var(--sidebar);
	}
}

.speaker .head .csi {
	color: var(--white);
}

.speaker .list {
	margin-top: 60px;
	color: var(--gray);
	font-size: clamp(14px, 1rem, 16px);
	line-height: 1.3;
	display: flex;
	align-items: flex-start;
}

.speaker .list>* {
	flex: 0 0 auto;
	width: 100%;
	padding: 0 var(--side);
}

@media only screen and (max-width: 1023px) {
	.speaker .list .wrap-video {
		display: none;
	}
}

@media only screen and (min-width: 1024px) {
	.speaker .list {
		margin-top: 210px;
	}

	.speaker .list>*:nth-child(1) {
		position: sticky;
		top: calc(50% - 250px);
		margin-bottom: -100px;
	}

	.speaker .list>*:nth-child(2) {
		margin-left: -100%;
	}
}

.speaker .list ul>* {
	border-top: 1px solid var(--stroke);
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	position: relative;
	padding: 30px 0;
}

.speaker .list ul>*:last-child {
	padding-bottom: 0 !important;
}

@media only screen and (min-width: 1024px) {
	.speaker .list ul {
		counter-reset: sp;
	}

	.speaker .list ul>* {
		grid-template-columns: repeat(3, 1fr);
		gap: 40px;
		padding: 44px 0 44px 85px;
	}

	.speaker .list ul>*:before {
		content: counter(sp, decimal-leading-zero);
		counter-increment: sp;
		position: absolute;
		top: 40px;
		left: 0;
		font-style: italic;
		color: var(--white);
		opacity: 0.5;
	}

	.speaker .list .big {
		max-width: 13.5em;
	}

	.speaker .list .big+* {
		grid-column: 3/4;
	}
}

.speaker .big {
	padding-right: 30px;
	color: var(--white);
	font-weight: 500;
	line-height: 1.2;
	font-size: clamp(16px, 1.5rem, 24px);
}

@media only screen and (min-width: 1024px) {
	.speaker .top-video {
		display: none;
	}

	.speaker .head {
		margin-top: 0;
	}

}

.education {
	padding-top: var(--vert);
	display: flex;
	flex-direction: column;
}


.education .head {
	margin-bottom: 60px;
	flex: 0 0 auto;
	width: 100%;
	padding: 0 var(--side);
	font-weight: 500;
	line-height: 1.05;
	font-size: clamp(36px, 3.5rem, 56px);

	margin-left: auto;
}

@media only screen and (min-width: 1024px) {
	.education {
		padding-top: 206px;
	}

	.education .head {
		margin-bottom: 70px;
		max-width: calc(var(--side) * 2 + var(--sidebar));
	}
}

@media only screen and (max-width: 1023px) {

	.practice {
		padding-top: var(--vert);
	}

	.practice .head {
		color: var(--gray);
		font-size: clamp(18px, 1.3125rem, 21px);
		line-height: 1.2;
		margin-bottom: 60px;
		padding: 0 var(--side);
	}

	.practice .title {
		font-weight: 500;
		line-height: 1.05;
		font-size: clamp(36px, 3.5rem, 56px);
		color: var(--white);
		margin-bottom: 10px;
	}

	.practice .list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		margin: 0 var(--side);
		padding-right: 1px;
		padding-bottom: 1px;
		text-align: center;
	}

	.practice .list>* {
		border: 1px solid var(--stroke);
		margin-bottom: -1px;
		margin-right: -1px;
		height: 252px;
		padding: 20px 15px;
		font-weight: 500;
		font-size: 16px;
		line-height: 1.1;
		display: flex;
		flex-direction: column;
		justify-content: end;
		position: relative;
		backface-visibility: hidden;
		transform: translateY(0);
	}

	.practice .list.js_detectScroll>* {
		transition-property: transform, opacity;
		transition-duration: 0.8s, 0.4s;
		transition-timing-function: ease;
	}

	.practice .list.js_detectScroll:not(.visible)>* {
		transform: translateY(100px);
		opacity: 0;
		pointer-events: none;
		transition-delay: 0.8s;
	}

	.practice .list.js_detectScroll>*:nth-child(1) {
		transition-delay: 0s;
	}

	.practice .list.js_detectScroll>*:nth-child(2) {
		transition-delay: 0.1s;
	}

	.practice .list.js_detectScroll>*:nth-child(3) {
		transition-delay: 0.2s;
	}

	.practice .list.js_detectScroll>*:nth-child(4) {
		transition-delay: 0.3s;
	}

	.practice .list.js_detectScroll>*:nth-child(5) {
		transition-delay: 0.4s;
	}

	.practice .list.js_detectScroll>*:nth-child(6) {
		transition-delay: 0.5s;
	}

	.practice .list.js_detectScroll>*:nth-child(7) {
		transition-delay: 0.6s;
	}

	.practice .list.js_detectScroll>*:nth-child(8) {
		transition-delay: 0.7s;
	}

	.practice .list img {
		width: 60px;
		height: 60px;
		position: absolute;
		top: 78px;
		left: 50%;
		transform: translateX(-50%);
	}
}

@media only screen and (min-width: 1024px) {
	.practice {
		margin-top: 60px;
	}

	.practice .screen {
		height: 200vh;
		pointer-events: none;
	}

	.practice .screen2 {
		height: 200px;
		pointer-events: none;
	}

	.practice .wrap {
		height: 100vh;
		position: sticky;
		top: 0;
		display: flex;
		align-items: center;
		padding: 0 var(--side);
		overflow: hidden;
		justify-content: space-between;
	}

	.practice .head {
		flex: 0 0 auto;
		font-size: 18px;
		line-height: 1.2;
		color: var(--gray);
		max-width: 19.777em;
		display: flex;
		flex-direction: column;
		align-self: stretch;
		justify-content: end;
		position: relative;
		padding: 40px 0;
		width: calc(100% - var(--sidebar) - 30px);
	}

	.practice .head .title {
		position: absolute;
		top: 50%;
		left: 0;
		font-weight: 500;
		font-size: 24px;
		line-height: 1.05;
		color: var(--white);
		transform: translateY(-50%);
		max-width: 14.83em;
	}

	.practice .head .js_split>*>* {
		transform: none !important;
		opacity: 1 !important;
	}

	.practice .list {
		--percent: 0;
		flex: 0 0 auto;
		font-size: clamp(36px, 4rem, 64px);
		font-weight: 500;
		line-height: 1.05;
		height: calc(1lh + 10px);
		backface-visibility: hidden;
		transform: translateY(calc(-100% * var(--percent)));
		position: relative;
		width: var(--sidebar);
	}

	.practice .list>* {
		--opacity: 0;
		--progressImg: 0;
		position: static;
		height: calc(1lh + 10px);
		padding: 5px 0;

	}

	.practice .list>*>span {
		display: block;
		backface-visibility: hidden;
		opacity: var(--opacity);
	}

	.practice .list img {
		width: 2.34375em;
		height: 2.34375em;
		position: absolute;
		top: calc((1lh + 10px)/2);
		right: 0;
		transform: translateY(calc((1lh + 10px) * var(--percent) - 50%));
		opacity: var(--progressImg);
	}
}


.events {
	padding-top: var(--vert);
	display: flex;
	flex-direction: column;
	padding-bottom: 100px;
	overflow: hidden;
	position: relative;
}

@media only screen and (max-width: 1023px) {
	.events {
		margin-bottom: -100px;
	}
}

.events .head {
	margin-bottom: 40px;
	flex: 0 0 auto;
	width: 100%;
	padding: 0 var(--side);
	font-weight: 500;
	line-height: 1.05;
	font-size: clamp(36px, 3.5rem, 56px);

	margin-left: auto;
}

.events .head>* {
	max-width: 12.75em;
}

@media only screen and (min-width: 1024px) {
	.events {
		padding-top: 90px;
	}

	.events .head {
		margin-bottom: 80px;
		max-width: calc(var(--side) * 2 + var(--sidebar));
	}
}

.slider-events {
	--gap: 20px;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding: 0 calc(var(--side) - var(--gap)/2) !important;
	overflow: visible !important;
}

.slider-events .swiper-slide {
	padding: 0 calc(var(--gap)/2);
	max-width: 95%;
	width: 362px;
	display: flex;
	flex-direction: column;
	backface-visibility: hidden;
}

.slider-events.js_detectScroll .swiper-slide {
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transform: translateY(0);
	transition-delay: 0.5s;
}

.slider-events.js_detectScroll:not(.visible) .swiper-slide {
	transform: translateY(100px);
	opacity: 0;
	pointer-events: none;
}

.slider-events.js_detectScroll .swiper-slide:nth-child(1) {
	transition-delay: 0s;
}

.slider-events.js_detectScroll .swiper-slide:nth-child(2) {
	transition-delay: 0.1s;
}

.slider-events.js_detectScroll .swiper-slide:nth-child(3) {
	transition-delay: 0.2s;
}

.slider-events.js_detectScroll .swiper-slide:nth-child(4) {
	transition-delay: 0.3s;
}

.slider-events.js_detectScroll .swiper-slide:nth-child(5) {
	transition-delay: 0.4s;
}

.event-card {
	flex: 1 0 auto;
	width: 100%;
	display: flex;
	flex-direction: column;
	background-color: var(--dark);
	border-radius: 5px;
	text-decoration: none;
	color: var(--white);
}

.event-card img {
	flex: 0 0 auto;
	width: 100%;
	height: 214px;
	object-fit: cover;
	object-position: center;
	border-radius: 5px 5px 0 0;
}

.event-card .text {
	flex: 1 0 auto;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 226px;
	padding: 20px;
	font-weight: 500;
	font-size: clamp(24px, 1.6875rem, 27px);
	line-height: 1.1;
	text-wrap: balance;
	gap: 10px;
}

.event-card .date {
	font-size: 14px;
	line-height: 1.05;
	opacity: 0.5;
}

@media only screen and (min-width: 1024px) {
	.slider-events {
		--gap: 30px;
	}

	.slider-events .swiper-slide {
		width: 489px;
	}

	.event-card img {
		height: 274px;
	}

	.event-card .text {
		padding: 30px;
		min-height: 240px;
	}
}

.slider-events-prev,
.slider-events-next {
	cursor: pointer;
	position: absolute;
	z-index: 5;
	width: 52px;
	height: 52px;
	border-radius: 5px;
	background-color: var(--dark);
	top: -132px;
	left: var(--side);
	transition: opacity 0.4s ease;
}

.slider-events.js_detectScroll:not(.visible) .slider-events-prev,
.slider-events.js_detectScroll:not(.visible) .slider-events-next {
	opacity: 0;
	pointer-events: none !important;
}

.slider-events-next {
	margin-left: 62px;
}

.slider-events-prev:before,
.slider-events-next:before,
.slider-events-prev:after,
.slider-events-next:after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: inherit;
}

.slider-events-prev:before,
.slider-events-next:before {
	background: var(--gradient);
	transition: opacity 0.4s ease;
	opacity: 0;
}

.slider-events-prev:hover:before,
.slider-events-next:hover:before {
	opacity: 1;
}

.slider-events-prev:after,
.slider-events-next:after {

	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 15px auto;
}

.slider-events-prev:after {
	background-image: url('https://cdn.jsdelivr.net/gh/referor/batrimenko-site/img/prev.svg');
}

.slider-events-next:after {
	background-image: url('https://cdn.jsdelivr.net/gh/referor/batrimenko-site/img/next.svg');
}

@media only screen and (max-width: 1023px) {

	.slider-events-prev,
	.slider-events-next {
		display: none;
	}
}

.footer {
	flex: 0 0 auto;
	width: 100%;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 60px;
	gap: 60px;
	padding: 40px var(--side) 120px var(--side);
}

.footer .logo {
	text-decoration: none;
	color: var(--white);
	flex: 0 0 auto;
	max-width: 100%;
}

.footer .logo img {
	height: 60px;
	width: auto;
}

.footer .text {
	flex: 0 0 auto;
	width: 100%;
	font-weight: 500;
	font-size: clamp(36px, 4rem, 64px);
	line-height: 1.05;
	color: color-mix(in srgb, var(--white) 50%, transparent);
}

.footer .text .js_hover {
	margin-top: -0.075em;
	margin-bottom: -0.075em;
}

.footer .text a {
	text-decoration: none;
	color: var(--white);
}

.footer .title {
	font-weight: 500;
	font-size: clamp(21px, 2.25rem, 36px);
	line-height: 1.3;
	margin-bottom: 20px;
	color: var(--white);
}

.footer .social-links {
	margin-top: 60px;
}

.footer .bottom {
	font-weight: normal;
	font-size: 18px;
	line-height: 1;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10px 60px;
	margin-top: 60px;
	color: var(--gray);
}

.footer .bottom .js_hover {
	margin-top: -0.1em;
	margin-bottom: -0.1em;
}

.footer .bottom a {
	border-bottom: 1px solid currentColor;
}

.footer .bottom .white {
	color: var(--white);
}

@media only screen and (min-width: 1024px) {
	.footer {
		margin-top: 0;
		padding-top: 90px;
		padding-bottom: 120px;
	}

	.footer .logo img {
		height: 90px;
	}

	.footer .text {
		max-width: var(--sidebar);
	}

	.footer .title {
		margin-bottom: 80px;
	}

	.footer .social-links {
		margin-top: 80px;
	}

	.footer .bottom {
		margin-top: 80px;
	}
}

.anchor {
	display: block;
	position: relative;
	height: 0;
	overflow: hidden;
	top: calc(var(--header)*-1 - 20px);
}

.subscr-cover-link {
	position: fixed;
	z-index: 50;
	bottom: 22px;
	left: 50%;
	transform: translateX(-50%) scale(1);
	--size: 64px;
	--width: var(--size);
	width: var(--size);
	height: var(--size);
	border-radius: 100px;
	transition: transform 0.25s ease;
}

.subscr-cover-link:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 50%;
	transition: transform 0.5s cubic-bezier(0.2, 3, 0.4, 1);
	background: color-mix(in srgb, var(--white) 30%, transparent);
	transform: scale(1);
}

.subscr-cover-link>* {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	max-width: var(--width);
	min-width: var(--size);
	height: var(--size);
	overflow: hidden;
	border-radius: 5px;
	backface-visibility: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--white);
	transition-property: max-width, border-radius;
	transition-duration: 0.4s;
	transition-timing-function: ease;
	transition-delay: 0.5s;
	box-shadow: 0px 24px 24px -8px rgba(0, 0, 0, 0.65);
}

.subscr-cover-link:not(.scrolled) {
	transform: translateX(-50%) scale(0);
	transition-delay: 0.4s;
}

.subscr-cover-link:not(.scrolled):before {
	transform: scale(0);
	transition-delay: 0.4s;
}

.subscr-cover-link:not(.scrolled)>* {
	max-width: var(--size);
	transition-delay: 0s;
	border-radius: 100px;
}

.subscr-cover-link:not(.scrolled) .btn {
	opacity: 0;
	transition-delay: 0s;
}

.subscr-cover-link .btn {
	flex: 0 0 auto;
	height: var(--size);
	font-weight: 600;
	font-size: 18px;
	padding: 0 16px;
	gap: 12px;
	white-space: nowrap;
	position: relative;
	max-width: none;
	border-radius: 5px;
	transition: opacity 0.4s ease;
	transition-delay: 0.4s;
}

.subscr-cover-link .btn:after {
	content: '';
	flex: 0 0 auto;
	width: 50px;
	height: 40px;
	background: var(--dark) url('https://cdn.jsdelivr.net/gh/referor/batrimenko-site/img/next.svg') no-repeat 50% 50%/15px auto;
	border-radius: 3px;
}

.competencies {
	padding-top: var(--vert);
	display: flex;
	flex-direction: column;
	padding-bottom: 100px;
	margin-bottom: -100px;
	overflow: hidden;
	position: relative;
}

@media only screen and (max-width: 1023px) {
	.competencies {
		margin-bottom: -100px;
	}
}

.competencies .head {
	margin-bottom: 40px;
	flex: 0 0 auto;
	width: 100%;
	padding: 0 var(--side);
	font-weight: 500;
	line-height: 1.05;
	font-size: clamp(36px, 3.5rem, 56px);

	margin-left: auto;
}

.competencies .head>* {
	max-width: 12.75em;
}

@media only screen and (min-width: 1024px) {
	.competencies {
		padding-top: 84px;
	}

	.competencies .head {
		margin-bottom: 80px;
		max-width: calc(var(--side) * 2 + var(--sidebar));
	}
}

.slider-competencies {
	--gap: 20px;
	width: 100% !important;
	padding: 0 calc(var(--side) - var(--gap)/2) !important;
	font-weight: normal;
	font-size: clamp(14px, 1rem, 16px);
	line-height: 1.4;
	color: var(--gray);
	overflow: visible !important;
}

.slider-competencies .title {
	font-weight: 500;
	font-size: clamp(24px, 1.6875rem, 27px);
	line-height: 1.3;
	color: var(--white);
}

.slider-competencies .swiper-slide {
	padding: 0 calc(var(--gap)/2);
	width: auto;
	display: flex;
	flex-direction: column;
	height: auto !important;
}

.slider-competencies .bg {
	flex: 1 0 auto;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	border-radius: 5px;
	background: linear-gradient(to bottom, var(--dark) 0%, color-mix(in srgb, var(--dark) 0%, transparent) 100%);
	padding: 30px;
	gap: 30px;
	min-height: 262px;
	text-wrap: balance;
}

@media only screen and (max-width: 1023px) {
	.slider-competencies .swiper-slide {
		width: 342px;
		max-width: 95%;
	}
}

@media only screen and (min-width: 1024px) {
	.competencies {
		padding-bottom: 184px;
	}

	.slider-competencies {
		--gap: 30px;
	}

	.slider-competencies .swiper-wrapper {
		display: grid;
		gap: var(--gap) 0;
		grid-template-columns: repeat(3, 1fr);
	}

	.slider-competencies .bg {
		min-height: 282px;
	}
}


.slider-competencies.js_detectScroll .swiper-slide {
	transition-property: transform, opacity;
	transition-duration: 0.8s, 0.4s;
	transition-timing-function: ease;
	transform: translateY(0);
	transition-delay: 0.8s;
}

.slider-competencies.js_detectScroll:not(.visible) .swiper-slide {
	transform: translateY(100px);
	opacity: 0;
	pointer-events: none;
}

.slider-competencies.js_detectScroll .swiper-slide:nth-child(1) {
	transition-delay: 0s;
}

.slider-competencies.js_detectScroll .swiper-slide:nth-child(2) {
	transition-delay: 0.1s;
}

.slider-competencies.js_detectScroll .swiper-slide:nth-child(3) {
	transition-delay: 0.2s;
}

.slider-competencies.js_detectScroll .swiper-slide:nth-child(4) {
	transition-delay: 0.3s;
}

.slider-competencies.js_detectScroll .swiper-slide:nth-child(5) {
	transition-delay: 0.4s;
}

.slider-competencies.js_detectScroll .swiper-slide:nth-child(6) {
	transition-delay: 0.5s;
}

.slider-competencies.js_detectScroll .swiper-slide:nth-child(7) {
	transition-delay: 0.6s;
}

.slider-competencies.js_detectScroll .swiper-slide:nth-child(8) {
	transition-delay: 0.7s;
}