@charset "utf-8";
@font-face {
		font-family: 'Sherika';
		src: url('../fonts/sherika_regular.woff') format('woff'), url('../fonts/sherika_regular.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Sherika';
		src: url('../fonts/sherika_medium.woff') format('woff'), url('../fonts/sherika_medium.ttf') format('truetype');
		font-weight: 500;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Sherika';
		src: url('../fonts/sherika_bold.woff') format('woff'), url('../fonts/sherika_bold.ttf') format('truetype');
		font-weight: bold;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Sherika';
		src: url('../fonts/sherika_light.woff') format('woff'), url('../fonts/sherika_light.ttf') format('truetype');
		font-weight: 300;
		font-style: normal;
		font-display: swap;
}
@font-face {
		font-family: 'Sherika';
		src: url('../fonts/sherika_extrabold.woff') format('woff'), url('../fonts/sherika_extrabold.ttf') format('truetype');
		font-weight: 800;
		font-style: normal;
		font-display: swap;
}
:root {
		font-size: 0.833333vw;
		--black: #000;
		--white: #fff;
		--white0: #ffffff00;
		--grey: #B9B9C7;
		--dark: #141414;
		--bg-grey: #F5F5F5;
		--bg-grey0: #F5F5F500;
		--side-padding: clamp(20px, 3.75rem, 60px);
		--vert-padding: clamp(80px, 12.5rem, 200px);
		--distance: clamp(80px, 12.5rem, 200px);
		--header: 92px;
		--font: Sherika, -apple-system, system-ui, "sans-serif";
		--delay: 0.1s;
		--delay2: 0s;
		--pink: #FF31AB;
		--pink0: #FF31AB00;
		--yellow: #FBFF3E;
		--block: #141414;
		--percent: 0;
		--telegram: #32B6F8;
		--whatsapp: #43D56C;
		--h: 9;
		--v: 5;
		--red: #f00;
}
@media only screen and (min-width: 1000px) {
		:root {
				--header: 110px;
		}
}
@media only screen and (min-width: 1920px) {
		:root {
				--side-padding: 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 16px var(--font);
		color: var(--white);
		-webkit-text-size-adjust: none;
		display: flex;
		flex-direction: column;
}
*, *:before, *:after {
		box-sizing: border-box;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
form, fieldset {
		margin: 0;
		padding: 0;
		border: 0;
}
input::-ms-clear {
		display: none;
}
button::-moz-focus-inner {
		border: 0;
}
textarea {
		resize: none;
}
video {
		-webkit-mask-image: -webkit-radial-gradient(white, black);
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		background-size: cover;
		margin: 0;
		padding: 0;
		outline: none;
		border: 0;
}
header, nav, section, article, aside, footer, menu, time, figure, figcaption, main {
		display: block;
}
img, svg, picture {
		border: 0;
		outline: none;
		vertical-align: top;
}
a {
		color: var(--white);
		text-decoration: underline;
		outline: none;
		cursor: pointer;
}
.swiper {
		overflow: hidden;
}
.swiper-wrapper, .swiper-slide {
		list-style: none;
		margin: 0;
		padding: 0;
}
.swiper-wrapper {
		display: flex;
}
.swiper-slide {
		flex: 0 0 auto;
		width: 100%;
}
.slider-pagination {
		--swiper-pagination-bullet-size: clamp(8px, 0.75rem, 12px);
		--swiper-pagination-bullet-horizontal-gap: calc(clamp(8px, 0.75rem, 12px) / 2);
		--swiper-pagination-bullet-inactive-opacity: 0.2;
		--swiper-theme-color: var(--white);
		--swiper-pagination-bullet-inactive-color: var(--white);
}
.slider-pagination .swiper-pagination-bullet {
		transition-property: width, opacity, background;
		transition-duration: 0.4s;
		transition-timing-function: ease !important;
		border-radius: 100px !important;
}
.slider-pagination .swiper-pagination-bullet-active {
		width: clamp(20px, 2.5rem, 40px) !important;
}
.btn {
		-webkit-appearance: none;
		cursor: pointer;
		user-select: none;
		outline: none;
		margin: 0;
		box-shadow: none;
		border: 0;
		background: none;
		flex: 0 0 auto;
		max-width: 100%;
		position: relative;
		overflow: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		text-decoration: none;
		gap: 6px;
		font: 500 18px/1.2 var(--font);
		text-transform: none;
		padding: 0 26px;
		height: 50px;
		border-radius: 100px;
		color: var(--black);
		transition-property: color, background, border, opacity;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		--top: 0;
		--left: 0;
}
@media (pointer:fine) {
		.btn:hover, a:hover .btn {
				transition-delay: 0s, 0.2s, 0s, 0s !important;
		}
}
.btn:before {
		content: '';
		position: absolute;
		width: 250%;
		aspect-ratio: 1/1;
		border-radius: 50%;
		transform: translate3d(-50%, -50%, 0) scale(0);
		top: var(--top);
		left: var(--left);
		backface-visibility: hidden;
		transition-property: transform, background, opacity;
		transition-duration: 0.4s;
		transition-timing-function: ease;
}
@media (pointer:fine) {
		.btn:hover:before, a:hover .btn:before {
				transform: translate3d(-50%, -50%, 0) scale(1);
				transition-duration: 0.8s;
		}
}
.btn:after {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		border-radius: inherit;
		border: 1px solid currentColor;
		opacity: 0;
}
.btn > * {
		position: relative;
}
.btn svg {
		fill: currentColor;
		transition: fill 0.4s ease;
}
.btn-white {
		background: var(--white);
		color: var(--black);
}
.btn-white:before {
		background: var(--black);
}
.btn-white:after {
		border-color: var(--white);
}
@media (pointer:fine) {
		.btn-white:hover, a:hover .btn-white {
				color: var(--white);
				background: var(--black);
		}
}
.btn-black {
		background: var(--black);
		color: var(--white);
}
.btn-black:before {
		background: var(--white);
}
.btn-black:after {
		border-color: var(--black);
}
@media (pointer:fine) {
		.btn-black:hover, a:hover .btn-black {
				color: var(--black);
				background: var(--white);
		}
}
.btn-dark {
		background: var(--dark);
		color: var(--white);
}
.btn-dark:before {
		background: var(--white);
}
.btn-dark:after {
		border-color: var(--black);
}
@media (pointer:fine) {
		.btn-dark:hover, a:hover .btn-dark {
				color: var(--black);
				background: var(--white);
		}
}
.btn-grey {
		background: rgba(255, 255, 255, 0.12);
		color: var(--white);
}
.btn-grey:before {
		background: var(--white);
}
.btn-grey:after {
		display: none;
}
@media (pointer:fine) {
		.btn-grey:hover, a:hover .btn-grey {
				color: var(--black);
				background: var(--white);
		}
}
.btn-pink {
		background: var(--pink);
		color: var(--white);
}
.btn-pink:before {
		background: var(--white);
}
.btn-pink:after {
		border-color: var(--white);
}
@media (pointer:fine) {
		.btn-pink:hover, a:hover .btn-pink {
				color: var(--pink);
				background: var(--white);
		}
}
.cursor {
		position: fixed;
		width: clamp(80px, 8.75rem, 140px);
		height: clamp(80px, 8.75rem, 140px);
		z-index: 1;
		user-select: none;
		pointer-events: none;
		z-index: 10000;
		transition-property: clip-path, opacity, transform;
		transition-duration: 0.4s;
		transition-timing-function: ease;
		background: var(--white);
		border-radius: 50%;
		clip-path: circle(0% at 50% 50%);
}
.cursor:not(.ready) {
		opacity: 0 !important;
		clip-path: circle(0% at 50% 50%) !important;
}
@media (pointer:coarse) {
		.cursor {
				display: none !important;
		}
}
.cursor-hover-text {
		clip-path: circle(50% at 50% 50%);
}
.cursor-text {
		position: absolute;
		top: 50%;
		left: 50%;
		white-space: nowrap;
		color: var(--black);
		transform: translate3d(-50%, -50%, 0);
		font: 500 clamp(12px, 1.25rem, 20px) var(--font);
		text-align: center;
}
.js_hover {
		display: inline-flex;
		vertical-align: top;
		align-items: center;
		flex: 0 0 auto;
		--lh: 1.2;
		line-height: var(--lh);
		overflow: hidden;
		backface-visibility: hidden;
}
.js_hover > * {
		flex: 0 0 auto;
		backface-visibility: hidden;
		text-shadow: 0 calc(var(--lh) * 1em) 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 > * {
				transform: translate3d(0, calc(var(--lh) * -1em), 0);
		}
		a:hover .js_hover > *:nth-child(1) {
				transition-delay: calc(0 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(2) {
				transition-delay: calc(1 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(3) {
				transition-delay: calc(2 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(4) {
				transition-delay: calc(3 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(5) {
				transition-delay: calc(4 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(6) {
				transition-delay: calc(5 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(7) {
				transition-delay: calc(6 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(8) {
				transition-delay: calc(7 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(9) {
				transition-delay: calc(8 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(10) {
				transition-delay: calc(9 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(11) {
				transition-delay: calc(10 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(12) {
				transition-delay: calc(11 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(13) {
				transition-delay: calc(12 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(14) {
				transition-delay: calc(13 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(15) {
				transition-delay: calc(14 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(16) {
				transition-delay: calc(15 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(17) {
				transition-delay: calc(16 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(18) {
				transition-delay: calc(17 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(19) {
				transition-delay: calc(18 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(20) {
				transition-delay: calc(19 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(21) {
				transition-delay: calc(20 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(22) {
				transition-delay: calc(21 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(23) {
				transition-delay: calc(22 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(24) {
				transition-delay: calc(23 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(25) {
				transition-delay: calc(24 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(26) {
				transition-delay: calc(25 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(27) {
				transition-delay: calc(26 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(28) {
				transition-delay: calc(27 * var(--delay));
		}
		a:hover .js_hover > *:nth-child(29) {
				transition-delay: calc(28 * var(--delay));
		}
}
.mainwrap {
		flex: 0 0 auto;
		width: 100%;
		min-height: 100%;
		position: relative;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		transition: opacity 0.4s ease;
}
html:not(.ready) .mainwrap {
		opacity: 0;
		pointer-events: none;
}
.content {
		flex: 1 0 auto;
}
.header, .footer {
		flex: 0 0 auto;
}
.header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
		height: var(--header);
		display: flex;
		align-items: center;
		backface-visibility: hidden;
}
.header > * {
		position: relative;
}
.head-logo {
		flex: 0 0 auto;
}
.head-logo img {
		vertical-align: top;
		width: auto;
}
.menu ul, .menu li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.menu li.hide {
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
}
.menu a:not(.btn) {
		color: inherit;
		text-decoration: none;
		display: inline-block;
		vertical-align: top;
		padding: 10px;
		margin: -10px;
}
@media only screen and (min-width: 1000px) {
		.header {
				padding: 0 calc(var(--side-padding) - 10px);
		}
		.header-desktop-black .menu {
				color: var(--black);
		}
		.header:before {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				backdrop-filter: blur(10px);
				-webkit-backdrop-filter: blur(10px);
				opacity: 0;
				backface-visibility: hidden;
				transition: opacity 0.4s ease;
				pointer-events: none;
		}
		html.scrolled .header:before {
				opacity: 1;
		}
		.head-logo img {
				height: 50px;
		}
		.toggle-menu {
				display: none;
		}
		.menu {
				font-weight: 500;
				font-size: 16px;
				flex: 1 0 auto;
		}
		.menu .links {
				display: flex;
				align-items: center;
				gap: clamp(20px, 3.75rem, 60px);
		}
		.menu .links:before {
				content: '';
				margin-right: auto;
		}
		.menu .links .to-right {
				margin-left: auto;
		}
}
@media only screen and (max-width: 999.99px) {
		.header {
				margin: 10px calc(var(--side-padding) - 5px);
				height: calc(var(--header) - 20px);
				background: #23222280;
				border-radius: calc((var(--header) - 20px) / 2);
				padding: calc((var(--header) - 60px) / 2) 12px;
				align-items: flex-start;
				flex-wrap: wrap;
				justify-content: space-between;
				overflow: hidden;
				backdrop-filter: blur(10px);
				-webkit-backdrop-filter: blur(10px);
				transition: height 0.4s ease;
		}
		.header.header-white {
				--white: #000;
				--black: #fff;
				background: var(--black);
				color: #000;
		}
		.header.header-white .toggle-menu {
				background-color: var(--bg-grey);
		}
		.header.header-white .toggle-menu:before {}
		html.open-menu {
				overflow: hidden;
		}
		html.open-menu .header {
				height: calc(100vh - 20px);
				height: calc(100svh - 20px);
		}
		.header > *:not(.menu) {
				position: relative;
		}
		.head-logo img {
				height: 40px;
		}
		.toggle-menu {
				width: 40px;
				height: 40px;
				padding: 0;
				margin-left: auto;
		}
		.toggle-menu:after {
				display: none;
		}
		.toggle-menu > * {
				position: absolute;
				top: 50%;
				left: 50%;
				width: 15px;
				height: 1.6px;
				border-radius: 1px;
				background: currentColor;
				backface-visibility: hidden;
				transition: transform 0.4s ease;
		}
		.toggle-menu > *:nth-child(1) {
				transform: translate3d(-50%, calc(-50% - 3.5px), 0);
		}
		.toggle-menu > *:nth-child(2) {
				transform: translate3d(-50%, calc(-50% + 3.5px), 0);
		}
		.open-menu .toggle-menu > *:nth-child(1) {
				transform: translate3d(-50%, -50%, 0) rotate(-135deg);
		}
		.open-menu .toggle-menu > *:nth-child(2) {
				transform: translate3d(-50%, -50%, 0) rotate(135deg);
		}
		.menu {
				flex: 0 0 auto;
				width: 100%;
				margin-top: calc((var(--header) - 60px) / 2);
				padding-bottom: calc((var(--header) - 60px) / 2);
				height: calc(100vh - var(--header));
				height: calc(100svh - var(--header));
				overflow: hidden;
				overflow-y: auto;
				font-weight: bold;
				font-size: 30px;
		}
		.menu .links {
				min-height: 100%;
				display: flex;
				flex-direction: column;
				gap: 20px;
				text-align: center;
		}
		.menu .links:before {
				content: '';
				margin-bottom: auto;
		}
		.menu .links .to-right {
				margin-top: auto;
		}
}
.hero {
		position: relative;
		height: 100vh;
		height: 100lvh;
		overflow: hidden;
		backface-visibility: hidden;
}
.hero video {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate3d(-50%, -50%, 0);
		object-fit: cover;
		object-position: left center;
		background-position: left center;
}
@media only screen and (orientation: landscape) {
		.hero video {
				width: 100%;
				height: 100%;
		}
}
@media only screen and (orientation: portrait) {
		.hero video {
				width: 100vh;
				width: 100lvh;
				height: 100vw;
				transform: translate3d(-50%, -50%, 0) rotate(-90deg);
		}
}
.hero:before, .hero:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		z-index: 2;
}
.hero:before {
		top: 0;
		height: var(--header);
}
.hero:after {
		bottom: 0;
		height: 10%;
}
.hero .cover {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
}
.hero .arrow {
		position: absolute;
		top: 85%;
		left: 50%;
		width: clamp(80px, 8.75rem, 140px);
		height: clamp(80px, 8.75rem, 140px);
		border-radius: 50%;
		padding: 0;
		transform: translate3d(-50%, -50%, 0);
		pointer-events: none;
}
.hero .arrow svg {
		height: 20%;
		width: auto;
}
.js_split:not(.ready) {
		opacity: 0 !important;
		pointer-events: none;
}
.js_split:has([data-row="1"]) + .js_split {
		--delay2: calc(1 * var(--delay));
}
.js_split:has([data-row="2"]) + .js_split {
		--delay2: calc(2 * var(--delay));
}
.js_split:has([data-row="3"]) + .js_split {
		--delay2: calc(3 * var(--delay));
}
.js_split:has([data-row="4"]) + .js_split {
		--delay2: calc(4 * var(--delay));
}
.js_split:has([data-row="5"]) + .js_split {
		--delay2: calc(5 * var(--delay));
}
.js_split:has([data-row="6"]) + .js_split {
		--delay2: calc(6 * var(--delay));
}
.js_split:has([data-row="7"]) + .js_split {
		--delay2: calc(7 * var(--delay));
}
.js_split:has([data-row="8"]) + .js_split {
		--delay2: calc(8 * var(--delay));
}
.js_split:has([data-row="9"]) + .js_split {
		--delay2: calc(9 * var(--delay));
}
.js_split:has([data-row="10"]) + .js_split {
		--delay2: calc(10 * var(--delay));
}
.js_split:has([data-row="11"]) + .js_split {
		--delay2: calc(11 * var(--delay));
}
.js_split:has([data-row="12"]) + .js_split {
		--delay2: calc(12 * var(--delay));
}
.js_split:has([data-row="13"]) + .js_split {
		--delay2: calc(13 * var(--delay));
}
.js_split:has([data-row="14"]) + .js_split {
		--delay2: calc(14 * var(--delay));
}
.js_split:has([data-row="15"]) + .js_split {
		--delay2: calc(15 * var(--delay));
}
.js_split:has([data-row="16"]) + .js_split {
		--delay2: calc(16 * var(--delay));
}
.js_split:has([data-row="17"]) + .js_split {
		--delay2: calc(17 * var(--delay));
}
.js_split:has([data-row="18"]) + .js_split {
		--delay2: calc(18 * var(--delay));
}
.js_split:has([data-row="19"]) + .js_split {
		--delay2: calc(19 * var(--delay));
}
.js_split:has([data-row="20"]) + .js_split {
		--delay2: calc(20 * var(--delay));
}
.js_split span {
		display: inline-block;
		vertical-align: top;
}
.js_split span span {
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.8s, 0.4s;
		transition-timing-function: ease;
		transform: translate3d(0, 0, 0);
}
.js_split span[data-row="0"] span {
		transition-delay: calc(0 * var(--delay) + var(--delay2));
}
.js_split span[data-row="1"] span {
		transition-delay: calc(1 * var(--delay) + var(--delay2));
}
.js_split span[data-row="2"] span {
		transition-delay: calc(2 * var(--delay) + var(--delay2));
}
.js_split span[data-row="3"] span {
		transition-delay: calc(3 * var(--delay) + var(--delay2));
}
.js_split span[data-row="4"] span {
		transition-delay: calc(4 * var(--delay) + var(--delay2));
}
.js_split span[data-row="5"] span {
		transition-delay: calc(5 * var(--delay) + var(--delay2));
}
.js_split span[data-row="6"] span {
		transition-delay: calc(6 * var(--delay) + var(--delay2));
}
.js_split span[data-row="7"] span {
		transition-delay: calc(7 * var(--delay) + var(--delay2));
}
.js_split span[data-row="8"] span {
		transition-delay: calc(8 * var(--delay) + var(--delay2));
}
.js_split span[data-row="9"] span {
		transition-delay: calc(9 * var(--delay) + var(--delay2));
}
.js_split span[data-row="10"] span {
		transition-delay: calc(10 * var(--delay) + var(--delay2));
}
.js_split span[data-row="11"] span {
		transition-delay: calc(11 * var(--delay) + var(--delay2));
}
.js_split span[data-row="12"] span {
		transition-delay: calc(12 * var(--delay) + var(--delay2));
}
.js_split span[data-row="13"] span {
		transition-delay: calc(13 * var(--delay) + var(--delay2));
}
.js_split span[data-row="14"] span {
		transition-delay: calc(14 * var(--delay) + var(--delay2));
}
.js_split span[data-row="15"] span {
		transition-delay: calc(15 * var(--delay) + var(--delay2));
}
.js_split span[data-row="16"] span {
		transition-delay: calc(16 * var(--delay) + var(--delay2));
}
.js_split span[data-row="17"] span {
		transition-delay: calc(17 * var(--delay) + var(--delay2));
}
.js_split span[data-row="18"] span {
		transition-delay: calc(18 * var(--delay) + var(--delay2));
}
.js_split span[data-row="19"] span {
		transition-delay: calc(19 * var(--delay) + var(--delay2));
}
.js_split span[data-row="20"] span {
		transition-delay: calc(20 * var(--delay) + var(--delay2));
}
.js_split span[data-row="21"] span {
		transition-delay: calc(21 * var(--delay) + var(--delay2));
}
.js_split.js_detect-scroll:not(.visible) span span {
		opacity: 0;
		pointer-events: none;
		transform: translate3d(0, var(--distance), 0);
}
.section {
		padding: var(--vert-padding) var(--side-padding);
}
.marquee {
		width: 100vw;
		overflow: hidden;
		position: relative;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		display: flex;
		--gap: clamp(30px, 6.25rem, 100px);
}
.marquee, .marquee a {
		text-decoration: none;
		color: inherit;
}
.marquee-line {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		gap: var(--gap);
		padding: 0 calc(var(--gap) / 2);
		backface-visibility: hidden;
		animation: marquee 30s linear infinite;
		will-change: transform;
		transform: translate3d(0, 0, 0);
}
@media (pointer:fine) {
		.marquee-line:has(a: hover) {
				animation-play-state: paused;
		}
}
.marquee-star {
		flex: 0 0 auto;
		width: 0.75em;
		height: 0.75em;
		background: url("../img/star.svg") no-repeat 50% 50%;
		background-size: contain;
}
@-webkit-keyframes marquee {
		from {
				transform: translate3d(0, 0, 0);
		}
		to {
				transform: translate3d(-50%, 0, 0);
		}
}
@keyframes marquee {
		from {
				transform: translate3d(0, 0, 0);
		}
		to {
				transform: translate3d(-50%, 0, 0);
		}
}
.mini-title {
		font-weight: 300;
		line-height: 1.1;
		color: var(--grey);
		font-size: clamp(20px, 1.875rem, 30px);
		margin: -0.18em 0 calc(clamp(30px, 3.75rem, 60px) - 0.18em) 0;
}
.mini-title:not(:has(> span)):before {
		content: '/ ';
}
.mini-title > span {
		display: inline-block;
		vertical-align: top;
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.8s, 0.4s;
		transition-timing-function: ease;
		transform: translate3d(0, 0, 0);
}
.mini-title.js_detect-scroll:not(.visible) > span {
		opacity: 0;
		pointer-events: none;
		transform: translate3d(0, var(--distance), 0);
}
.mini-title > span:before {
		content: '/ ';
}
.video-wide {
		display: block;
		width: 100%;
		height: auto;
}
.subscr-cover-link {
		position: fixed;
		z-index: 50;
		bottom: 20px;
		left: 50%;
		transform: translate3d(-50%, 0, 0) scale(1);
		--size: clamp(60px, 4.75rem, 76px);
		--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: #fff;
		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: 100px;
		backface-visibility: hidden;
		display: flex;
		align-items: center;
		justify-content: center;
		background: var(--pink);
		transition: max-width 0.4s ease;
		transition-delay: 0.5s;
}
html:not(.scrolled-screen) .subscr-cover-link {
		transform: translate3d(-50%, 0, 0) scale(0);
		transition-delay: 0.4s;
}
html:not(.scrolled-screen) .subscr-cover-link:before {
		transform: scale(0);
		transition-delay: 0.4s;
}
html:not(.scrolled-screen) .subscr-cover-link > * {
		max-width: var(--size);
		transition-delay: 0s;
}
html:not(.scrolled-screen) .subscr-cover-link .btn {
		opacity: 0;
		transition-delay: 0s;
}
.subscr-cover-link .btn {
		flex: 0 0 auto;
		height: var(--size);
		font-weight: bold;
		font-size: 19px;
		padding: 0 calc(56px + (var(--size) - 44px) / 2) 0 0;
		gap: 0;
		white-space: nowrap;
		transition-delay: 0s, 0s, 0s, 0.5s;
		max-width: calc(100vw - var(--side-padding) * 2);
		position: relative;
}
.subscr-cover-link .btn > .text {
		flex: 0 0 auto;
		max-width: 100%;
		overflow: hidden;
		position: relative;
		mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20px, rgba(0, 0, 0, 1) calc(100% - 20px), rgba(0, 0, 0, 0) 100%);
		display: flex;
		align-items: center;
}
.subscr-cover-link .btn > .text > * {
		flex: 0 0 auto;
		padding: 0 20px;
}
.subscr-cover-link .btn .line {
		display: flex;
		align-items: center;
		padding: 0 !important;
}
.subscr-cover-link .btn .text.ready .line {
		animation: marquee 6s linear infinite;
}
.subscr-cover-link .btn .text.ready .line > * {
		flex: 0 0 auto;
		padding: 0 0 0 20px;
}
.subscr-cover-link .btn strong {
		font-weight: inherit;
		color: var(--yellow);
		transition: color 0.4s ease;
}
.subscr-cover-link .arrow {
		width: 56px;
		height: 44px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: absolute;
		top: 50%;
		right: calc((var(--size) - 44px) / 2);
		border-radius: 100px;
		background: var(--white);
		transform: translate3d(0, -50%, 0);
}
.subscr-cover-link .arrow svg {
		fill: var(--pink);
		flex: 0 0 auto;
		width: 35%;
		height: auto;
}
@media (pointer:fine) {
		.subscr-cover-link .btn:hover strong {
				color: var(--pink);
		}
}
.footer {
		overflow: hidden;
		--gap: clamp(80px, 12.5rem, 200px);
		--grey: rgba(255, 255, 255, 0.7);
		background: var(--block);
		line-height: 1.3;
		font-weight: normal;
		font-size: clamp(14px, 1.125rem, 18px);
		color: var(--grey);
		text-transform: uppercase;
		padding: clamp(80px, 9.375rem, 150px) var(--side-padding) 0 var(--side-padding);
		display: flex;
		flex-wrap: wrap;
}
.footer > * {
		flex: 0 0 auto;
		width: 100%;
		margin-bottom: var(--gap);
}
.footer a:not(.btn) {
		color: var(--white);
		text-decoration: none;
}
.footer .mini-title {
		line-height: 1.3;
		font-size: clamp(14px, 1.125rem, 18px);
		margin: -0.292em 0;
		flex: 0 0 auto;
		width: 13.888em;
		flex: 0 0 auto;
}
.footer ul, .footer li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.foot-text {
		font-size: clamp(14px, 1.3125rem, 21px);
		max-width: 28em;
}
.foot-contacts, .foot-menu, .foot-soc {
		display: flex;
		align-items: flex-start;
}
.foot-contacts {
		gap: 20px 0;
		align-items: center;
}
.foot-menu, .foot-soc {
		gap: 30px 0;
}
.foot-contacts ul, .foot-menu ul, .foot-soc ul {
		flex: 1 1 auto;
		max-width: 100%;
		display: flex;
}
.foot-menu ul, .foot-soc ul {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		line-height: 1.1;
}
.foot-menu li, .foot-soc li {
		margin: -0.235em 0;
}
.foot-contacts ul {
		align-items: center;
		gap: clamp(8px, 0.625rem, 10px);
}
.foot-contacts li {
		flex: 0 0 auto;
}
.foot-contacts li:has(.btn > span) {
		flex: 1 1 auto;
}
.foot-contacts .btn {
		height: clamp(92px, 6.875rem, 110px);
		width: clamp(92px, 6.875rem, 110px);
		padding: 0 24px;
		font-size: clamp(17px, 1.3125rem, 21px);
		gap: clamp(10px, 0.875rem, 14px);
}
.foot-contacts .btn:has(span) {
		width: auto;
}
.foot-contacts .btn svg {
		height: 27.272727%;
		width: auto;
}
.foot-menu ul {
		font-weight: bold;
		font-size: 40px;
}
.foot-soc ul {
		font-weight: 500;
		font-size: clamp(24px, 1.6875rem, 27px);
}
.foot-marquee {
		font-weight: 500;
		font-size: clamp(64px, 10rem, 160px);
		text-transform: none;
}
.foot-marquee .marquee {
		margin: -0.3em 0;
}
.foot-ready {
		line-height: 1.2;
		font-size: clamp(21px, 1.6875rem, 27px);
		margin-bottom: 50px;
}
.foot-video {
		width: 100vw;
		max-width: 1920px;
		flex: 0 0 auto;
		position: relative;
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		aspect-ratio: 1920/1080;
}
.foot-video video {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		transform: translate3d(-50%, -50%, 0);
}
@media only screen and (orientation: portrait) {
		.foot-video {
				aspect-ratio: 1080/1920;
		}
		.foot-video video {
				height: 100vw;
				width: auto;
				transform: translate3d(-50%, -50%, 0) rotate(-90deg);
		}
}
.foot-bottom {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 20px;
		margin-bottom: 0;
}
.foot-bottom ul, .foot-bottom li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.foot-bottom ul {
		flex: 0 0 auto;
		max-width: 100%;
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 8px 20px;
}
.foot-video {
		height: auto;
		vertical-align: top;
		mix-blend-mode: lighten;
		margin: 0;
}
@media only screen and (max-width: 599.99px) {
		.foot-contacts .mini-title {
				display: none;
		}
}
@media only screen and (max-width: 599.99px), only screen and (min-width: 1000px) and (max-width: 1399.99px) {
		.foot-contacts, .foot-menu, .foot-soc {
				flex-direction: column;
				align-items: stretch;
		}
}
@media only screen and (max-width: 999.99px) {
		.foot-text {
				--gap: clamp(60px, 12.5rem, 200px);
		}
		.foot-contacts {
				--gap: clamp(120px, 12.5rem, 200px);
		}
		.foot-marquee {
				--gap: clamp(160px, 12.5rem, 200px);
		}
}
@media only screen and (min-width: 1000px) {
		.footer {
				justify-content: space-between;
				align-items: flex-start;
		}
		.foot-text, .foot-menu {
				width: 63.111%;
		}
		.foot-contacts, .foot-soc {
				width: 36.888%;
		}
		.foot-ready {
				letter-spacing: 0.05em;
				color: var(--white);
				text-align: center;
		}
		.foot-bottom {
				margin-top: -26px;
		}
}
@media only screen and (min-width: 1400px) {
		.foot-text {
				align-self: center;
		}
}
.cells {
		position: relative;
		--border: rgba(255, 255, 255, 0.2);
		--cell: calc((100vw - var(--side-padding) * 2) / var(--h));
		width: calc(var(--cell) * var(--h) + 1px);
		height: calc(var(--cell) * var(--v) + 1px);
}
html:not(.ready) .cells {
		opacity: 0 !important;
}
.cells:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-image: repeating-linear-gradient(to right, var(--border), var(--border) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) var(--cell)), repeating-linear-gradient(to bottom, var(--border), var(--border) 1px, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0) var(--cell)), url("../img/cells.svg");
		background-size: 100% 100%, 100% 100%, var(--cell) var(--cell);
		background-position: 50% 50%, 50% 50%, calc(var(--cell) * -0.035) calc(var(--cell) * -0.035);
}
.input {
		position: relative;
}
.input-info {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		font-size: 12px;
		margin: 8px 0 0 0;
		font-weight: normal;
		line-height: 1.1;
		text-align: left;
		display: none;
}
.input input, .input textarea, .input-label {
		font: normal clamp(20px, 1.875rem, 30px) var(--font);
		color: currentColor;
		background: none;
		border: 0;
		outline: none;
		-webkit-appearance: none;
		display: block;
		width: 100%;
		padding: clamp(25px, 2.3125rem, 37px) 0;
}
.input textarea {
		height: clamp(107px, 11.6875rem, 187px);
		mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) calc(clamp(25px, 2.3125rem, 37px) / 2), rgba(0, 0, 0, 1) calc(clamp(25px, 2.3125rem, 37px) + 8px), rgba(0, 0, 0, 1) 100%);
}
.input-label {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		pointer-events: none;
		opacity: 0.4;
		backface-visibility: hidden;
		transition: transform 0.4s ease;
		transform: scale(1);
		transform-origin: 0 -100%;
}
.input input:not(:placeholder-shown) ~ .input-label, .input textarea:not(:placeholder-shown) ~ .input-label, .input input:focus ~ .input-label, .input textarea:focus ~ .input-label {
		transform: scale(0.75);
}
.input input[type="email"]:not(:placeholder-shown):not(:valid) ~ .input-line {
		background-color: var(--red);
		opacity: 1;
}
.input input[type="email"]:not(:placeholder-shown):not(:valid) ~ .input-info {
		color: var(--red);
		display: block;
}
.input-line {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 1px;
		background: currentColor;
		opacity: 0.16;
}
.top-center-head {
		text-align: center;
		margin-top: calc(var(--vert-padding) * -1 + var(--header) + clamp(60px, 7.5rem, 120px));
		margin-bottom: clamp(80px, 7.5rem, 120px);
		font-weight: normal;
		line-height: 1.5;
		font-size: clamp(16px, 1.5rem, 24px);
		display: flex;
		flex-direction: column;
		gap: 20px;
}
.top-center-head:has(.text > *[data-row="1"]) + * {
		--delay2: calc(var(--delay) * 6);
}
.top-center-head:has(.text > *[data-row="2"]) + * {
		--delay2: calc(var(--delay) * 7);
}
.top-center-head:has(.text > *[data-row="3"]) + * {
		--delay2: calc(var(--delay) * 8);
}
.top-center-head:has(.text > *[data-row="4"]) + * {
		--delay2: calc(var(--delay) * 9);
}
.top-center-head:has(.text > *[data-row="5"]) + * {
		--delay2: calc(var(--delay) * 10);
}
.top-center-head:has(.text > *[data-row="6"]) + * {
		--delay2: calc(var(--delay) * 11);
}
.top-center-head:has(.text > *[data-row="7"]) + * {
		--delay2: calc(var(--delay) * 12);
}
.top-center-head:has(.text > *[data-row="8"]) + * {
		--delay2: calc(var(--delay) * 13);
}
.top-center-head:has(.text > *[data-row="9"]) + * {
		--delay2: calc(var(--delay) * 14);
}
.top-center-head:has(.text > *[data-row="10"]) + * {
		--delay2: calc(var(--delay) * 15);
}
.top-center-head ul, .top-center-head li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.top-center-head .info {
		color: var(--grey);
		display: flex;
		align-items: flex-start;
		justify-content: center;
		flex-wrap: wrap;
		gap: clamp(5px, 0.625rem, 10px) clamp(15px, 2.5rem, 40px);
		font-weight: 500;
		font-size: clamp(12px, 1.5rem, 24px);
		line-height: 1.199;
}
.top-center-head .info .js_hover {
		--lh: 1.199;
}
.top-center-head .info a, .top-center-head .info strong {
		font-weight: inherit;
		color: var(--white);
		text-decoration: none;
}
.top-center-head .info li:before {
		content: '/ ';
}
.top-center-head .title {
		font-weight: 500;
		line-height: 1;
		margin: 0;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		font-size: clamp(40px, 7.5rem, 120px);
}
.top-center-head .text {
		width: 100%;
		margin: -0.19em auto;
		max-width: 39.16em;
}
.top-center-head .tags {
		margin-top: clamp(20px, 2.5rem, 40px);
		margin-bottom: -40px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		gap: clamp(5px, 0.625rem, 10px);
}
.top-center-head .tags li {
		flex: 0 0 auto;
		max-width: 100%;
}
.top-center-head .tags .btn {
		height: clamp(37px, 3.625rem, 58px);
		padding: 0 clamp(12px, 1.5625rem, 25px);
		font-weight: 500;
		font-size: clamp(12px, 1.125rem, 18px);
}
.top-center-head.js_detect-scroll > *:not(.text), .top-center-head.js_detect-scroll .text > * > * {
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.8s, 0.4s;
		transition-timing-function: ease;
		transform: translate3d(0, 0, 0);
}
.top-center-head.js_detect-scroll > *:nth-child(1) {
		transition-delay: calc(var(--delay) * 0);
}
.top-center-head.js_detect-scroll > *:nth-child(2) {
		transition-delay: calc(var(--delay) * 1);
}
.top-center-head.js_detect-scroll .text > *[data-row="0"] > * {
		transition-delay: calc(var(--delay) * 2);
}
.top-center-head.js_detect-scroll .text > *[data-row="1"] > * {
		transition-delay: calc(var(--delay) * 3);
}
.top-center-head.js_detect-scroll .text > *[data-row="2"] > * {
		transition-delay: calc(var(--delay) * 4);
}
.top-center-head.js_detect-scroll .text > *[data-row="3"] > * {
		transition-delay: calc(var(--delay) * 5);
}
.top-center-head.js_detect-scroll .text > *[data-row="4"] > * {
		transition-delay: calc(var(--delay) * 6);
}
.top-center-head.js_detect-scroll .text > *[data-row="5"] > * {
		transition-delay: calc(var(--delay) * 7);
}
.top-center-head.js_detect-scroll .text > *[data-row="6"] > * {
		transition-delay: calc(var(--delay) * 8);
}
.top-center-head.js_detect-scroll .text > *[data-row="7"] > * {
		transition-delay: calc(var(--delay) * 9);
}
.top-center-head.js_detect-scroll .text > *[data-row="8"] > * {
		transition-delay: calc(var(--delay) * 10);
}
.top-center-head.js_detect-scroll .text > *[data-row="9"] > * {
		transition-delay: calc(var(--delay) * 11);
}
.top-center-head.js_detect-scroll .text > *[data-row="10"] > * {
		transition-delay: calc(var(--delay) * 12);
}
.top-center-head.js_detect-scroll .text:has(> *[data-row="1"]) + * {
		transition-delay: calc(var(--delay) * 4);
}
.top-center-head.js_detect-scroll .text:has(> *[data-row="2"]) + * {
		transition-delay: calc(var(--delay) * 5);
}
.top-center-head.js_detect-scroll .text:has(> *[data-row="3"]) + * {
		transition-delay: calc(var(--delay) * 6);
}
.top-center-head.js_detect-scroll .text:has(> *[data-row="4"]) + * {
		transition-delay: calc(var(--delay) * 7);
}
.top-center-head.js_detect-scroll .text:has(> *[data-row="5"]) + * {
		transition-delay: calc(var(--delay) * 8);
}
.top-center-head.js_detect-scroll .text:has(> *[data-row="6"]) + * {
		transition-delay: calc(var(--delay) * 9);
}
.top-center-head.js_detect-scroll .text:has(> *[data-row="7"]) + * {
		transition-delay: calc(var(--delay) * 10);
}
.top-center-head.js_detect-scroll .text:has(> *[data-row="8"]) + * {
		transition-delay: calc(var(--delay) * 11);
}
.top-center-head.js_detect-scroll .text:has(> *[data-row="9"]) + * {
		transition-delay: calc(var(--delay) * 12);
}
.top-center-head.js_detect-scroll .text:has(> *[data-row="10"]) + * {
		transition-delay: calc(var(--delay) * 13);
}
.top-center-head.js_detect-scroll:not(.visible) > *:not(.text), .top-center-head.js_detect-scroll:not(.visible) .text > * > * {
		opacity: 0;
		pointer-events: none;
		transform: translate3d(0, var(--distance), 0);
}
.top-mini-head {
		margin-bottom: clamp(40px, 5rem, 80px);
		display: flex;
		flex-direction: column;
		gap: clamp(20px, 1.875rem, 30px);
}
.top-mini-head .mini-title {
		margin: -0.18em 0;
		font-size: clamp(18px, 1.875rem, 30px);
}
.top-mini-head .title {
		margin: 0;
		font-weight: 500;
		line-height: 1.1;
		font-size: clamp(56px, 5.125rem, 82px);
}
.top-mini-head .title.small {
		font-size: clamp(36px, 5.125rem, 82px);
}
.top-mini-head:has(> *:nth-child(2)) + * {
		--delay2: 0.3s;
}
.top-mini-head:has(> *:nth-child(3)) + * {
		--delay2: 0.4s;
}
.top-mini-head.js_detect-scroll > * {
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.8s, 0.4s;
		transition-timing-function: ease;
		transform: translate3d(0, 0, 0);
}
.top-mini-head.js_detect-scroll > *:nth-child(1) {
		transition-delay: calc(var(--delay) * 0);
}
.top-mini-head.js_detect-scroll > *:nth-child(2) {
		transition-delay: calc(var(--delay) * 1);
}
.top-mini-head.js_detect-scroll > *:nth-child(3) {
		transition-delay: calc(var(--delay) * 2);
}
.top-mini-head.js_detect-scroll > *:nth-child(4) {
		transition-delay: calc(var(--delay) * 3);
}
.top-mini-head.js_detect-scroll > *:nth-child(5) {
		transition-delay: calc(var(--delay) * 4);
}
.top-mini-head.js_detect-scroll > *:nth-child(6) {
		transition-delay: calc(var(--delay) * 5);
}
.top-center-head.js_detect-scroll > *:nth-child(7) {
		transition-delay: calc(var(--delay) * 6);
}
.top-mini-head.js_detect-scroll:not(.visible) > * {
		opacity: 0;
		pointer-events: none;
		transform: translate3d(0, var(--distance), 0);
}
.link-all {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		margin-top: var(--vert-padding);
		font-weight: 500;
		font-size: clamp(27px, 1.875rem, 30px);
}
.link-all.js_detect-scroll > * {
		backface-visibility: hidden;
		transition-property: transform, opacity;
		transition-duration: 0.8s, 0.4s;
		transition-timing-function: ease;
		transform: translate3d(0, 0, 0);
}
.link-all.js_detect-scroll:not(.visible) > * {
		opacity: 0;
		pointer-events: none;
		transform: translate3d(0, var(--distance), 0);
}
.link-all .area {
		margin: -50px -100px;
		padding: 50px 100px;
		border-radius: 100px;
}
.link-all .link {
		flex: 0 0 auto;
		display: flex;
		align-items: center;
		text-decoration: none;
		color: var(--white);
		gap: clamp(20px, 1.5rem, 24px);
}
.link-all .btn {
		padding: 0;
		width: clamp(80px, 6.25rem, 100px);
		height: clamp(80px, 6.25rem, 100px);
}
.link-all .btn:after {
		opacity: 0.2;
}
.link-all .btn svg {
		width: 28%;
		height: auto;
}
@media only screen and (min-width: 1000px) {
		.link-all {
				justify-content: flex-end;
		}
		.link-all > * {
				min-width: 15.2em;
		}
}
@media (pointer:fine) {
		.link-all .btn {
				color: var(--white);
				background-color: var(--black);
		}
		.link-all .btn:before {
				background-color: var(--white);
		}
		.link-all a:hover .btn {
				color: var(--black);
		}
}
.other-pages {
		display: block;
		padding: clamp(100px, 9.375rem, 150px) var(--side-padding);
}
.other-pages ul, .other-pages li {
		list-style: none;
		margin: 0;
		padding: 0;
}
.other-pages ul {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: clamp(20px, 3.125rem, 50px);
}
@media only screen and (max-width: 849.99px) {
		.other-pages ul {
				grid-template-columns: repeat(1, 1fr);
		}
}
.other-pages .block {
		position: relative;
		overflow: hidden;
		backface-visibility: hidden;
		border-radius: 20px;
		border: 1px solid #1C1C1C;
		background: var(--black);
		display: block;
		text-decoration: none;
		color: var(--white);
		font-weight: normal;
		line-height: 1.3;
		font-size: clamp(18px, 1.6875rem, 27px);
		padding: clamp(40px, 4.375rem, 70px) clamp(30px, 3.75rem, 60px);
}
.other-pages .block:before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		backface-visibility: hidden;
		transform: translate3d(0, 30px, 0) scale(1.05) rotate(-2deg);
		background-repeat: no-repeat;
		background-position: 50% 100%;
		background-size: cover;
		transition: transform 0.4s ease;
		transform-origin: 50% 100%;
}
@media (pointer:fine) {
		.other-pages a.block:hover:before {
				transform: translate3d(0, 10px, 0) scale(1.05) rotate(0deg);
		}
}
.other-pages .block .title {
		display: block;
		font-weight: 500;
		line-height: 1;
		margin: 0 0 clamp(10px, 1.25rem, 20px) 0;
		font-size: clamp(36px, 4rem, 64px);
		position: relative;
}
.other-pages .block strong {
		font-weight: bold;
		color: var(--yellow);
}
.other-pages .block .text {
		position: relative;
}
.other-pages .block .text > * {
		max-width: 10.5em;
}
.other-pages .block .arrow {
		width: clamp(60px, 6.25rem, 100px);
		height: clamp(60px, 6.25rem, 100px);
		border-radius: 50%;
		padding: 0;
		pointer-events: none;
}
.other-pages .block .arrow svg {
		width: 28%;
		height: 28%;
}
@media only screen and (min-width: 550px) and (max-width: 849.99px), only screen and (min-width: 1000px) {
		.other-pages .block {
				aspect-ratio: 875/440;
		}
		.other-pages .block.bg-about:before {
				background-image: url("../img/other-pages/about-us-hor.webp");
		}
		.other-pages .block.bg-services:before {
				background-image: url("../img/other-pages/services-hor.webp");
		}
		.other-pages .block.bg-pricing:before {
				background-image: url("../img/other-pages/pricing-hor.webp");
		}
		.other-pages .block.bg-works:before {
				background-image: url("../img/other-pages/works-hor.webp");
		}
		.other-pages .block .arrow {
				position: absolute;
				top: 0;
				right: 0;
				margin: clamp(40px, 4.375rem, 70px) clamp(30px, 3.75rem, 60px);
		}
}
@media only screen and (max-width: 549.99px), only screen and (min-width: 850px) and (max-width: 999.99px) {
		.other-pages .block {
				aspect-ratio: 350/440;
				text-align: center;
		}
		.other-pages .block .arrow {
				margin: 20px auto 0 auto;
		}
		.other-pages .block .text > * {
				max-width: none !important;
		}
		.other-pages .block .text br {
				display: none;
		}
		.other-pages .block.bg-about:before {
				background-image: url("../img/other-pages/about-us-vert.webp");
		}
		.other-pages .block.bg-services:before {
				background-image: url("../img/other-pages/services-vert.webp");
		}
		.other-pages .block.bg-pricing:before {
				background-image: url("../img/other-pages/pricing-vert.webp");
		}
		.other-pages .block.bg-works:before {
				background-image: url("../img/other-pages/works-vert.webp");
		}
}