* {
	box-sizing: border-box;
}

.O_header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2.101vw 3.922vw 2.153vw 3.922vw;
}

.A_overflowGif {
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 39.93vw;
	height: 49.72vw;
}

.A_logoBig {
	width: 14.352vw;
	height: 2.413vw;
}

.A_linkTelegram {
	text-decoration: none;
	color: #000;
	font-family: 'Basis Grotesque Pro';
	font-size: 1.67vw;
	font-style: normal;
	font-weight: 400;
	line-height: 101%;
}

.A_imagePreview2Mobile {
	display: none;
}

.O_heroSection {
	width: 100%;
	height: 54.44vw;
	overflow: hidden;
	background: var(--charcoal-black, #0e1111);
	padding: 17.59vw 0 0 0;
	position: relative;
}

.W_heroContainer {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 2.45vw;
}

.A_logoMobile {
	display: none;
}

.A_logoWhite {
	width: 11.18vw;
	height: 1.88vw;
}

.A_titleMain {
	color: var(--porcelain-white, #fff);
	text-align: center;
	font-family: 'Basis Grotesque Pro';
	font-size: 3.33vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 3.33vw */
	width: 37.14vw;
}

.A_imagePreview {
	position: absolute;
}

.A_imagePreview1 {
	width: 22.5vw;
	height: 53.33vw;
	top: 0;
	left: 3.47vw;
}

.A_imagePreview2 {
	width: 22.15vw;
	height: 13.4vw;
	bottom: 0;
	left: 30.07vw;
}

.A_imagePreview3 {
	width: 22.15vw;
	height: 10.07vw;
	top: 0;
	left: 30.07vw;
}

.A_imagePreview4 {
	width: 22.47vw;
	height: 11.94vw;
	top: 5.7vw;
	right: 23.58vw;
}

.A_imagePreview5 {
	width: 22.47vw;
	height: 7.79vw;
	bottom: 12.09vw;
	right: 23.58vw;
}

.A_imagePreview6 {
	width: 28.4vw;
	height: 54.24vw;
	top: 0;
	right: 0;
}

.A_imageMain {
	position: absolute;
	z-index: 10;
	border-radius: 0.83vw;
}

.A_imageMain1 {
	width: 21.6vw;
	height: 20.69vw;
	transform: rotate(12.151deg);
	top: 5.24vw;
	left: 5.76vw;
}
.A_imageMain2 {
	width: 21.9vw;
	height: 22.04vw;
	transform: rotate(-5deg);
	bottom: 5.27vw;
	left: 4.6vw;
}
.A_imageMain3 {
	width: 21.9vw;
	height: 22.04vw;
	transform: rotate(-6.781deg);
	top: 4.33vw;
	right: 5.14vw;
}
.A_imageMain4 {
	width: 21.6vw;
	height: 20.63vw;
	transform: rotate(12.269deg);
	bottom: 5.92vw;
	right: 5.83vw;
}

.O_discoverSection {
	padding: 9.03vw 3.91vw 10.07vw 4.58vw;
	display: flex;
	justify-content: space-between;
}

.C_featureImages {
	margin-top: 2vw;
	display: flex;
	flex-wrap: wrap;
	gap: 3.27vw;
	justify-content: flex-end;
}

.A_imagePhone {
	height: 71.72vw;
}

.W_sectionContainer {
	margin-right: 4.79vw;
	margin-bottom: 4.08vw;
	display: flex;
	flex-direction: column;
	gap: 1.39vw;
}

.A_titleSection {
	color: #050507;
	text-align: center;
	width: 31.67vw;
	font-family: 'Basis Grotesque Pro';
	font-size: 3.33vw;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 3.33vw */
}

.A_textDescription {
	width: 32.32vw;
	color: #000;
	text-align: center;
	font-family: 'Basis Grotesque Pro';
	font-size: 1.94vw;
	font-style: normal;
	font-weight: 500;
	line-height: 122.765%; /* 2.39vw */
}

.A_imageFeature {
	width: 21.71vw;
	height: 21.78vw;
	border-radius: 0.83vw;
}

.O_collectionsSection {
	position: relative;
	overflow: hidden;
	padding-top: 5.97vw;
	width: 100%;
	height: 67.36vw;
	background: var(--charcoal-black, #0e1111);

	.W_sectionContainer {
		margin: 0 auto;
		width: fit-content;
		align-items: center;

		h2,
		p {
			color: var(--porcelain-white, #fff);
		}

		p {
			width: 47.15vw;
		}
	}
}

.A_imageMainLaptop {
	position: absolute;
	width: 100%;
	height: auto;
	bottom: 0;
	left: 0;
	z-index: 10;
}

.A_imageCollection {
	position: absolute;
	top: 0;
}
.A_imageCollection1 {
	left: 3.5vw;
	width: 22.47vw;
	height: 65.02vw;
}
.A_imageCollection2 {
	right: 0;
	width: 19.93vw;
	height: 65.97vw;
}

.O_communitySection {
	padding: 10vw 4.43vw;

	.W_sectionContainer {
		margin: 0;
		align-items: center;

		> h2 {
			width: 39.72vw;
		}

		> p {
			width: 40.56vw;
		}
	}
}

.M_commentCard {
	padding: 1.11vw;
	border-radius: 0.83vw;
	display: flex;
	flex-direction: column;
	width: 29.77vw;
	gap: 1.11vw;
	background: var(--soft-grey, #ebebeb);
	height: 11.11vw;
}

.M_commentHeader {
	display: flex;
	align-items: center;
	gap: 1.17vw;
}

.A_avatar {
	width: 3.6vw;
	height: 3.6vw;
}

.W_userInfo {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.66vw;
}

.A_userName {
	width: 19.75vw;
	color: var(--charcoal-black, #0e1111);
	font-family: 'Suisse Intl';
	font-size: 1.35vw;
	font-style: normal;
	font-weight: 500;
	line-height: 1.16vw; /* 86.364% */
}

.A_commentDate {
	color: var(--charcoal-black, #0e1111);
	font-family: 'Suisse Intl';
	font-size: 0.86vw;
	font-style: normal;
	font-weight: 500;
	line-height: 0.86vw; /* 100% */
}

.A_commentText {
	width: 27.2vw;
	color: #000;
	font-family: 'Basis Grotesque Pro';
	font-size: 1.67vw;
	font-style: normal;
	font-weight: 500;
	line-height: 122.765%; /* 2.05vw */
}

.C_commentsColumn {
	display: flex;
	flex-direction: column;
	gap: 2.8vw;
}

.O_commentsContainer {
	margin-top: 4.09vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.M_commentCardLeft {
	margin-left: 9.78vw;
}

.M_commentCardRight {
	margin-left: -9.78vw;
}

.O_feedSection {
	position: relative;
	padding-top: 6.02vw;
	width: 100%;
	height: 51.11vw;
	background: var(--charcoal-black, #0e1111);

	.W_sectionContainer {
		align-items: center;
		margin: 0;

		h2,
		p {
			color: var(--porcelain-white, #fff);
		}

		h2 {
			width: 26.93vw;
		}

		p {
			width: 34.72vw;
		}
	}
}

.C_mainFeedImages {
	margin-top: 2.85vw;
	display: flex;
	gap: 3.26vw;
}

.A_imageMainFeed {
	width: 20.07vw;
	height: 20.14vw;
	border-radius: 0.83vw;
	z-index: 2;
}

.A_imageFeed {
	position: absolute;
	top: 0;
	z-index: 1;
}

.A_imageFeed1 {
	width: 22.5vw;
	height: 26.11vw;
	left: 5.35vw;
}
.A_imageFeed2 {
	width: 21.53vw;
	height: 24.86vw;
	right: 0;
}

.O_subscriptionSection {
	padding: 6.05vw 0;

	.W_sectionContainer {
		width: fit-content;
		align-items: center;
		margin: 0 auto;

		> h2 {
			width: auto;
		}
		> p {
			width: 32.35vw;
		}
	}
}

.M_subscriptionForm {
	margin-top: 1.94vw;
	display: flex;
	align-items: center;
	gap: 0.91vw;
}

.A_inputEmail {
	display: flex;
	width: 36.72vw;
	height: 4.28vw;
	padding: 0.52vw 0.78vw 0.78vw 1.95vw;
	align-items: center;
	gap: 25.04vw;
	flex-shrink: 0;
	border-radius: 2.59vw;
	background: var(--soft-grey, #ebebeb);
	font-family: 'Basis Grotesque Pro';
	font-size: 1.94vw;
	font-style: normal;
	font-weight: 400;
	line-height: 105.092%; /* 2.04vw */
	border: none;
	outline: none;
}

.A_buttonSubscribe {
	display: inline-flex;
	height: 4.28vw;
	padding: 0.52vw 1.95vw 0.78vw 1.95vw;
	align-items: center;
	gap: 25.04vw;
	flex-shrink: 0;
	border-radius: 2.59vw;
	border: 0.19vw solid var(--charcoal-black, #0e1111);
	background: var(--charcoal-black, #0e1111);
	color: #fff;
	text-align: center;
	font-family: 'Basis Grotesque Pro';
	font-size: 1.94vw;
	font-style: normal;
	font-weight: 400;
	line-height: 105.092%; /* 2.04vw */
	cursor: pointer;
}

.O_footer {
	width: 100%;
	height: 25.78vw;
	background: var(--charcoal-black, #0e1111);
	padding: 8.23vw 4.56vw 7.5vw 3.97vw;
	display: flex;
	justify-content: space-between;

	* {
		color: #fff;
	}
}

.A_logoSmall {
	width: 8.42vw;
	height: 10.05vw;
}

.W_footerContent {
	display: flex;
	align-items: flex-end;
	margin-bottom: 1.09vw;
	gap: 9.29vw;
}

.M_footerInfo {
	display: flex;
	gap: 3.3vw;
}

.A_footerYear,
.A_footerTitle {
	text-align: center;
	font-family: 'Basis Grotesque Pro';
	font-size: 1.94vw;
	font-style: normal;
	font-weight: 700;
	line-height: 101%; /* 1.96vw */
	text-transform: uppercase;
}

.C_footerCredits {
	display: flex;
	gap: 5.11vw;
	align-items: flex-end;
}

.M_creditBlock {
	display: flex;
	flex-direction: column;
	gap: 1.25vw;
}

.A_creditTitle {
	font-family: 'Basis Grotesque Pro';
	font-size: 0.97vw;
	font-style: normal;
	font-weight: 500;
	line-height: 122.765%;
}

.A_creditText {
	font-family: 'Basis Grotesque Pro';
	font-size: 1.39vw;
	font-style: normal;
	font-weight: 500;
	line-height: 122.765%; /* 1.71vw */
}

.W_sectionContainerMobile,
.C_imagesFeaturesMobile {
	display: none;
}

@media screen and (max-width: 767px) {
	.O_header {
		padding: 9.49vw 8.37vw 7.46vw 8.37vw;
	}

	.A_logoBig {
		display: none;
	}

	.A_linkTelegram {
		font-size: 3.72vw;
		line-height: 101%; /* 3.76vw */
	}

	.A_logoMobile {
		display: block;
		width: 21.064px;
		height: 5.85vw;
	}

	.O_heroSection {
		height: 176.98vw;
		padding: 74.73vw 0 0 0;
	}

	.W_heroContainer {
		gap: 4.96vw;
		position: relative;
		z-index: 10;
	}

	.A_logoWhite {
		width: 22.53vw;
		height: 3.79vw;
	}

	.A_titleMain {
		font-size: 6.51vw;
		line-height: 95%;
		width: 75.29vw;
	}

	.A_imageMain {
		border-radius: 1.89vw;
	}

	.A_imageMain1 {
		width: 48.88vw;
		height: 46.69vw;
		transform: rotate(11.819deg);
		top: 13.98vw;
		left: -2.8vw;
	}

	.A_imageMain3 {
		width: 49.56vw;
		height: 49.88vw;
		transform: rotate(-6.781deg);
		top: auto;
		bottom: 10.96vw;
		right: auto;
		left: -4.61vw;
	}

	.A_imageMain2 {
		width: 49.56vw;
		height: 49.88vw;
		transform: rotate(-5deg);
		bottom: auto;
		top: 29.68px;
		left: auto;
		right: -4.55vw;
	}

	.A_imageMain4 {
		width: 48.88vw;
		height: 46.69vw;
		transform: rotate(11.408deg);
		bottom: 16.72vw;
		right: -3.25vw;
	}

	.A_imagePreview1,
	.A_imagePreview2,
	.A_imagePreview4 {
		display: none;
	}

	.A_imagePreview2Mobile {
		display: block;
		width: 44.69vw;
		height: auto;
		bottom: 39.53vw;
		left: 1.54vw;
	}

	.A_imagePreview5 {
		width: 45.29vw;
		height: 15.69vw;
		bottom: 91.6vw;
		right: -3.52vw;
	}

	.A_imagePreview3 {
		width: 44.88vw;
		height: 20.23vw;
		left: 9.53vw;
	}

	.A_imagePreview6 {
		width: 258.04px;
		height: auto;
		top: 0;
		right: -53.85vw;
	}

	.O_discoverSection {
		padding: 9.03vw 6.51vw 24.17vw 6.51vw;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;

		.W_sectionContainer {
			margin: 0;
			margin-bottom: 8.14vw;
		}
	}

	.W_sectionContainerMobile {
		display: flex;
		gap: 2.92vw;

		h2 {
			font-size: 6.51vw;
			line-height: 95%;
			width: 73.67vw;
		}

		p {
			width: 72.09vw;
			font-size: 3.72vw;
			line-height: 122.765%;
		}
	}

	.C_featureImages {
		display: none;
	}

	.A_imagePhone {
		height: 173.69vw;
	}

	.A_overflowGif {
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 58.07vw;
		height: 117.69vw;
	}

	.C_imagesFeaturesMobile {
		margin-top: 5.92vw;
		display: flex;
		width: 87.28vw;
		align-items: flex-start;
		align-content: flex-start;
		gap: 3.72vw 4.3vw;
		flex-wrap: wrap;
	}

	.A_imageFeature {
		width: 41.47vw;
		height: 41.47vw;
		border-radius: 1.86vw;
	}

	.A_imageCollection {
		display: none;
	}

	.O_collectionsSection {
		padding-top: 11.99vw;
		height: 123.95vw;

		.W_sectionContainer {
			margin: 0 auto;
			gap: 5.01vw;

			h2 {
				width: 61.97vw;
				font-size: 6.51vw;
				line-height: 95%;
			}

			p {
				width: 64.27vw;
				font-size: 3.72vw;
				line-height: 122.765%;
			}
		}
	}

	.A_imageMainLaptop {
		height: 84.91vw;
		width: auto;
		left: 50%;
		transform: translateX(-50%);
	}

	.O_communitySection {
		padding: 9.03vw 6.51vw 17.44vw 6.51vw;

		.W_sectionContainer {
			margin: 0 auto;
			gap: 5.01vw;

			> h2 {
				width: 66.97vw;
				font-size: 6.51vw;
				line-height: 95%;
			}

			> p {
				width: 72.09vw;
				font-size: 3.72vw;
				line-height: 122.765%;
			}
		}
	}

	.O_commentsContainer {
		margin-top: 4.42vw;
		flex-direction: column;
		justify-content: flex-start;
		gap: 8.19vw;
	}

	.C_commentsColumn {
		gap: 8.19vw;
	}

	.M_commentCard {
		padding: 11px;
		border-radius: 1.86vw;
		width: 68.27vw;
		height: 25.67vw;
		gap: 2.67vw;
	}

	.M_commentHeader {
		gap: 2.71vw;
	}

	.A_avatar {
		width: 8.3vw;
		height: 8.3vw;
	}

	.W_userInfo {
		gap: 1.52vw;
	}

	.A_userName {
		width: auto;
		font-size: 3.1vw;
		line-height: 2.68vw; /* 86.364% */
	}

	.A_commentDate {
		font-size: 1.98vw;
		line-height: 1.98vw;
	}

	.A_commentText {
		width: 62.72vw;
		font-size: 3.84vw;
		line-height: 122.765%;
	}

	.M_commentCardLeft,
	.M_commentCardLeftMobile {
		margin-left: 18.37vw;
	}

	.M_commentCardRight {
		margin-left: 0;
	}

	.O_subscriptionSection {
		padding: 9.03vw 0 17.39vw 0;

		.W_sectionContainer {
			gap: 5.01vw;

			> h2 {
				width: 66.97vw;
				font-size: 6.51vw;
				line-height: 95%;
			}

			> p {
				width: 52.56vw;
				font-size: 3.72vw;
				line-height: 122.765%;
			}
		}
	}

	.M_subscriptionForm {
		margin-top: 18px;
		flex-direction: column;
		gap: 2.99vw;
	}

	.A_inputEmail {
		width: 86.98vw;
		height: 10.14vw;
		padding: 1.23vw 1.84vw 1.84vw 4.61vw;
		gap: 59.32vw;
		border-radius: 6.15vw;
		font-size: 3.72vw;
		line-height: 105.092%;
	}

	.A_buttonSubscribe {
		display: flex;
		width: 86.98vw;
		padding: 3.28vw 0vw 3.46vw 0vw;
		justify-content: center;
		align-items: center;
		border-radius: 6.47vw;
		border: 0.49vw solid #000;
		font-size: 3.72vw;
		line-height: 105.092%;
		height: auto;
	}

	.O_footer {
		height: 163.6vw;
		padding: 24.2vw 0 0 6.5vw;
		justify-content: flex-start;
		flex-direction: column;
		gap: 22.88vw;
	}

	.A_logoSmall {
		width: 28.2vw;
		height: 33.65vw;
	}

	.W_footerContent {
		margin-bottom: 0;
		gap: 5.6vw;
		flex-direction: column;
		align-items: flex-start;
	}

	.M_footerInfo {
		gap: 8.36vw;
	}

	.A_footerYear,
	.A_footerTitle {
		font-size: 3.72vw;
		line-height: 101%;
	}

	.C_footerCredits {
		flex-direction: column;
		gap: 24.85px;
		align-items: flex-start;
	}

	.M_creditBlock {
		gap: 4.19vw;
	}

	.A_creditTitle {
		font-size: 3.26vw;
		line-height: 122.765%;
	}

	.A_creditText {
		font-size: 4.65vw;
		line-height: 122.765%;
	}

	.O_feedSection {
		padding-top: 12.04vw;
		align-items: center;
		height: 160.47vw;

		.W_sectionContainer {
			margin: 0 auto;
			align-items: center;
			gap: 5.01vw;

			> h2 {
				width: 66.97vw;
				font-size: 6.51vw;
				line-height: 95%;
			}

			> p {
				width: 72.09vw;
				font-size: 3.72vw;
				line-height: 122.765%;
			}
		}
	}

	.C_mainFeedImages {
		flex-wrap: wrap;
		margin-top: 4.19vw;
		width: 87.47vw;
		gap: 4.88vw;
	}

	.A_imageMainFeed {
		width: 41.29vw;
		height: 40.8vw;
		border-radius: 0.84vw;
	}

	.A_imageFeed {
		display: none;
	}
}