@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);
    mask-image: radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    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;
    -moz-appearance: none;
    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);
    }
    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;
    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");
    }
}