/* === base === */
*{box-sizing:border-box;line-height:1.2}
@font-face{
  font-family:"Inter";
	font-weight: 700;
  src:url("../fonts/6808f299811c1703a1cacc77ced26c5d.eot");
  src:url("../fonts/6808f299811c1703a1cacc77ced26c5d.eot?#iefix") format("embedded-opentype"),
      url("../fonts/6808f299811c1703a1cacc77ced26c5d.woff2") format("woff2"),
      url("../fonts/6808f299811c1703a1cacc77ced26c5d.woff") format("woff"),
      url("../fonts/6808f299811c1703a1cacc77ced26c5d.ttf") format("truetype"),
      url("../fonts/6808f299811c1703a1cacc77ced26c5d.svg#Inter Bold") format("svg");
}
@font-face {
    font-family: 'Inter';
    src: local('Inter Regular'), local('Inter-Regular'),
        url('../fonts/Inter-Regular.woff2') format('woff2'),
        url('../fonts/Inter-Regular.woff') format('woff'),
        url('../fonts/Inter-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
  }
@font-face {
    font-family: 'Inter';
    src: local('Inter Medium'), local('Inter-Medium'),
        url('../fonts/Inter-Medium.woff2') format('woff2'),
        url('../fonts/Inter-Medium.woff') format('woff'),
        url('../fonts/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
  }
@font-face {
    font-family: 'Suisse Intl';
    src: url('../fonts/subset-SuisseIntl-Regular.eot');
    src: local('Suisse Intl Regular'), local('SuisseIntl-Regular'),
        url('../fonts/subset-SuisseIntl-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/subset-SuisseIntl-Regular.woff2') format('woff2'),
        url('../fonts/subset-SuisseIntl-Regular.woff') format('woff'),
        url('../fonts/subset-SuisseIntl-Regular.ttf') format('truetype'),
        url('../fonts/subset-SuisseIntl-Regular.svg#SuisseIntl-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
html,body{font-family:"Inter",Arial}
body {width:100%}

.intro {
	width: 100vw;
	height: 100vh;
}

.intro__title {
	color: #393CF6;
	font-family: "Suisse Intl";
	font-size: 48px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: -0.48px;
	position: fixed;
	top: 50px;
	left: 50px;
	max-width: 730px;
}

.intro__logos {
	max-width: 471px;
	position: fixed;
	top: 50px;
	right: 0;
}

.intro__logos img {
	max-width: 100%;
}

.intro__grid-wrap {
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 50px;
}

.intro__grid {
	display: grid;
	grid-template-rows: repeat(2, 1fr);
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	margin-top: 112px;
	padding: 0 50px;
}

.intro__grid-item {
	position: relative;
	height: 522px;
	text-decoration: none;
}

.intro__grid-item__media {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.intro__grid-item__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.intro__grid-item__content {
	z-index: 1;
	position: relative;
	padding: 64px;
	height: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: space-between;
}

.intro__grid-item__digit {
	min-width: 96px;
	max-width: 96px;
	height: 96px;
	background: #000;
	color: #FFF;
	text-align: center;
	font-family: "Suisse Intl";
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: -0.32px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.intro__grid-item__text {
	max-width: 723px;
	color: #000;
	font-family: "Suisse Intl";
	font-size: 32px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: -0.32px;
}