@font-face {
	font-family: 'Inter Tight';
	src: url("https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap") ;
}

input, textarea {font-family:'Inter Tight'}
*{margin:0;padding:0;-moz-box-sizing: border-box;box-sizing: border-box;}
::-webkit-input-placeholder{color:#323b44;opacity:1}
:-moz-placeholder{color:#323b44;opacity:1}
::-moz-placeholder{color:#323b44;opacity:1}
:-ms-input-placeholder{color:#323b44;opacity:1}
body{font-family:'Inter Tight';font-size:14px;line-height:1.2;font-weight:400;overflow-x: hidden;margin:0;background-color:#141414;}
body.page{margin:0}
a{-webkit-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in;text-decoration:none}
button{-webkit-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in;text-decoration:none}
svg path,svg rect{-webkit-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in}
a:hover{text-decoration:none}
a:focus,button:focus,input:focus,textarea:focus{outline:0}
::-webkit-scrollbar{width:7px}
::-webkit-scrollbar-track{background:#2F2F2F;border-radius:8px}
::-webkit-scrollbar-thumb{background:#606060;border-radius:8px}
.flex-center{display: -webkit-flex;display:flex;justify-content:center;align-items:center}
h1,h2,h3,h4,h5{font-weight:500}
h1{font-size:36px}
h2{font-size:42px}
h3{font-size:36px}
h4{font-size:20px;font-weight: 400;color: #F6F7F8;margin-bottom: 12px;}
h5{font-size:18px}
.hide{display:none!important;}
img {max-width: 100%;}
ol, ul {margin: 16px;padding: 0;}

#zoom-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.85);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 99999; /* Выше хедера */
  overflow: auto;
  padding: 100px 2vw 2vh; /* Добавляем отступ сверху = высоте хедера */
  box-sizing: border-box;
}

.container{box-sizing: border-box;;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1120px}}
.no_desktop{display: none!important;}

/*======== General ========*/

.header {position: sticky;top: 0;z-index:99999}
.flex_item,.desk_flex_item {display: -webkit-flex;display:flex;}
.sb {justify-content: space-between;}
.sa {justify-content: space-around}
.aic {align-items: center;}
.quote{ display: flex;margin: 16px 0 0 0;padding: 16px 24px;justify-content: center;align-items: center;align-self: stretch;border-radius: 0px 16px 16px 0px;border-left: 2px solid #F6F7F8;
background: #2E2E2E;}
.icon {position: relative;z-index: 2;transition: all .35s ease;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center center;mask-position: center center;-webkit-mask-size: 100% auto;mask-size: 100% auto;margin-right: 5px; }
.logo_img {width:56px;height:56px;border-radius:50%}
.mail_block {background-color:#2E2E2E;border-radius:32px;padding: 8px 24px}
.mail_block a {font-size: 20px;font-weight: 400;color: #F6F7F8;}
.line_1 {height: 100%;align-items: center;}
.line_1_wrapper {background: rgba(20, 20, 20, 0.80);
backdrop-filter: blur(20px);padding: 24px 0;}
.logo_text {font-size: 24px;color: #F6F7F8;margin-left: 12px;}
.contact_block + .contact_block {margin-left:12px}
.socials a {width:40px; height:40px;}
main {padding: 80px 0;}
.main_block + .main_block {margin-top: 64px}
.section_title {color: #B8B8B8; margin-bottom: 24px}
.text_block p {padding: 80px 0 0 0; font-size: 40px;color:#F6F7F8;}
.grid_2 {display: grid;grid-template-columns: 1fr 1fr;column-gap: 24px;row-gap: 40px;}
.grid_222 {display: flex;}
.content_case{ width: 739px;}
/* .split {display:flex;align-items: flex-start;gap: 24px;width: 100%;} */
.split {display: grid;grid-template-columns: 1fr 2fr;column-gap: 24px;row-gap: 40px;margin-bottom: 48px}
.split_text {font-size: 18px;font-weight: 400;line-height: 24px;color: #BABBBC;margin-top: 16px;}
/* .split_image {; } */
.grid_3 {display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 24px;row-gap: 16px;}
.chess_img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 32px}
.cover_img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 20px}
.split_image img {border-radius: 20px;margin-bottom: 16px;}
.chess_item_top {position: relative;}
.chess_item_tags {position: absolute;margin: 21px;}
.chess_item_tags span {padding: 4px 12px;border-radius:16px;}
.chess_item_bottom {margin-top: 24px;}
.chess_top_text {font-size: 24px; color: #F6F7F8; font-weight: 600;}
.chess_bottom_text {font-size: 18px; color: #BABBBC;margin-top: 16px;}
.chess_bottom_text1 {font-size: 18px;font-weight:400;line-height: 24px; color: #BABBBC;margin-top: 16px;}
.main_block_title {font-size:36px;font-weight:500;color: #F6F7F8;margin-bottom: 40px;}
.main_block_title1 {font-size:36px;font-weight:500;color: #F6F7F8;margin-bottom: 16px;}
.exp_block {display: flex;}
.exp_block + .exp_block {margin-top: 32px}
.main_block_subtitle {color: #F6F7F8;font-weight: 500;font-size: 24px;margin-bottom:24px;}
.exp_dates {color: #86868D;min-width: 120px;margin-right: 24px;font-size: 16px;}
.exp_desc_list {color: #C4C5C6;font-size: 16px;}
.exp_desc_list ul {padding-inline-start: 24px;}
.exp_desc_list ul li + li {margin-top: 8px;}
.skills_list {line-height: 38px;}
.skills_list span + span {margin: 2px}
.skills_list span {white-space:nowrap;color:#F6F7F8;font-size: 14px;line-height:20px;font-weight:500;border-radius: 16px;padding: 6px 12px;background-color:#2E3035}
.skills_list svg {margin-bottom: -3px;}
.about_block {display: flex;}
.about_block img {border-radius:32px;min-width: 350px;margin-right: 24px;}
.about_block_text {color: #BABBBC; font-size: 18px;}
.about_block_text p + p {margin-top: 16px;}
p + p{ margin-top: 12px; }
.btn_back { display: inline-flex;padding: 8px 32px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: #2E3035;
	color: #F6F7F8;
	margin-bottom: 24px;
	margin-top: 24px;
	font-size: 16px;
	gap:4px;
	border:none;
	cursor:pointer;
	font-weight: 500;
	line-height: 25px;
	font-family: "Inter Tight"}
	


footer {background:#141414; padding-bottom:80px}
.footer_row {display: -webkit-flex;display:flex;}
.copyright span {margin-right: 24px}
.copyright {font-weight: 500;font-size: 14px;line-height: 20px;margin-left: 40px;color:#B7B7B7}


@media (max-width : 992px) {.grid_3, .grid_2, .grid_222,.split {display: grid;grid-template-columns: 1fr;}
	.no_desktop{display: block!important;}
	.no_mobile{display: none!important;}
	.about_block, .footer_row {display:block}
	.copyright {margin: 40px 0; justify-content: center;}
	.copyright span {margin: 0 0 0 24px; order:1;}
	footer {padding-bottom: 0}
	main {padding: 64px 0 80px}
	.about_block img {margin: 0 0 16px 0;}
	.main_block_title {margin-bottom: 24px; font-size: 22px}
	.main_block + .main_block {margin-top: 64px}
	.main_block_subtitle {font-size: 18px;margin-bottom: 8px;}
	.exp_block {display: block}
	.exp_dates {font-size: 16px; margin-bottom: 8px}
	h1 {font-size: 22px;}
	.text_block p {font-size:24px;}
	.mail_block svg {margin-top:4px}
	.logo_img {width:40px; height:40px;}
	.line_1_wrapper {padding: 16px 0}
	.content_case {width:100%; }
	.split {width:100%;}
  content: "•";
  width: 1em;
  margin-left: -1em;
  margin-right: 0.5em;
}
	
	/* .grid_2 {display: grid;grid-template-columns: 1fr;} */
}

/* @media (max-width: 700px){
    .grid_3, .grid_2, .grid_222,.split {display: grid;grid-template-columns: 1fr;}
    .no_desktop{display: block!important;}
    .no_mobile{display: none!important;}
    .about_block, .footer_row {display:block}
    .copyright {margin: 40px 0; justify-content: center;}
    .copyright span {margin: 0 0 0 24px; order:1;}
    footer {padding-bottom: 0}
    main {padding: 64px 0 80px}
    .about_block img {margin: 0 0 16px 0;}
    .main_block_title {margin-bottom: 24px; font-size: 22px}
    .main_block + .main_block {margin-top: 64px}
    .main_block_subtitle {font-size: 18px;margin-bottom: 8px;}
    .exp_block {display: block}
    .exp_dates {font-size: 16px; margin-bottom: 8px}
    h1 {font-size: 22px;}
    .text_block p {font-size:24px;}
    .mail_block svg {margin-top:4px}
    .logo_img {width:40px; height:40px;}
    .line_1_wrapper {padding: 16px 0}
    .content_case {width:100%; }
    .split {width:100%;}
} */