@charset "UTF-8";

@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA) format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translateZ(0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-size: 1em;
    font-family: monospace, monospace
}

a {
    background-color: transparent
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    border-bottom: none
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-size: 1em;
    font-family: monospace, monospace
}

small {
    font-size: 80%
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-size: 100%;
    line-height: 1.15;
    font-family: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    display: table;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

:root {
    --color-transparent: rgba(255, 255, 255, 0);
    --color-white-05: rgba(255, 255, 255, .05);
    --color-white: #ffffff;
    --color-black: #000000;
    --color-bg: #F5F2ED;
    --color-black-40: rgba(0, 0, 0, .4);
    --color-lavender: #f8f5fc;
    --color-fedora: #58485e;
    --color-east-side: #b695c2;
    --color-grey-black: #7a7a7a;
    --color-grey-white: #a8a8a8;
    --grey-map: #c6c6c6;
    --color-red: #ff0000;
    --grey-menu: #8f8f8f;
    --color-pink: #f90053;
    --color-medium-carmine: #b22222;
    --grey-white-2: #d5d5d5;
    --color-snow: #fafafa;
    --color-nobel: #9a9a9a;
    --color-whisper-40: rgba(229, 229, 229, .4);
    --color-gainsboro: #d9d9d9;
    --color-disabled: #585858;
    --color-dim-gray: #6d6d6d
}

@font-face {
    font-style: normal;
    font-weight: 100;
    font-family: DIN Next CYR;
    font-display: swap;
    src: url(./fonts/DINNextCYR-UltraLight.woff2) format("woff2")
}

@font-face {
    font-style: normal;
    font-weight: 300;
    font-family: DIN Next CYR;
    font-display: swap;
    src: url(./fonts/DINNextCYR-Light.woff2) format("woff2")
}

@font-face {
    font-style: normal;
    font-weight: 400;
    font-family: DIN Next CYR;
    font-display: swap;
    src: url(./fonts/DINNextCYR-Regular.woff2) format("woff2")
}

@font-face {
    font-style: normal;
    font-weight: 300;
    font-family: DIN Next Stencil;
    font-display: swap;
    src: url(./fonts/DINNext-Stencil-Light.woff2) format("woff2")
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    margin: 0;
    padding: 0;
    min-height: 100svh;
    color: var(--color-text);
    background-color: var(--color-bg)
}

body.dark {
    --color-bg: #F5F2ED;
    --color-text: #fafafa;
    --shadow-gradient: linear-gradient(
        0deg,
        #F5F2ED 0%,
        #F5F2ED 45%,
        rgba(245, 242, 237, 0.95) 60%,
        rgba(245, 242, 237, 0.65) 78%,
        rgba(245, 242, 237, 0) 100%
    );
}

body.black {
    --color-bg: var(--color-bg);
    --color-text: #000000;
    --shadow-gradient: linear-gradient(
        0deg,
        #F5F2ED 0%,
        #F5F2ED 45%,
        rgba(245, 242, 237, 0.95) 60%,
        rgba(245, 242, 237, 0.65) 78%,
        rgba(245, 242, 237, 0) 100%
    );
}

html {
    font-style: normal;
    font-weight: 400;
    font-family: DIN Next CYR, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-black);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    scroll-behavior: smooth
}

body {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body.is-loading {
    opacity: 0;
    pointer-events: none
}

main {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    min-width: 100%
}

p,
h1,
h2,
h3 {
    margin: 0
}

a {
    text-decoration: none
}

img,
video {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 800px;
}

textarea {
    resize: none
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px var(--color-white);
    box-shadow: inset 0 0 0 1000px var(--color-white);
    -webkit-text-fill-color: var(--color-black)
}

input,
textarea {
    border-radius: 0
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    opacity: 1
}

input::placeholder,
textarea::placeholder {
    opacity: 1
}

input:invalid,
textarea:invalid {
    -webkit-box-shadow: none;
    box-shadow: none
}

select {
    border-radius: 0
}

input::-ms-clear,
input::-ms-reveal {
    display: none
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

input[type=date],
input[type=month],
input[type=time] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

select,
textarea,
input:matches([type=email], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=url]) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    white-space: nowrap;
    border: 0;
    clip-path: inset(100%)
}

@media (min-width: 769px) {
    .hidden-from-tablet {
        display: none !important
    }
}

@media (min-width: 1025px) {
    .hidden-desktop-only {
        display: none !important
    }
}

@media (min-width: 769px) and (max-width: 1023px) {
    .hidden-tablet-only {
        display: none !important
    }
}

@media (max-width: 768px) {
    .hidden-mobile-only {
        display: none !important
    }
}

[data-animations=jump] {
    -webkit-animation: jump 1.5s infinite alternate ease-in-out;
    animation: jump 1.5s infinite alternate ease-in-out
}

@-webkit-keyframes jump {
    0% {
        -webkit-transform: translateY(.3125rem);
        transform: translateY(.3125rem)
    }

    to {
        -webkit-transform: translateY(-.3125rem);
        transform: translateY(-.3125rem)
    }
}

@keyframes jump {
    0% {
        -webkit-transform: translateY(.3125rem);
        transform: translateY(.3125rem)
    }

    to {
        -webkit-transform: translateY(-.3125rem);
        transform: translateY(-.3125rem)
    }
}

[data-parallax=container] {
    overflow: hidden
}

[data-animation=shadows] {
    position: relative;
    overflow: hidden
}

[data-animation=shadows]:after {
    content: "";
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    background: var(--shadow-gradient);
    background-position: center 100%;
    background-size: 100% 200%;
    background-repeat: no-repeat;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    top: round(-.0625rem, 1px);
    left: round(-.0625rem, 1px);
    right: round(-.0625rem, 1px);
    bottom: round(-.0625rem, 1px);
    pointer-events: none
}

[data-animation=shadows].is-active:after {
    -webkit-animation-name: shadow-animation;
    animation-name: shadow-animation
}

@media (min-width: 769px) {
    [data-animation=shadows].is-disabled-on-desktop:after {
        display: none
    }
}

@media (max-width: 768px) {
    [data-animation=shadows].is-disabled-on-mobile:after {
        display: none
    }
}

[data-animation=text-mask] {
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(33.33%, #ffffff), color-stop(66.66%, transparent));
    -webkit-mask-image: linear-gradient(90deg, #ffffff 33.33%, transparent 66.66%);
    mask-image: -webkit-gradient(linear, left top, right top, color-stop(33.33%, #ffffff), color-stop(66.66%, transparent));
    mask-image: linear-gradient(90deg, #ffffff 33.33%, transparent 66.66%);
    -webkit-mask-size: 300% 100%;
    mask-size: 300% 100%;
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0
}

[data-animation=text-mask]:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform
}

[data-animation=text-mask].is-active {
    -webkit-transition: -webkit-mask-position 2.5s ease;
    transition: -webkit-mask-position 2.5s ease;
    transition: mask-position 2.5s ease;
    transition: mask-position 2.5s ease, -webkit-mask-position 2.5s ease;
    -webkit-mask-position: 0 0;
    mask-position: 0 0
}

[data-animation=text-mask].is-active:before {
    -webkit-animation-name: pulse-animation;
    animation-name: pulse-animation
}

@-webkit-keyframes pulse-animation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes pulse-animation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bounce-animation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    6.25% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    12.5% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    18.75% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    81.25% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    87.5% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    93.75% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce-animation {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    6.25% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    12.5% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    18.75% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    25% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    81.25% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    87.5% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    93.75% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes shadow-animation {
    0% {
        background-position: center 100%
    }

    to {
        background-position: center -100%
    }
}

@keyframes shadow-animation {
    0% {
        background-position: center 100%
    }

    to {
        background-position: center -100%
    }
}

.btn-down {
    font-family: inherit;
    padding: 0;
    background-color: var(--color-transparent);
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.625rem;
    height: 1.875rem;
    color: var(--color-snow);
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    pointer-events: none
}

@media (max-width: 768px) {
    .btn-down {
        width: 1.5rem;
        height: .875rem
    }
}

.btn-down svg {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.btn-swipe {
    font-family: inherit;
    padding: 0;
    background-color: var(--color-transparent);
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3.25rem;
    height: 3.25rem;
    color: var(--color-white);
    background: var(--color-white-05);
    backdrop-filter: blur(.44625rem);
    -webkit-backdrop-filter: blur(.44625rem);
    border-radius: 50%;
    -webkit-transition: color .3s ease, opacity .3s ease;
    transition: color .3s ease, opacity .3s ease
}

@media (hover: hover) {
    .btn-swipe:hover {
        color: var(--color-nobel)
    }
}

.btn-swipe svg {
    position: absolute;
    width: 100%;
    height: auto;
    overflow: visible;
    -o-object-fit: contain;
    object-fit: contain
}

.bullet-item {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.27rem;
    letter-spacing: .04em;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .bullet-item {
        line-height: 1.3rem
    }
}

.bullet-item p {
    margin: 0 0 .625rem
}

.bullet-item p:last-child {
    margin-bottom: 0
}

.bullet-item--marker {
    padding-top: 3.4375rem
}

.bullet-item--marker:before {
    position: absolute;
    top: 0;
    left: round(.1875rem, 1px);
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    background-color: currentColor
}

.button {
    font-family: inherit;
    padding: 0;
    background-color: var(--color-transparent);
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    text-transform: uppercase;
    color: inherit;
    border-radius: .1875rem;
    padding: 1.125rem 1.375rem;
    -webkit-transition: opacity .3s ease, background-color .3s ease, color .3s ease;
    transition: opacity .3s ease, background-color .3s ease, color .3s ease
}

@media (max-width: 768px) {
    .button {
        padding: .5rem .3125rem
    }
}

.button__text {
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.3125rem;
    letter-spacing: .0125rem;
    text-align: center
}

@media (max-width: 768px) {
    .button__text {
        font-size: 1rem;
        line-height: 1.311875rem
    }
}

.button__icon {
    padding: 0;
    width: 1.0625rem;
    height: 1.0625rem
}

.button__icon svg {
    width: 100%;
    height: 100%;
    color: currentColor;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: visible
}

.button--xs .button__text {
    font-size: 1rem;
    line-height: 1.3rem;
    letter-spacing: .04rem
}

@media (max-width: 430px) {
    .button--xs .button__text {
        font-size: .625rem;
        line-height: 1.3;
        letter-spacing: .04em
    }
}

.button--icon {
    padding: 0;
    border: none
}

.button--blur {
    background: #27272799;
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem)
}

.button--blur:focus-visible {
    background-color: var(--color-whisper-40);
    color: var(--color-black)
}

@media (hover: hover) {
    .button--blur:hover {
        background-color: var(--color-whisper-40);
        color: var(--color-black)
    }
}

.button--blur:active {
    background-color: var(--color-whisper-40);
    color: var(--color-black)
}

.button--border {
    border: .0625rem solid currentColor
}

.button--black {
    background-color: var(--color-black);
    color: var(--color-snow)
}

.button--black:focus-visible {
    background-color: var(--color-snow);
    color: var(--color-black)
}

@media (hover: hover) {
    .button--black:hover {
        background-color: var(--color-snow);
        color: var(--color-black)
    }
}

.button--black:active {
    background-color: var(--color-snow);
    color: var(--color-black)
}

.button--transparent:focus-visible {
    background-color: #e5e5e566;
    color: var(--color-black)
}

@media (hover: hover) {
    .button--transparent:hover {
        background-color: #e5e5e566;
        color: var(--color-black)
    }
}

.button--transparent:active {
    background-color: #e5e5e566;
    color: var(--color-black)
}

.button--icon-mob .button__text {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .01em;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .button--icon-mob .button__text {
        display: none
    }
}

.button--icon-mob .button__icon {
    display: none
}

@media (max-width: 768px) {
    .button--icon-mob .button__icon {
        display: initial
    }
}

.button--hover-color-white {
    color: var(--color-snow)
}

.button--hover-color-white:focus-visible {
    background-color: var(--color-snow);
    color: var(--color-black)
}

@media (hover: hover) {
    .button--hover-color-white:hover {
        background-color: var(--color-snow);
        color: var(--color-black)
    }
}

.button--hover-color-white:active {
    background-color: var(--color-snow);
    color: var(--color-black)
}

.button--link {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0
}

.button--link .button__text {
    text-align: left
}

.button--text-underline {
    text-decoration: underline;
    text-decoration-color: inherit;
    -webkit-transition: text-decoration-color .3s ease;
    transition: text-decoration-color .3s ease
}

.button--text-underline:focus-visible {
    text-decoration-color: transparent
}

@media (hover: hover) {
    .button--text-underline:hover {
        text-decoration-color: transparent
    }
}

.content {
    width: 100%
}

.content h1 {
    font-family: inherit;
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    text-transform: uppercase;
    margin-top: 4.1875rem;
    max-width: 31.25rem
}

@media (max-width: 768px) {
    .content h1 {
        font-size: 1rem;
        line-height: 1.19375rem
    }
}

@media (max-width: 768px) {
    .content h1 {
        margin-top: 2rem;
        max-width: 15.0625rem
    }
}

.content h2 {
    font-family: inherit;
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    text-transform: uppercase;
    margin-top: 6.25rem
}

@media (max-width: 768px) {
    .content h2 {
        font-size: 1rem;
        line-height: 1.19375rem
    }
}

.content h2+h2 {
    margin-top: 6.25rem
}

@media (max-width: 768px) {
    .content h2 {
        margin-top: 3.4375rem
    }

    .content h2+h2 {
        margin-top: 3.4375rem
    }
}

.content h3,
.content img {
    font-family: inherit;
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: .01em;
    margin-top: 4.6875rem
}

@media (max-width: 768px) {

    .content h3,
    .content img {
        font-size: 1rem;
        line-height: 1.19375rem
    }
}

@media (max-width: 768px) {

    .content h3,
    .content img {
        margin-top: 2.1875rem
    }
}

.content p,
.content ul,
.content ol {
    font-family: inherit;
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: .01em
}

@media (max-width: 768px) {

    .content p,
    .content ul,
    .content ol {
        font-size: 1rem;
        line-height: 1.19375rem
    }
}

.content p {
    margin-top: 1.5rem
}

@media (max-width: 768px) {
    .content p {
        margin-top: 1.2rem
    }
}

.content h1+p {
    margin-top: 6.25rem
}

@media (max-width: 768px) {
    .content h1+p {
        margin-top: 3.375rem
    }
}

.content h2+p {
    margin-top: 4.375rem;
    width: 45%
}

@media (max-width: 768px) {
    .content h2+p {
        margin-top: 2.1875rem;
        width: 90%
    }
}

.content a {
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    color: var(--color-white)
}

.content a:focus-visible {
    opacity: .7
}

@media (hover: hover) {
    .content a:hover {
        opacity: .7
    }
}

.content ol,
.content ul {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-top: 4.375rem;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 10.875rem;
    -moz-column-gap: 10.875rem;
    column-gap: 10.875rem
}

@media (max-width: 1439px) {

    .content ol,
    .content ul {
        -webkit-column-gap: 8.625rem;
        -moz-column-gap: 8.625rem;
        column-gap: 8.625rem
    }
}

@media (max-width: 1279px) {

    .content ol,
    .content ul {
        -webkit-column-gap: 6.75rem;
        -moz-column-gap: 6.75rem;
        column-gap: 6.75rem
    }
}

@media (max-width: 1024px) {

    .content ol,
    .content ul {
        -webkit-column-count: unset;
        -moz-column-count: unset;
        column-count: unset
    }
}

@media (max-width: 768px) {

    .content ol,
    .content ul {
        margin-top: 2.1875rem;
        -webkit-column-count: unset;
        -moz-column-count: unset;
        column-count: unset
    }
}

.content p+ul,
.content p+ol {
    margin-top: 1.5rem
}

@media (max-width: 768px) {

    .content p+ul,
    .content p+ol {
        margin-top: 1.2rem
    }
}

.content li>ol,
.content li>ul {
    margin-top: 1.5rem;
    -webkit-column-count: unset;
    -moz-column-count: unset;
    column-count: unset
}

@media (max-width: 768px) {
    .content ul {
        width: 80%
    }
}

.content ol {
    list-style-type: decimal
}

.content h1,
.content h2,
.content h3,
.content p,
.content li {
    white-space: pre-line
}

.content li {
    position: relative;
    padding-left: 3.75rem;
    margin-bottom: 1.5rem;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

@media (max-width: 1279px) {
    .content li {
        padding-left: 2.8125rem
    }
}

@media (max-width: 768px) {
    .content li {
        margin-bottom: 1.2rem;
        padding-left: 2rem
    }
}

.content li:before {
    position: absolute;
    content: "";
    width: .25rem;
    aspect-ratio: 1/1;
    left: .1875rem;
    top: .625rem;
    background-color: var(--color-white);
    border-radius: 50%
}

@media (max-width: 768px) {
    .content li:before {
        width: .1875rem;
        left: .125rem;
        top: .5rem
    }
}

.content li>ol>li,
.content li>ul>li {
    position: relative;
    padding-left: .75rem;
    margin-bottom: 1.5rem;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.content li>ol>li:before,
.content li>ul>li:before {
    position: absolute;
    content: "";
    width: .1875rem;
    aspect-ratio: 1/1;
    left: .0625rem;
    top: .25rem;
    background-color: var(--color-white);
    border-radius: 50%
}

@media (max-width: 768px) {

    .content li>ol>li:before,
    .content li>ul>li:before {
        left: .125rem;
        top: .1875rem
    }
}

.content ol+p {
    margin-top: 4.6875rem
}

@media (max-width: 768px) {
    .content ol+p {
        margin-top: 2.1875rem
    }
}

.content strong,
.content b {
    font-weight: 400
}

.content picture {
    width: 100%;
    height: auto
}

.custom-toggle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    width: 100%;
    color: var(--color-grey-white);
    -webkit-tap-highlight-color: transparent;
    font-weight: 300;
    font-size: .9375rem;
    line-height: 1rem;
    letter-spacing: 1
}

.custom-toggle input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0);
    will-change: transform
}

.custom-toggle label {
    position: relative;
    padding-left: 1.5rem;
    cursor: pointer
}

.custom-toggle label span {
    margin-bottom: 0;
    margin-left: 0
}

.custom-toggle__label {
    color: var(--white-40);
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    font-family: DIN Next CYR, sans-serif;
    font-weight: 300;
    font-size: .9375rem;
    line-height: 1rem;
    letter-spacing: .01em
}

@media (max-width: 768px) {
    .custom-toggle__label {
        font-size: .625rem;
        line-height: .6875rem
    }
}

.custom-toggle__label a {
    position: relative;
    display: inline;
    color: inherit;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: round(.0625rem, 1px);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.custom-toggle__label a:focus-visible {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .custom-toggle__label a:hover {
        color: var(--color-nobel)
    }
}

.custom-toggle__icon {
    position: absolute;
    top: .0625rem;
    left: 0;
    width: 1rem;
    height: 1rem;
    border: round(.0625rem, 1px) solid var(--color-dim-gray);
    border-radius: .0625rem;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

@media (max-width: 767px) {
    .custom-toggle__icon {
        top: 0
    }
}

.custom-toggle__icon:before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 7L8 11L12 4" stroke="%23777777"/></svg>');
    opacity: 0
}

.custom-toggle.is-invalid .custom-toggle__icon {
    border-color: var(--color-cinnabar)
}

.custom-toggle.is-invalid label span {
    color: var(--color-cinnabar)
}

.custom-toggle .input-message {
    position: absolute;
    right: 0;
    bottom: -5px
}

.custom-toggle .input-message.is-invalid {
    color: var(--color-red)
}

.custom-toggle input:checked+.custom-toggle__icon:before {
    opacity: 1
}

.custom-toggle--xs .custom-toggle__label {
    margin: 0;
    font-weight: 300;
    font-size: .75rem;
    line-height: .8125rem;
    letter-spacing: .01em;
    color: var(--color-gainsboro)
}

.custom-toggle--xs .custom-toggle__label a {
    position: relative;
    display: inline;
    color: inherit;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: round(.0625rem, 1px);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.custom-toggle--xs .custom-toggle__label a:focus-visible {
    color: var(--color-grey-white)
}

@media (hover: hover) {
    .custom-toggle--xs .custom-toggle__label a:hover {
        color: var(--color-grey-white)
    }
}

.custom-toggle--white .custom-toggle__icon {
    border-color: var(--color-gainsboro)
}

.custom-toggle--white .custom-toggle__icon:before {
    background-image: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 7L8 11L12 4" stroke="%23d9d9d9"/></svg>')
}

.field {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--color-snow)
}

.field.is-invalid input {
    color: var(--color-medium-carmine)
}

.field.is-invalid input::-webkit-input-placeholder {
    color: var(--color-medium-carmine)
}

.field.is-invalid input::-moz-placeholder {
    color: var(--color-medium-carmine)
}

.field.is-invalid input:-ms-input-placeholder {
    color: var(--color-medium-carmine)
}

.field.is-invalid input::-ms-input-placeholder {
    color: var(--color-medium-carmine)
}

.field.is-invalid input::placeholder {
    color: var(--color-medium-carmine)
}

.field.is-invalid:after {
    background-color: var(--color-medium-carmine)
}

.field:after {
    position: absolute;
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    bottom: 0;
    background-color: var(--color-snow);
    height: round(.0625rem, 1px);
    width: 100%;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;
    will-change: transform
}

.field input {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .01em;
    text-transform: uppercase;
    font-family: DIN Next CYR, sans-serif;
    width: 100%;
    padding: 0 0 .875rem;
    color: inherit;
    border: none;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    caret-color: var(--color-snow);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.field input:focus::-webkit-input-placeholder {
    color: transparent
}

.field input:focus::-moz-placeholder {
    color: transparent
}

.field input:focus:-ms-input-placeholder {
    color: transparent
}

.field input:focus::-ms-input-placeholder {
    color: transparent
}

.field input:focus::placeholder {
    color: transparent
}

@media (max-width: 768px) {
    .field input {
        padding: 0 0 .5rem;
        font-weight: 300;
        font-size: max(1rem, 16px);
        line-height: 1;
        letter-spacing: .008125rem
    }
}

.field input::-webkit-input-placeholder {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .01em;
    color: var(--color-snow);
    text-transform: uppercase;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.field input::-moz-placeholder {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .01em;
    color: var(--color-snow);
    text-transform: uppercase;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.field input:-ms-input-placeholder {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .01em;
    color: var(--color-snow);
    text-transform: uppercase;
    -ms-transition: color .3s ease;
    transition: color .3s ease
}

.field input::-ms-input-placeholder {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .01em;
    color: var(--color-snow);
    text-transform: uppercase;
    -ms-transition: color .3s ease;
    transition: color .3s ease
}

.field input::placeholder {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .01em;
    color: var(--color-snow);
    text-transform: uppercase;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media (max-width: 1024px) {
    .field input::-webkit-input-placeholder {
        font-size: .875rem
    }

    .field input::-moz-placeholder {
        font-size: .875rem
    }

    .field input:-ms-input-placeholder {
        font-size: .875rem
    }

    .field input::-ms-input-placeholder {
        font-size: .875rem
    }

    .field input::placeholder {
        font-size: .875rem
    }
}

@media (max-width: 768px) {
    .field input::-webkit-input-placeholder {
        color: var(--grey-menu);
        font-weight: 300;
        font-size: .75rem;
        line-height: 1.311875rem;
        letter-spacing: .008125rem
    }

    .field input::-moz-placeholder {
        color: var(--grey-menu);
        font-weight: 300;
        font-size: .75rem;
        line-height: 1.311875rem;
        letter-spacing: .008125rem
    }

    .field input:-ms-input-placeholder {
        color: var(--grey-menu);
        font-weight: 300;
        font-size: .75rem;
        line-height: 1.311875rem;
        letter-spacing: .008125rem
    }

    .field input::-ms-input-placeholder {
        color: var(--grey-menu);
        font-weight: 300;
        font-size: .75rem;
        line-height: 1.311875rem;
        letter-spacing: .008125rem
    }

    .field input::placeholder {
        color: var(--grey-menu);
        font-weight: 300;
        font-size: .75rem;
        line-height: 1.311875rem;
        letter-spacing: .008125rem
    }
}

.field input:-webkit-autofill,
.field input:-webkit-autofill:hover,
.field input:-webkit-autofill:focus,
.field input:-webkit-autofill:active {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .01em;
    text-transform: uppercase;
    -webkit-text-fill-color: var(--color-snow);
    -webkit-transition: background-color 4999s ease-in-out 0s;
    transition: background-color 4999s ease-in-out 0s
}

@media (max-width: 768px) {

    .field input:-webkit-autofill,
    .field input:-webkit-autofill:hover,
    .field input:-webkit-autofill:focus,
    .field input:-webkit-autofill:active {
        font-weight: 300;
        font-size: .8125rem;
        letter-spacing: .008125rem
    }
}

.field--xs input {
    font-weight: 300;
    font-size: .875rem;
    line-height: 1;
    letter-spacing: .01em;
    font-family: DIN Next CYR, sans-serif;
    width: 100%;
    padding: 0 0 .4375rem;
    color: inherit;
    border: none;
    outline: none;
    background-color: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    caret-color: var(--color-snow);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.field--xs input:focus::-webkit-input-placeholder {
    color: transparent
}

.field--xs input:focus::-moz-placeholder {
    color: transparent
}

.field--xs input:focus:-ms-input-placeholder {
    color: transparent
}

.field--xs input:focus::-ms-input-placeholder {
    color: transparent
}

.field--xs input:focus::placeholder {
    color: transparent
}

@media (max-width: 768px) {
    .field--xs input {
        font-weight: 300;
        font-size: max(1rem, 16px);
        line-height: 1;
        letter-spacing: .008125rem
    }
}

.field--xs input::-webkit-input-placeholder {
    font-weight: 300;
    font-size: .875rem;
    line-height: 1;
    letter-spacing: .01em;
    color: var(--color-snow);
    text-transform: uppercase;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.field--xs input::-moz-placeholder {
    font-weight: 300;
    font-size: .875rem;
    line-height: 1;
    letter-spacing: .01em;
    color: var(--color-snow);
    text-transform: uppercase;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.field--xs input:-ms-input-placeholder {
    font-weight: 300;
    font-size: .875rem;
    line-height: 1;
    letter-spacing: .01em;
    color: var(--color-snow);
    text-transform: uppercase;
    -ms-transition: color .3s ease;
    transition: color .3s ease
}

.field--xs input::-ms-input-placeholder {
    font-weight: 300;
    font-size: .875rem;
    line-height: 1;
    letter-spacing: .01em;
    color: var(--color-snow);
    text-transform: uppercase;
    -ms-transition: color .3s ease;
    transition: color .3s ease
}

.field--xs input::placeholder {
    font-weight: 300;
    font-size: .875rem;
    line-height: 1;
    letter-spacing: .01em;
    color: var(--color-snow);
    text-transform: uppercase;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media (max-width: 1024px) {
    .field--xs input::-webkit-input-placeholder {
        font-size: .875rem
    }

    .field--xs input::-moz-placeholder {
        font-size: .875rem
    }

    .field--xs input:-ms-input-placeholder {
        font-size: .875rem
    }

    .field--xs input::-ms-input-placeholder {
        font-size: .875rem
    }

    .field--xs input::placeholder {
        font-size: .875rem
    }
}

.field--xs input:-webkit-autofill,
.field--xs input:-webkit-autofill:hover,
.field--xs input:-webkit-autofill:focus,
.field--xs input:-webkit-autofill:active {
    font-weight: 300;
    font-size: .875rem;
    line-height: 1;
    letter-spacing: .01em;
    -webkit-text-fill-color: var(--color-snow);
    -webkit-transition: background-color 4999s ease-in-out 0s;
    transition: background-color 4999s ease-in-out 0s
}

@media (max-width: 768px) {

    .field--xs input:-webkit-autofill,
    .field--xs input:-webkit-autofill:hover,
    .field--xs input:-webkit-autofill:focus,
    .field--xs input:-webkit-autofill:active {
        font-weight: 300;
        font-size: .8125rem;
        letter-spacing: .008125rem
    }
}

.timeline-slider {
    width: 100%;
    margin: auto auto 0;
    position: relative;
    max-width: 55rem;
    padding: 0 1.25rem
}

@media (max-width: 768px) {
    .timeline-slider {
        width: 3.125rem;
        margin: 3.4375rem 2.1875rem 2.1875rem auto;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.timeline-slider:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 1.5625rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    width: 100%;
    height: .0625rem;
    background: var(--color-white)
}

@media (max-width: 768px) {
    .timeline-slider:before {
        height: 100%;
        width: .0625rem;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        right: .5625rem;
        left: unset;
        top: 50%
    }
}

.timeline-slider__labels {
    position: relative;
    height: 1.625rem;
    pointer-events: none;
    top: -.3125rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 768px) {
    .timeline-slider__labels {
        min-width: 1.875rem;
        height: 100%;
        top: unset;
        padding-right: .625rem
    }
}

.timeline-slider__labels .tick-label {
    font-family: DIN Next Stencil, DIN Next CYR, sans-serif;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1.625rem;
    letter-spacing: -.02em;
    vertical-align: bottom;
    text-align: center;
    color: var(--white);
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .3s ease, margin-top .3s ease, line-height .3s ease, font-size .3s ease;
    transition: opacity .3s ease, margin-top .3s ease, line-height .3s ease, font-size .3s ease
}

.timeline-slider__labels .tick-label.visible {
    opacity: 1
}

@media (max-width: 768px) {
    .timeline-slider__labels .tick-label {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: .75rem;
        line-height: 1;
        letter-spacing: unset;
        text-align: right
    }
}

.timeline-slider__labels .tick-label.active {
    opacity: 1;
    font-size: 1.625rem;
    letter-spacing: -.1em;
    line-height: 1.625rem;
    margin-top: -.1875rem;
    -webkit-transition: opacity .3s ease, margin-top .3s ease, line-height .3s ease, font-size .3s ease;
    transition: opacity .3s ease, margin-top .3s ease, line-height .3s ease, font-size .3s ease
}

@media (max-width: 768px) {
    .timeline-slider__labels .tick-label.active {
        font-size: .75rem;
        letter-spacing: unset;
        line-height: 1;
        margin-top: 0
    }
}

.timeline-slider__track {
    position: relative;
    height: 3.125rem
}

@media (max-width: 768px) {
    .timeline-slider__track {
        height: 100%;
        width: .6875rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .timeline-slider__track:before {
        content: "";
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%);
        width: 300%;
        top: 0;
        bottom: 0
    }
}

.timeline-slider__track .timeline-slider__scroll-container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: -1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.timeline-slider__track .timeline-slider__scroll-container::-webkit-scrollbar {
    display: none
}

.timeline-slider__track .timeline-slider__scroll-container:before {
    content: "";
    display: block;
    width: 100%;
    aspect-ratio: 1/1.4
}

@media (max-width: 768px) {
    .timeline-slider__track .timeline-slider__scroll-container:before {
        aspect-ratio: unset;
        height: 190%
    }
}

.timeline-slider .tick {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: .0625rem;
    height: .3125rem;
    background: var(--color-white);
    -webkit-transition: height .3s ease, top .3s ease;
    transition: height .3s ease, top .3s ease;
    z-index: 1
}

@media (max-width: 768px) {
    .timeline-slider .tick {
        top: unset;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: .0625rem;
        width: .3125rem;
        -webkit-transition: width .3s ease, top .3s ease;
        transition: width .3s ease, top .3s ease
    }
}

.timeline-slider .tick.active {
    height: .6875rem
}

@media (max-width: 768px) {
    .timeline-slider .tick.active {
        width: .6875rem;
        height: .0625rem
    }
}

.timeline-slider .tick.large {
    height: .6875rem
}

@media (max-width: 768px) {
    .timeline-slider .tick.large {
        width: .6875rem;
        height: .0625rem
    }
}

.timeline-slider__thumb {
    position: absolute;
    top: 50%;
    width: 1.0625rem;
    height: 1.0625rem;
    background: var(--color-white);
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: top .3s ease, left .3s ease, width .3s ease, height .3s ease;
    transition: top .3s ease, left .3s ease, width .3s ease, height .3s ease;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    will-change: left, width, height;
    z-index: 15
}

.timeline-slider__thumb:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300%;
    height: 300%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.timeline-slider__thumb:hover {
    width: 1.1875rem;
    height: 1.1875rem
}

@media (max-width: 768px) {
    .timeline-slider__thumb {
        top: unset;
        left: 50%;
        will-change: top, width, height;
        width: .8125rem;
        height: .8125rem
    }

    .timeline-slider__thumb:hover {
        width: .9375rem;
        height: .9375rem
    }
}

.title {
    margin: 0;
    font-size: 38px;
    line-height: 100%;
    font-weight: 600
}

.title--xl {
    font-size: 58px
}

.title--lg {
    font-size: 48px
}

.title--md {
    font-weight: 300;
    font-size: 2.3125rem;
    line-height: 2.566875rem;
    letter-spacing: .03em
}

@media (max-width: 768px) {
    .title--md {
        font-size: 1.875rem;
        line-height: 1.875rem;
        letter-spacing: .01em
    }
}

.title--sm {
    font-weight: 300;
    font-size: 1.5625rem;
    line-height: 1;
    letter-spacing: .01em;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .title--sm {
        font-size: 1.25rem
    }
}

.title--xs {
    font-size: 18px
}

.title--xxs {
    font-size: 16px
}

.title--uppercase {
    text-transform: uppercase
}

.title--weight-300 {
    font-weight: 300
}

.bullet-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.bullet-list__item {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 300;
    letter-spacing: .04em;
    text-transform: uppercase;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.bullet-list__item p {
    margin: 0 0 .625rem
}

.bullet-list__item p:last-child {
    margin-bottom: 0
}

.bullet-list__item:before {
    position: absolute;
    top: 0;
    left: round(.1875rem, 1px);
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: .375rem;
    height: .375rem;
    border-radius: 50%;
    background-color: currentColor
}

.bullet-list__item--md {
    font-size: 1rem;
    line-height: 1.27rem
}

@media (max-width: 768px) {
    .bullet-list__item--md {
        line-height: 1.3rem
    }
}

.bullet-list__item--lg {
    font-size: 1.5625rem;
    line-height: 1.9375rem
}

@media (max-width: 768px) {
    .bullet-list__item--lg {
        font-size: 1rem;
        line-height: 1.3rem
    }
}

.bullet-list__item--team {
    font-size: 1.125rem;
    line-height: 110%;
    letter-spacing: .01em
}

@media (max-width: 768px) {
    .bullet-list__item--team {
        font-size: 1rem;
        line-height: 130%;
        letter-spacing: .04em;
        padding-top: 1.6875rem
    }
}

.bullet-list--xs .bullet-list__item {
    padding-top: 2.5625rem
}

.bullet-list--sm .bullet-list__item {
    padding-top: 3.4375rem
}

.contacts-buttons-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    row-gap: 1rem;
    -webkit-column-gap: 1.6875rem;
    -moz-column-gap: 1.6875rem;
    column-gap: 1.6875rem;
}

@media (max-width: 768px) {
    .contacts-buttons-list {
        row-gap: 18px
    }
}

.contacts-buttons-list__btn {
    width: 100%;
    min-height: 3.6875rem
}

@media (max-width: 768px) {
    .contacts-buttons-list__btn {
        min-height: 59px
    }

    .contacts-buttons-list__btn .button__text {
        font-weight: 300;
        font-size: 20px;
        line-height: 105%;
        letter-spacing: 1%
    }
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 8.25rem
}

@media (max-width: 1279px) {
    .container {
        padding: 0 6.6875rem
    }
}

@media (max-width: 1024px) {
    .container {
        padding: 0 6.6875rem
    }
}

@media (max-width: 768px) {
    .container {
        padding: 0 2.125rem
    }
}

.container--no-p {
    padding: 0
}

.grid-content {
    display: grid;
    grid-template-columns: 100%;
    row-gap: 14.375rem;
    /* padding-top: 14.375rem */
}

.grid-content--architecture {
    row-gap: 8.125rem;
    padding-top: 10.625rem
}

@media (max-width: 1279px) {
    .grid-content {
        /* padding-top: 8.75rem; */
        row-gap: 8.75rem
    }
}

@media (max-width: 768px) {
    .grid-content {
        /* padding-top: 6.375rem; */
        row-gap: 6.375rem
    }
}

.media-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.media-card img,
.media-card video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: contain
}

.media-card--object-position-top img,
.media-card--object-position-top video {
    -o-object-position: top;
    object-position: top
}

.media-card--object-position-bottom img,
.media-card--object-position-bottom video {
    -o-object-position: bottom;
    object-position: bottom
}

.media-card--object-position-left img,
.media-card--object-position-left video {
    -o-object-position: left;
    object-position: left
}

.media-card--object-position-right img,
.media-card--object-position-right video {
    -o-object-position: right;
    object-position: right
}

.media-text-card {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: column dense;
    gap: 7.3125rem;
    color: var(--color-black);
    width: 100%
}

.media-text-card:has(.bullet-item:nth-of-type(2)),
.media-text-card:has(.title) {
    grid-auto-flow: column dense;
    grid-template-rows: auto auto auto;
    row-gap: 0
}

.media-text-card:has(.bullet-item:nth-of-type(2)) .media-text-card__card,
.media-text-card:has(.title) .media-text-card__card {
    grid-row: 1/-1
}

@media (max-width: 768px) {

    .media-text-card:has(.bullet-item:nth-of-type(2)) .media-text-card__card,
    .media-text-card:has(.title) .media-text-card__card {
        grid-row: unset
    }
}

@media (max-width: 768px) {

    .media-text-card:has(.bullet-item:nth-of-type(2)),
    .media-text-card:has(.title) {
        grid-template-columns: 100%;
        gap: 2.9375rem;
        grid-auto-flow: row dense
    }
}

@media (max-width: 768px) {
    .media-text-card:has(.bullet-item:nth-of-type(2):not(:has(.title))) .media-text-card__card {
        margin-bottom: 3rem
    }

    .media-text-card:has(.bullet-item:nth-of-type(2):not(:has(.title))) .media-text-card__card:nth-of-type(1) {
        grid-row: 2
    }

    .media-text-card:has(.bullet-item:nth-of-type(2):not(:has(.title))) .media-text-card__card:nth-of-type(2) {
        grid-row: 4
    }
}

@media (max-width: 768px) {
    .media-text-card {
        grid-template-columns: 100%;
        gap: 2.9375rem;
        grid-auto-flow: row dense
    }

    .media-text-card:has(.bullet-item:nth-of-type(2), .media-card:nth-of-type(2)) .bullet-item:nth-of-type(1) {
        grid-row: 1
    }

    .media-text-card:has(.bullet-item:nth-of-type(2), .media-card:nth-of-type(2)) .bullet-item:nth-of-type(2) {
        grid-row: 3
    }

    .media-text-card:has(.bullet-item:nth-of-type(2), .media-card:nth-of-type(2)) .bullet-item:nth-of-type(3) {
        grid-row: 5
    }
}

.media-text-card .title {
    max-width: 18.75rem;
    margin-bottom: 3.5rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width: 768px) {
    .media-text-card .title {
        grid-row: auto;
        max-width: none;
        margin-bottom: 3.375rem
    }

    .media-text-card .title~* {
        grid-row: auto
    }
}

.media-text-card .bullet-item {
    max-width: 18.75rem;
    margin-bottom: 7.75rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.media-text-card .bullet-item:last-child {
    margin-bottom: auto
}

.media-text-card .bullet-item--marker {
    margin-bottom: 5.4375rem
}

@media (max-width: 1699px) {
    .media-text-card .bullet-item {
        margin-bottom: 5.4375rem
    }

    .media-text-card .bullet-item--marker {
        margin-bottom: 3.125rem
    }
}

@media (max-width: 1439px) {
    .media-text-card .bullet-item {
        margin-bottom: 3.125rem
    }

    .media-text-card .bullet-item--marker {
        margin-bottom: 1.875rem
    }
}

@media (max-width: 1329px) {
    .media-text-card .bullet-item {
        margin-bottom: 1.875rem
    }

    .media-text-card .bullet-item--marker {
        margin-bottom: 1.25rem
    }
}

@media (max-width: 768px) {
    .media-text-card .bullet-item {
        max-width: 16.0625rem;
        margin-bottom: 0rem
    }
}

.media-text-card .bullet-item:last-of-type {
    margin-bottom: 0
}

.media-text-card--text-left .title,
.media-text-card--text-left .bullet-item {
    grid-column: 1;
    grid-row: auto
}

.media-text-card--text-right .title,
.media-text-card--text-right .bullet-item {
    grid-column: 3
}

@media (max-width: 768px) {

    .media-text-card--text-right .title,
    .media-text-card--text-right .bullet-item {
        grid-column: 1
    }
}

.media-text-card--text-bottom {
    row-gap: 2.1875rem;
    -webkit-column-gap: 16.5625rem;
    -moz-column-gap: 16.5625rem;
    column-gap: 16.5625rem
}

.media-text-card--text-bottom .title,
.media-text-card--text-bottom .bullet-item {
    grid-column: 3;
    grid-row: 2
}

@media (max-width: 768px) {

    .media-text-card--text-bottom .title,
    .media-text-card--text-bottom .bullet-item {
        grid-column: 1
    }
}

.media-text-card--text-bottom .media-text-card__card--xs {
    aspect-ratio: 298/412;
    grid-column: 3;
    grid-row: 1
}

@media (max-width: 768px) {
    .media-text-card--text-bottom .media-text-card__card--xs {
        grid-column: 1
    }

    .media-text-card--text-bottom .media-text-card__card--xs:nth-child(2n) {
        margin-left: unset
    }
}

.media-text-card__card--xs {
    width: 100%;
    height: auto;
    aspect-ratio: 401/554
}

@media (max-width: 768px) {
    .media-text-card__card--xs {
        width: 79.5%;
        aspect-ratio: 232/321
    }

    .media-text-card__card--xs:nth-child(2n) {
        margin-left: auto
    }

    .media-text-card__card--xs:nth-child(odd) {
        margin-right: auto
    }
}

.media-text-card__card--sm {
    grid-column: span 2;
    width: 100%;
    aspect-ratio: 918/578
}

@media (max-width: 768px) {
    .media-text-card__card--sm {
        grid-column: 1;
        aspect-ratio: 290/396
    }
}

@media (max-width: 768px) {
    .media-text-card--reverse-mob .media-text-card__card:nth-child(odd) {
        margin-right: 0;
        margin-left: auto
    }

    .media-text-card--reverse-mob .media-text-card__card:nth-child(2n) {
        margin-right: auto;
        margin-left: 0
    }
}

@media (max-width: 768px) {
    .media-text-card--bullet-reverse-mob .media-text-card__card:first-of-type {
        grid-row: 1
    }

    .media-text-card--bullet-reverse-mob .media-text-card__card:nth-child(odd) {
        margin-right: 0;
        margin-left: auto
    }

    .media-text-card--bullet-reverse-mob .media-text-card__card:nth-child(2n) {
        margin-right: auto;
        margin-left: 0
    }
}

.media-text-card--flex-ratio-m .media-text-card__card {
    aspect-ratio: auto
}

.media-text-card--flex-ratio-m .media-text-card__card img,
.media-text-card--flex-ratio-m .media-text-card__card picture {
    position: static;
    width: 100%;
    height: auto;
    aspect-ratio: 918/478
}

@media (min-width: 1025px) {
    .media-text-card--bullets-sb:has(.bullet-item:nth-of-type(2)) {
        grid-row-gap: 3.125rem
    }
}

@media (min-width: 769px) {
    .media-text-card--bullets-sb:has(.bullet-item:nth-of-type(2)) {
        grid-template-rows: repeat(3, auto);
        grid-row-gap: 1.25rem
    }

    .media-text-card--bullets-sb:has(.bullet-item:nth-of-type(2)) .bullet-item {
        margin-bottom: 0
    }

    .media-text-card--bullets-sb:has(.bullet-item:nth-of-type(2)) .bullet-item:nth-child(2n) {
        -ms-flex-item-align: center;
        align-self: center
    }

    .media-text-card--bullets-sb:has(.bullet-item:nth-of-type(2)) .bullet-item:nth-child(3n) {
        -ms-flex-item-align: end;
        align-self: end
    }
}

.modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1), -webkit-transform .6s cubic-bezier(.55, 0, .1, 1);
    transition: opacity .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1), -webkit-transform .6s cubic-bezier(.55, 0, .1, 1);
    transition: opacity .6s cubic-bezier(.55, 0, .1, 1), transform .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1);
    transition: opacity .6s cubic-bezier(.55, 0, .1, 1), transform .6s cubic-bezier(.55, 0, .1, 1), visibility .6s cubic-bezier(.55, 0, .1, 1), -webkit-transform .6s cubic-bezier(.55, 0, .1, 1);
    pointer-events: none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.modal::-webkit-scrollbar {
    display: none
}

.modal__wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    background-color: #3339;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 100%;
    padding: 60px 40px
}

.modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.modal__content {
    position: relative;
    width: 600px;
    padding: 40px;
    border-radius: 20px;
    background-color: #fff
}

.modal__close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    min-width: auto;
    padding: 5px
}

.modal__close-btn svg {
    display: block;
    width: 24px;
    height: 24px
}

.modal--preload {
    -webkit-transition: none;
    transition: none
}

.modal.is-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .6s cubic-bezier(.55, 0, .1, 1), -webkit-transform .6s cubic-bezier(.55, 0, .1, 1);
    transition: opacity .6s cubic-bezier(.55, 0, .1, 1), -webkit-transform .6s cubic-bezier(.55, 0, .1, 1);
    transition: opacity .6s cubic-bezier(.55, 0, .1, 1), transform .6s cubic-bezier(.55, 0, .1, 1);
    transition: opacity .6s cubic-bezier(.55, 0, .1, 1), transform .6s cubic-bezier(.55, 0, .1, 1), -webkit-transform .6s cubic-bezier(.55, 0, .1, 1);
    pointer-events: auto
}

.modal iframe {
    max-width: 100%;
    border: none
}

.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .75rem
}

@media (max-width: 768px) {
    .navigation {
        gap: .375rem
    }
}

.navigation__status {
    min-width: 3.5rem;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1;
    letter-spacing: .01em;
    text-transform: uppercase;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 768px) {
    .navigation__status {
        font-size: 1rem
    }
}

.navigation__arrow {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    padding: 0;
    color: var(--color-white);
    background-color: var(--color-transparent);
    border: 1px solid var(--color-white);
    border-radius: 50%;
    cursor: pointer;
    outline: none;
    -webkit-transition: background-color .3s ease, color .3s ease, border-color .3s ease;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease
}

@media (max-width: 768px) {
    .navigation__arrow {
        width: 1.875rem;
        height: 1.875rem
    }
}

.navigation__arrow svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.navigation__arrow:first-of-type svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.navigation__arrow:focus-visible {
    color: var(--color-nobel);
    border-color: var(--color-nobel)
}

@media (hover: hover) {
    .navigation__arrow:hover {
        color: var(--color-nobel);
        border-color: var(--color-nobel)
    }
}

.navigation__arrow:active {
    color: var(--color-white);
    border-color: var(--color-white)
}

.navigation__arrow.disabled {
    color: var(--color-disabled);
    border-color: var(--color-disabled);
    pointer-events: none
}

.page-section {
    background-color: var(--color-bg);
    color: var(--color-black)
}

.page-section__title {
    max-width: 42.375rem;
    padding-bottom: 12.1875rem
}

@media (max-width: 1279px) {
    .page-section__title {
        padding-bottom: 8.375rem
    }
}

@media (max-width: 768px) {
    .page-section__title {
        max-width: 18.75rem;
        padding-bottom: 6.3125rem
    }
}

.page-section--no-pd-top {
    padding-top: 0
}

.page-section--white {
    background-color: var(--color-white);
    color: var(--color-black)
}

.page-wrapper {
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}

.page-wrapper--dark {
    background-color: var(--color-bg)
}

.sequence-animated-block {
    position: relative;
    min-height: 200svh;
    padding-bottom: 15vh
}

.sequence-animated-block .page-section {
    background-color: var(--color-transparent);
    min-height: 50svh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sequence-animated-block__canvas {
    position: absolute;
    inset: 0;
    z-index: 0
}

.sequence-animated-block__canvas canvas {
    position: sticky;
    top: 0;
    width: 100%;
    max-height: 100dvh;
    height: 100dvh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 768px) {
    .sequence-animated-block__canvas canvas {
        -o-object-position: top;
        object-position: top;
        max-height: 105dvh;
        height: 105dvh
    }
}

.sequence-animated-block__content {
    z-index: 1;
    position: relative
}

.sequence-animated-block__text-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    letter-spacing: .01em;
    text-align: center;
    height: 100svh;
    position: sticky;
    top: 0
}

@media (max-width: 768px) {
    .sequence-animated-block__text-wrapper .title--xl {
        font-size: 1.5rem
    }
}

.sequence-animated-block__text {
    position: relative;
    height: 200svh
}

.transition-video {
    position: fixed;
    z-index: 901;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-bg);
    pointer-events: none;
    opacity: 0
}

.transition-video video {
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

.transition-video.is-playing {
    opacity: 1
}

.agreement {
    color: var(--color-white);
    background-color: var(--color-bg);
    padding: 5.1875rem 0 6.75rem
}

@media (max-width: 768px) {
    .agreement {
        padding: 5.1875rem 0 4.375rem
    }
}

.agreement__container .content {
    width: 100%;
    margin: 0 auto;
    padding-left: 14.75rem;
    padding-right: 14.75rem
}

@media (max-width: 1439px) {
    .agreement__container .content {
        padding-left: 11.625rem;
        padding-right: 11.625rem
    }
}

@media (max-width: 1024px) {
    .agreement__container .content {
        padding-left: 8.5rem;
        padding-right: 8.5rem
    }
}

@media (max-width: 768px) {
    .agreement__container .content {
        padding-left: 2.125rem;
        padding-right: 2.125rem
    }
}

.article {
    max-width: 93.1875rem;
    padding-top: 9.375rem;
    padding-bottom: 5.5rem
}

@media (max-width: 768px) {
    .article {
        padding: 7.3125rem 0 3.125rem
    }
}

.article__content {
    padding: 0 12.875rem;
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 1.2;
    letter-spacing: .01em
}

@media (max-width: 768px) {
    .article__content {
        padding: 0 2.25rem
    }
}

.article__content h1 {
    max-width: 35.25rem;
    font-weight: 300;
    font-size: 1.875rem;
    line-height: 1;
    letter-spacing: .01em;
    text-transform: uppercase;
    margin: 3.75rem 0 4.375rem
}

@media (max-width: 768px) {
    .article__content h1:has(a) {
        padding-top: 2.9375rem
    }
}

.article__content h1 a {
    position: relative;
    text-decoration: none
}

.article__content h1 a:before {
    content: "";
    position: absolute;
    top: .3125rem;
    left: -4rem;
    width: .8125rem;
    height: 1.375rem;
    background-color: currentColor;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjcyNjYgMC43MDAxOTVMMi40MTYwMiAxMC45NDQzTDEyLjcyMDcgMjEuMjk5OEgxMC43MDIxTDEwLjYxMzMgMjEuMjA5TDAuNTc4MTI1IDEwLjg3OTlMMTAuNjE2MiAwLjc4ODA4NkwxMC43MDQxIDAuNzAwMTk1SDEyLjcyNjZaIiBmaWxsPSIjRkFGQUZBIi8+Cjwvc3ZnPgo=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjcyNjYgMC43MDAxOTVMMi40MTYwMiAxMC45NDQzTDEyLjcyMDcgMjEuMjk5OEgxMC43MDIxTDEwLjYxMzMgMjEuMjA5TDAuNTc4MTI1IDEwLjg3OTlMMTAuNjE2MiAwLjc4ODA4NkwxMC43MDQxIDAuNzAwMTk1SDEyLjcyNjZaIiBmaWxsPSIjRkFGQUZBIi8+Cjwvc3ZnPgo=)
}

@media (max-width: 768px) {
    .article__content h1 a:before {
        top: -2.8125rem;
        left: .125rem;
        width: .8125rem;
        height: 1.375rem
    }
}

.article__content:has(h1+time) h1 {
    margin-bottom: 1.375rem
}

.article__content:has(h1+time) h1+time {
    display: block;
    margin-bottom: 4.875rem;
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 120%;
    letter-spacing: .01em
}

@media (max-width: 768px) {
    .article__content:has(h1+time) h1+time {
        margin-bottom: 4.375rem
    }
}

.article__content h2 {
    font-weight: 300;
    font-size: 1.54375rem;
    line-height: 1.5625rem;
    letter-spacing: .01em;
    text-transform: uppercase;
    margin: 3.75rem 0 1.875rem
}

.article__content p,
.article__content ul {
    margin: 1.875rem 0
}

.article__content ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.875rem;
    padding: 0;
    list-style: none
}

.article__content li {
    position: relative;
    padding-top: 2.375rem
}

.article__content li:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: .375rem;
    height: .375rem;
    background-color: currentColor;
    border-radius: 50%
}

.article__content a {
    color: currentColor;
    text-decoration: underline;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.article__content a:focus-visible {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .article__content a:hover {
        color: var(--color-nobel)
    }
}

.article__content img {
    width: calc(100% + 25.75rem);
    max-width: none;
    height: auto;
    margin: 4.375rem -12.875rem 3.75rem
}

@media (max-width: 768px) {
    .article__content img {
        width: calc(100% + 4.5rem);
        margin: 3.0625rem -2.25rem
    }
}

.article__content>*:first-child {
    margin-top: 0
}

.article__content>*:last-child {
    margin-bottom: 0
}

.back-сall-block {
    --btn-position: 1.875rem;
    position: relative;
    -webkit-transition: opacity .3s ease, visibility .3s ease;
    transition: opacity .3s ease, visibility .3s ease
}

.back-сall-block.is-hidden {
    pointer-events: none
}

.back-сall-block.is-hidden .back-сall-button {
    opacity: 0 !important;
    pointer-events: none
}

.back-сall-block.is-hidden .back-сall-popup.is-active {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

@media (max-width: 768px) {
    .back-сall-block {
        width: 100%
    }
}

@media (max-width: 768px) {
    .back-сall-block__btn {
        justify-self: flex-end;
        margin-left: auto
    }
}

.back-сall-block__popup {
    position: absolute;
    right: 0;
    bottom: 0
}

@media (max-width: 768px) {
    .back-сall-block__popup {
        position: absolute;
        right: unset;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%);
        -ms-flex-item-align: center;
        align-self: center;
        justify-self: center
    }
}

.back-сall-button {
    font-family: inherit;
    padding: 0;
    background-color: var(--color-transparent);
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-white);
    width: 3.5625rem;
    height: 3.5625rem;
    border-radius: .375rem;
    background: #27272766;
    backdrop-filter: blur(1.25rem);
    -webkit-backdrop-filter: blur(1.25rem);
    cursor: pointer;
    -webkit-transition: background-color .3s ease, color .3s ease, opacity .3s ease;
    transition: background-color .3s ease, color .3s ease, opacity .3s ease;
    overflow: hidden;
    outline: none;
    pointer-events: all
}

@media (max-width: 768px) {
    .back-сall-button {
        width: 2.9375rem;
        height: 2.9375rem
    }
}

.back-сall-button.is-hidden {
    opacity: 0 !important;
    pointer-events: none
}

@media (hover: hover) {
    .back-сall-button:hover {
        background-color: #e5e5e566;
        color: var(--color-black)
    }
}

.back-сall-button:active {
    background-color: #e5e5e566;
    color: var(--color-black)
}

.back-сall-button__icon {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 2.5625rem;
    height: 2.5625rem;
    pointer-events: none
}

@media (max-width: 768px) {
    .back-сall-button__icon {
        width: 2.125rem;
        height: 2.125rem
    }
}

.back-сall-button__icon svg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: visible;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.back-сall-button__round {
    width: 3.8125rem;
    height: 3.8125rem
}

@media (max-width: 768px) {
    .back-сall-button__round {
        width: 3.375rem;
        height: 3.375rem
    }
}

.back-сall-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.back-сall-form form.is-submitted {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.back-сall-form form.is-submitted.is-submitted fieldset {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.back-сall-form form.is-submitted.is-submitted fieldset input {
    color: var(--color-transparent)
}

.back-сall-form form.is-submitted.is-submitted fieldset input::-webkit-input-placeholder {
    color: var(--color-transparent)
}

.back-сall-form form.is-submitted.is-submitted fieldset input::-moz-placeholder {
    color: var(--color-transparent)
}

.back-сall-form form.is-submitted.is-submitted fieldset input:-ms-input-placeholder {
    color: var(--color-transparent)
}

.back-сall-form form.is-submitted.is-submitted fieldset input::-ms-input-placeholder {
    color: var(--color-transparent)
}

.back-сall-form form.is-submitted.is-submitted fieldset input::placeholder {
    color: var(--color-transparent)
}

.back-сall-form form.is-submitted.is-submitted .back-сall-form__btn,
.back-сall-form form.is-submitted.is-submitted .back-сall-form__notice {
    pointer-events: none;
    opacity: 0
}

.back-сall-form form.is-submitted.is-submitted .back-сall-form__message {
    opacity: 1
}

.back-сall-form fieldset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.5rem;
    margin: 0 0 2.1875rem;
    padding: 0;
    border: none
}

@media (max-width: 768px) {
    .back-сall-form fieldset {
        row-gap: 1.25rem;
        margin-bottom: 2.625rem
    }
}

.back-сall-form__title {
    margin: 0 0 3.125rem;
    font-weight: 300;
    font-size: .875rem;
    line-height: 1;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: var(--color-snow);
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media (max-width: 768px) {
    .back-сall-form__title {
        margin-bottom: 2.75rem
    }
}

.back-сall-form__btn {
    width: 100%;
    margin-bottom: .375rem;
    padding: .75rem;
    min-height: 2.875rem;
    color: var(--color-white)
}

@media (max-width: 768px) {
    .back-сall-form__btn {
        margin-bottom: 1.8125rem
    }

    .back-сall-form__btn .button__text {
        font-weight: 300;
        font-size: 1rem;
        line-height: 1.3;
        letter-spacing: .04em
    }
}

.back-сall-form__notice {
    margin: 0;
    font-weight: 300;
    font-size: .75rem;
    line-height: .8125rem;
    letter-spacing: .01em;
    color: var(--color-gainsboro)
}

.back-сall-form__notice:last-child {
    margin-bottom: 0
}

.back-сall-form__notice a {
    position: relative;
    display: inline;
    color: inherit;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: round(.0625rem, 1px);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.back-сall-form__notice a:focus-visible {
    color: var(--color-grey-white)
}

@media (hover: hover) {
    .back-сall-form__notice a:hover {
        color: var(--color-grey-white)
    }
}

.back-сall-form__message {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1.75rem 1.5625rem 1.5625rem;
    color: var(--color-snow);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 120%;
    letter-spacing: .01em;
    text-transform: uppercase
}

.back-сall-form:has(form.is-submitted) .back-сall-form__title {
    opacity: 0
}

.back-сall-form__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .625rem
}

.back-сall-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 16.4375rem;
    padding: 1.75rem 1.5625rem 1.5rem;
    background: #27272766;
    backdrop-filter: blur(1.25rem);
    -webkit-backdrop-filter: blur(1.25rem);
    border-radius: .1875rem;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-transition: opacity .3s ease, visibility .3s ease;
    transition: opacity .3s ease, visibility .3s ease
}

@media (max-width: 768px) {
    .back-сall-popup {
        padding: 1.5rem 1.25rem;
        max-width: 25rem;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

.back-сall-popup.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.back-сall-popup__close {
    font-family: inherit;
    padding: 0;
    background-color: var(--color-transparent);
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    z-index: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    top: 1.3125rem;
    right: 1.1875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.75rem;
    height: 1.75rem;
    outline: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: var(--color-white)
}

@media (max-width: 768px) {
    .back-сall-popup__close {
        top: 1.125rem;
        right: 1rem
    }
}

.back-сall-popup__close:focus-visible {
    color: var(--color-gainsboro)
}

@media (hover: hover) {
    .back-сall-popup__close:hover {
        color: var(--color-gainsboro)
    }
}

.back-сall-popup__close svg {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    overflow: visible
}

.bottom-block {
    z-index: 110;
    position: fixed;
    right: 1.875rem;
    bottom: 1.875rem;
    pointer-events: none
}

.bottom-block__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bottom-block__wrapper .back-сall-block {
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media (max-width: 768px) {
    .bottom-block {
        bottom: 2.125rem;
        right: unset;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%);
        width: calc(100% - 2.125rem);
        -webkit-transition: bottom .3s ease;
        transition: bottom .3s ease
    }

    .bottom-block:has(.cookies.is-active) {
        bottom: 4.75rem
    }
}

@media (max-width: 768px) and (max-width: 559px) {
    .bottom-block:not(:has(.cookies.is-active)) {
        max-width: none
    }
}

@media (max-width: 768px) {
    .bottom-block .back-сall-button {
        position: fixed;
        bottom: 0;
        right: 0
    }
}

@media (max-width: 559px) {
    .bottom-block {
        max-width: 25rem
    }

    .bottom-block .back-сall-button {
        position: relative
    }
}

.bullet-list-block__list {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    row-gap: 6.3125rem
}

@media (max-width: 768px) {
    .bullet-list-block__list {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 5.0625rem;
        -webkit-column-gap: 2.875rem;
        -moz-column-gap: 2.875rem;
        column-gap: 2.875rem;
        overflow: hidden
    }
}

.bullet-list-block__list li:nth-child(3n+1) {
    grid-column: 1/4
}

@media (max-width: 768px) {
    .bullet-list-block__list li:nth-child(3n+1) {
        grid-column: unset
    }
}

.bullet-list-block__list li:nth-child(3n+2) {
    grid-column: 8/11;
    margin-left: -.4375rem
}

@media (max-width: 768px) {
    .bullet-list-block__list li:nth-child(3n+2) {
        grid-column: unset;
        margin-left: 0rem
    }
}

.bullet-list-block__list li:nth-child(3n+3) {
    grid-column: 15/17;
    margin-left: -1.125rem
}

@media (max-width: 768px) {
    .bullet-list-block__list li:nth-child(3n+3) {
        grid-column: unset;
        margin-left: 0rem
    }
}

@media (max-width: 768px) {
    .bullet-list-block__list li:first-child {
        grid-column: unset;
        max-width: 10.625rem
    }
}

@media (max-width: 768px) {
    .bullet-list-block--inline .bullet-list-block__list {
        row-gap: 2.5rem
    }

    .bullet-list-block--inline .bullet-list-block__list>li {
        grid-column: auto
    }
}

.bullet-list-block--four-columns .bullet-list-block__list {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 6.3125rem;
    -webkit-column-gap: 6.25rem;
    -moz-column-gap: 6.25rem;
    column-gap: 6.25rem
}

@media (max-width: 768px) {
    .bullet-list-block--four-columns .bullet-list-block__list {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 5.0625rem;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        overflow: hidden
    }
}

.bullet-list-block--four-columns .bullet-list-block__list li:nth-child(3n+1) {
    grid-column: unset;
    margin-left: 0
}

.bullet-list-block--four-columns .bullet-list-block__list li:nth-child(3n+2) {
    grid-column: unset;
    margin-left: 0
}

.bullet-list-block--four-columns .bullet-list-block__list li:nth-child(3n+3) {
    grid-column: unset;
    margin-left: 0
}

.bullet-list-block--wide-columns li:nth-child(3n+1) {
    grid-column: 1/6
}

@media (max-width: 768px) {
    .bullet-list-block--wide-columns li:nth-child(3n+1) {
        grid-column: unset;
        margin-left: 0
    }
}

.bullet-list-block--wide-columns li:nth-child(3n+2) {
    grid-column: 7/12;
    margin-left: -.4375rem
}

@media (max-width: 768px) {
    .bullet-list-block--wide-columns li:nth-child(3n+2) {
        grid-column: unset;
        margin-left: 0
    }
}

.bullet-list-block--wide-columns li:nth-child(3n+3) {
    grid-column: 13/17;
    margin-left: -1.125rem
}

@media (max-width: 768px) {
    .bullet-list-block--wide-columns li:nth-child(3n+3) {
        grid-column: unset;
        margin-left: 0
    }
}

.bullet-list-block--team .bullet-list-block__list {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    row-gap: 6.3125rem;
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem
}

@media (max-width: 768px) {
    .bullet-list-block--team .bullet-list-block__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        row-gap: 2.75rem;
        overflow: hidden
    }
}

.bullet-list-block--team .bullet-list-block__list li {
    padding-top: 2.1875rem;
    padding-right: 1.25rem
}

@media (max-width: 768px) {
    .bullet-list-block--team .bullet-list-block__list li {
        padding-top: 1.6875rem
    }
}

.bullet-list-block--team .bullet-list-block__list li:nth-child(3n+1) {
    grid-column: unset;
    margin-left: 0
}

@media (max-width: 768px) {
    .bullet-list-block--team .bullet-list-block__list li:nth-child(3n+1) {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset
    }
}

.bullet-list-block--team .bullet-list-block__list li:nth-child(3n+2) {
    grid-column: unset;
    margin-left: 0
}

@media (max-width: 768px) {
    .bullet-list-block--team .bullet-list-block__list li:nth-child(3n+2) {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset
    }
}

.bullet-list-block--team .bullet-list-block__list li:nth-child(3n+3) {
    grid-column: unset;
    margin-left: 0
}

@media (max-width: 768px) {
    .bullet-list-block--team .bullet-list-block__list li:nth-child(3n+3) {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset
    }
}

.contact-block {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 7.9375rem;
    background-color: var(--color-bg);
    color: var(--color-snow);
    margin-top: 5.625rem
}

.contact-block__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 768px) {
    .contact-block {
        padding-bottom: 7.5rem;
        padding-top: 2.5rem;
        margin-top: 3.875rem
    }
}

.contact-block__wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    row-gap: 4.625rem
}

@media (min-width: 1701px) {
    .contact-block__wrapper {
        max-width: 89.75rem
    }
}

@media (max-width: 768px) {
    .contact-block__wrapper {
        grid-template-columns: 100%;
        row-gap: 4.625rem
    }
}

.contact-block__heading {
    grid-column: 1/-1;
    grid-row: 1
}

.contact-block__title {
    margin: 0 0 .625rem;
    font-weight: 300;
    font-size: 2.375rem;
    line-height: 2.63625rem;
    letter-spacing: -.0475rem;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .contact-block__title {
        font-weight: 300;
        font-size: 1.875rem;
        line-height: 1.96875rem;
        letter-spacing: -.0375rem
    }
}

.contact-block__title:last-child {
    margin-bottom: 0
}

.contact-block__info {
    grid-column: 1;
    padding-top: 1.875rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-left: .25rem
}

@media (max-width: 768px) {
    .contact-block__info {
        padding-top: .25rem;
        padding-left: 0
    }
}

.contact-block__form {
    grid-column: 2;
    padding-left: .375rem;
    max-width: 44.75rem
}

@media (max-width: 768px) {
    .contact-block__form {
        grid-column: 1;
        padding-left: 0
    }
}

.contact-block--mg-top-auto {
    margin-top: auto
}

.contact-block--no-pd-top {
    padding-top: 0
}

.contact-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.contact-form form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    row-gap: 3.875rem;
    width: 100%
}

@media (max-width: 768px) {
    .contact-form form {
        row-gap: 2.5rem
    }
}

.contact-form form.is-submitted .field {
    pointer-events: none
}

.contact-form form.is-submitted .field input {
    color: var(--color-transparent)
}

.contact-form form.is-submitted .field input::-webkit-input-placeholder {
    color: var(--color-transparent)
}

.contact-form form.is-submitted .field input::-moz-placeholder {
    color: var(--color-transparent)
}

.contact-form form.is-submitted .field input:-ms-input-placeholder {
    color: var(--color-transparent)
}

.contact-form form.is-submitted .field input::-ms-input-placeholder {
    color: var(--color-transparent)
}

.contact-form form.is-submitted .field input::placeholder {
    color: var(--color-transparent)
}

.contact-form form.is-submitted .contact-form__btn,
.contact-form form.is-submitted .contact-form__notice {
    pointer-events: none;
    opacity: 0
}

.contact-form form.is-submitted .contact-form__message {
    opacity: 1
}

.contact-form fieldset {
    grid-column: span 2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    margin: 0;
    padding: 0;
    border: none;
    -webkit-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    row-gap: 3.625rem
}

@media (max-width: 768px) {
    .contact-form fieldset {
        row-gap: 2rem
    }
}

.contact-form__bottom {
    position: relative;
    grid-column: 1;
    display: grid;
    grid-template-columns: 100%;
    gap: .625rem;
    width: 100%
}

@media (max-width: 768px) {
    .contact-form__bottom {
        grid-column: span 2;
        gap: .75rem;
        padding-bottom: .125rem
    }
}

.contact-form__btn {
    min-width: 21.8125rem;
    min-height: 3.6875rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width: 768px) {
    .contact-form__btn {
        width: 100%;
        min-width: auto;
        min-height: auto
    }
}

.contact-form__notice {
    color: var(--color-grey-white);
    font-weight: 300;
    font-size: .9375rem;
    line-height: 1rem;
    letter-spacing: .009375rem;
    margin: .125rem 0 .625rem;
    padding-right: .125rem;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media (max-width: 768px) {
    .contact-form__notice {
        margin: 0 0 .625rem;
        padding-right: 0rem;
        font-size: .625rem;
        line-height: .6875rem
    }
}

.contact-form__notice:last-child {
    margin-bottom: 0
}

.contact-form__notice a {
    position: relative;
    display: inline;
    color: inherit;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: underline;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: round(.0625rem, 1px);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.contact-form__notice a:focus-visible {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .contact-form__notice a:hover {
        color: var(--color-nobel)
    }
}

.contact-form__message {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .01em;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 0;
    color: var(--color-snow);
    opacity: 0;
    pointer-events: none
}

.info-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.75rem;
    color: inherit;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.35rem;
    letter-spacing: .01125rem;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .info-card {
        gap: .9375rem;
        font-weight: 300;
        font-size: 1rem;
        line-height: 1.2rem;
        letter-spacing: .00625rem
    }
}

.info-card p {
    margin: 0
}

.info-card a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.info-card a:focus-visible {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .info-card a:hover {
        color: var(--color-nobel)
    }
}

.info-card__address {
    padding-bottom: 1.3125rem
}

@media (max-width: 768px) {
    .info-card__address {
        padding-bottom: 1rem
    }
}

.info-item {
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.35rem;
    letter-spacing: .01125rem;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .info-item {
        font-weight: 300;
        font-size: 1rem;
        line-height: 1.2rem;
        letter-spacing: .00625rem
    }
}

.info-item__contacts-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.8125rem
}

.info-item__contacts-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.info-item__icons {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .625rem;
    padding-left: .5rem
}

@media (max-width: 768px) {
    .info-item__icons {
        -webkit-transform: translateY(-.25rem);
        -ms-transform: translateY(-.25rem);
        transform: translateY(-.25rem);
        padding-left: 0rem
    }
}

.info-item__btn:focus-visible {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .info-item__btn:hover {
        color: var(--color-nobel)
    }
}

.info-item__btn .button__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem
}

.contacts {
    display: grid;
    grid-template-columns: 28.4375rem 1fr;
    grid-gap: 1.75rem;
    -ms-flex-line-pack: center;
    align-content: center;
    min-height: calc(100svh - 4.5rem);
    padding: 6.25rem 5.625rem 1.75rem 4.5rem;
    color: black;
}

@media (max-width: 1699px) {
    .contacts {
        grid-template-columns: 22.1875rem 1fr
    }
}

@media (max-width: 1024px) {
    .contacts {
        grid-template-columns: 1fr;
        grid-gap: 4.375rem;
        min-height: auto;
        padding: 8.5rem 6.6875rem 4.375rem
    }
}

@media (max-width: 768px) {
    .contacts {
        padding: 8.5rem 2.125rem 4.375rem
    }
}

.contacts__info {
    display: grid;
    grid-template-columns: 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    grid-gap: 5.4375rem;
    -ms-flex-line-pack: start;
    align-content: start
}

@media (max-width: 1024px) {
    .contacts__info {
        grid-gap: 4.375rem
    }
}

.contacts__title {
    max-width: 15rem;
    font-weight: 300;
    font-size: 2.3125rem;
    line-height: 1;
    letter-spacing: .01em;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .contacts__title {
        font-size: 1.875rem
    }
}

.contacts__list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2.5rem;
    padding: 0;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 143%;
    letter-spacing: .01em;
    text-transform: uppercase;
    list-style: none;
    margin: 0
}

@media (max-width: 1024px) {
    .contacts__list {
        grid-template-columns: repeat(2, 1fr);
        font-size: 1rem
    }
}

@media (max-width: 559px) {
    .contacts__list {
        grid-template-columns: 1fr
    }
}

.contacts__item {
    position: relative;
    padding-top: 2.0625rem
}

.contacts__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: .3125rem;
    height: .3125rem;
    background-color: currentColor;
    border-radius: 50%
}

.contacts__item p {
    vertical-align: baseline
}

.contacts__item a {
    color: currentColor;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.contacts__item a:focus-visible {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .contacts__item a:hover {
        color: var(--color-nobel)
    }
}

.contacts__item .button__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.75rem;
    height: 1.75rem
}

.contacts__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .625rem
}

.contacts__social a:first-of-type {
    margin-right: .5rem
}

.contacts__link {
    text-decoration: underline
}

.contacts__link--arrow {
    position: relative;
    margin-right: .875rem
}

.contacts__link--arrow svg {
    position: absolute;
    top: .3125rem;
    right: -.875rem;
    width: .5625rem;
    height: .5625rem
}

.contacts__map {
    height: auto;
    -ms-flex-item-align: center;
    align-self: center
}

.contacts__map picture,
.contacts__map img {
    position: static;
    width: 100%;
    height: auto
}

.cookies {
    margin-top: 1.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.5625rem 2.25rem;
    max-width: 31.4375rem;
    background: #27272766;
    color: var(--color-snow);
    backdrop-filter: blur(1.25rem);
    -webkit-backdrop-filter: blur(1.25rem);
    border-radius: .1875rem;
    pointer-events: auto;
    display: none
}

.cookies.is-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .cookies {
        padding: 1.25rem;
        max-width: 10.75rem
    }
}

@media (max-width: 768px) {
    .cookies {
        padding: .9375rem 1.125rem;
        max-width: 25rem
    }
}

.cookies__wrapper {
    display: grid;
    grid-template-columns: 1fr auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 3.5625rem;
    -moz-column-gap: 3.5625rem;
    column-gap: 3.5625rem;
    width: 100%
}

@media (max-width: 1024px) {
    .cookies__wrapper {
        grid-template-columns: 100%;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        row-gap: 1.125rem
    }
}

@media (max-width: 768px) {
    .cookies__wrapper {
        grid-template-columns: 1fr auto;
        -webkit-column-gap: 4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem
    }
}

.cookies__text {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.3rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin: 0
}

@media (max-width: 1024px) {
    .cookies__text {
        font-size: .625rem;
        line-height: .8125rem;
        letter-spacing: .04em
    }
}

@media (max-width: 768px) {
    .cookies__text {
        font-size: .8125rem;
        line-height: 1.05625rem
    }
}

@media (max-width: 430px) {
    .cookies__text {
        font-weight: 300;
        font-size: .625rem;
        line-height: .8125rem
    }
}

.cookies__btn {
    width: 9.0625rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding-top: .75rem;
    padding-bottom: .75rem
}

@media (max-width: 1024px) {
    .cookies__btn {
        padding-top: .46875rem;
        padding-bottom: .46875rem;
        width: 100%;
        min-height: 1.625rem
    }

    .cookies__btn .button__text {
        line-height: 1
    }
}

@media (max-width: 768px) {
    .cookies__btn {
        padding-top: .40625rem;
        padding-bottom: .40625rem;
        min-width: 4.9375rem
    }
}

.error-404 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    color: var(--color-black);
    background-color: var(--color-bg);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4.4375rem 2.3125rem 0 1.875rem;
    overflow: hidden
}

@media (max-width: 768px) {
    .error-404 {
        margin-top: 5rem;
        padding: 0 2.0625rem 1.875rem;
        min-height: 18.75rem
    }
}

.error-404__img {
    pointer-events: none;
    position: absolute;
    content: "";
    top: calc(50% + 2.21875rem);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
    .error-404__img {
        top: 50%;
        width: 100%;
        height: min(36.875rem, 60vh)
    }
}

.error-404__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center
}

.error-404__container {
    position: relative;
    z-index: 2;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media (max-width: 768px) {
    .error-404__container {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 4.375rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        min-height: min(35rem, 45vh)
    }
}

.error-404__text {
    font-weight: 300;
    font-size: 2rem;
    line-height: 2.2rem;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: var(--color-black);
    max-width: 25rem
}

@media (max-width: 768px) {
    .error-404__text {
        height: 100%;
        font-size: 1.6875rem;
        line-height: 1.6875rem;
        max-width: unset
    }
}

.error-404__text:last-child {
    text-align: end
}

@media (max-width: 768px) {
    .error-404__text:last-child {
        text-align: start
    }
}

.error-404__link {
    font-weight: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    color: inherit;
    position: relative;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.error-404__link:focus-visible {
    opacity: .7
}

@media (hover: hover) {
    .error-404__link:hover {
        opacity: .7
    }
}

.error-404__link:before {
    position: absolute;
    content: "";
    bottom: -.375rem;
    left: 0;
    width: 100%;
    height: .125rem;
    background-color: var(--color-black)
}

@media (max-width: 768px) {
    .error-404__link:before {
        bottom: -.21875rem;
        height: .0625rem
    }
}

.footer {
    padding: 1.4375rem 0;
    width: 100%;
    background-color: var(--color-bg);
    color: var(--color-grey-black)
}

@media (max-width: 768px) {
    .footer {
        padding: .9375rem 0 2.1875rem
    }
}

.footer .container {
    padding-left: 1.875rem;
    padding-right: 1.875rem
}

@media (max-width: 768px) {
    .footer .container {
        padding-left: 2.125rem;
        padding-right: 2.125rem
    }
}

.footer__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 4.625rem;
    -moz-column-gap: 4.625rem;
    column-gap: 4.625rem;
    row-gap: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 3.4%
}

@media (min-width: 1701px) {
    .footer__wrapper {
        max-width: 99.0625rem
    }
}

@media (max-width: 768px) {
    .footer__wrapper {
        display: grid;
        grid-template-columns: 15.6875rem 1fr;
        -webkit-column-gap: 1.375rem;
        -moz-column-gap: 1.375rem;
        column-gap: 1.375rem;
        row-gap: 2rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-right: 0;
        overflow: hidden
    }
}

.footer__partners {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 3.3125rem;
    -moz-column-gap: 3.3125rem;
    column-gap: 3.3125rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media (max-width: 768px) {
    .footer__partners {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        display: grid;
        grid-template-columns: repeat(2, auto);
        -webkit-column-gap: 1.75rem;
        -moz-column-gap: 1.75rem;
        column-gap: 1.75rem;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.footer__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.625rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--color-grey-black);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.footer__logo:focus-visible {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .footer__logo:hover {
        color: var(--color-nobel)
    }
}

@media (max-width: 768px) {
    .footer__logo {
        height: 1.5625rem;
        width: 100%
    }
}

.footer__logo svg {
    width: auto;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: visible
}

.footer__text {
    font-weight: 400;
    font-size: .625rem;
    line-height: .71875rem;
    letter-spacing: .01875rem;
    margin: 0;
    text-transform: uppercase
}

.footer__text a {
    position: relative;
    color: inherit;
    text-decoration: none
}

.footer__text a:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: round(.0625rem, 1px);
    background-color: currentColor
}

.footer__text a {
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.footer__text:focus-visible a {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .footer__text:hover a {
        color: var(--color-nobel)
    }
}

@media (max-width: 768px) {
    .footer__text {
        font-weight: 400;
        font-size: .5625rem;
        line-height: .646875rem;
        letter-spacing: .01875rem;
        margin: 0
    }

    .footer__text a {
        position: relative;
        color: inherit;
        text-decoration: none
    }

    .footer__text a:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: round(.0625rem, 1px);
        background-color: currentColor
    }
}

.footer__text--copyright {
    padding-left: 7%
}

@media (max-width: 768px) {
    .footer__text--copyright {
        padding-top: .125rem;
        padding-left: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 0
    }
}

.footer__text--declaration {
    padding-left: 1.1%
}

@media (max-width: 768px) {
    .footer__text--declaration {
        padding-left: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-left: 0
    }
}

.footer__text--disclaimer {
    margin-left: auto;
    -ms-flex-preferred-size: 12.5rem;
    flex-basis: 12.5rem;
    max-width: 41rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (max-width: 768px) {
    .footer__text--disclaimer {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-right: 0;
        max-width: none
    }
}

.gallery {
    padding: 0 4.375rem;
    -webkit-tap-highlight-color: transparent
}

@media (max-width: 768px) {
    .gallery {
        padding: 0 .9375rem
    }
}

.gallery__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10rem;
    padding-top: 17.375rem;
    padding-bottom: 11.75rem
}

@media (max-width: 768px) {
    .gallery__list {
        gap: 3.125rem;
        padding-bottom: 13.5rem
    }
}

.gallery__item {
    display: none;
    -webkit-transition: opacity .05s ease;
    transition: opacity .05s ease
}

.gallery__item.is-shown {
    display: block
}

.theme-select {
    position: fixed;
    right: 4.375rem;
    top: 1.375rem;
    min-width: 14.6875rem;
    background-color: #27272766;
    z-index: 100
}

@media (max-width: 768px) {
    .theme-select {
        width: calc(100% - 1.875rem);
        max-width: 25rem;
        top: 5rem;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%)
    }
}

.theme-select__btn {
    font-family: inherit;
    padding: 0;
    background-color: var(--color-transparent);
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 2.5rem;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 .625rem;
    background-color: #27272766;
    border: .0625rem solid var(--color-white);
    border-radius: .1875rem;
    outline: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: var(--color-white)
}

.theme-select__btn:focus-visible {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .theme-select__btn:hover {
        color: var(--color-nobel)
    }
}

.theme-select__btn svg {
    width: 1.1875rem;
    height: auto;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.theme-select__text {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: .01em;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .theme-select__text {
        font-size: .875rem
    }
}

.theme-select__list {
    position: absolute;
    top: 2.5rem;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .5rem;
    width: 100%;
    padding: .9375rem .625rem;
    background-color: #27272766;
    border-radius: .1875rem;
    border: round(.0625rem, 1px) solid var(--color-white);
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    pointer-events: none
}

@media (max-width: 768px) {
    .theme-select__list {
        top: 2.5625rem
    }
}

.theme-select__option {
    font-family: inherit;
    padding: 0;
    background-color: var(--color-transparent);
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    min-width: 5.8125rem;
    padding-right: .5rem;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: .01em;
    text-align: left;
    text-transform: uppercase;
    color: var(--color-white);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

@media (max-width: 768px) {
    .theme-select__option {
        width: auto;
        min-width: auto;
        font-size: .875rem
    }
}

.theme-select__option.is-current {
    color: var(--color-grey-white);
    pointer-events: none
}

.theme-select__option:focus-visible {
    opacity: .8
}

@media (hover: hover) {
    .theme-select__option:hover {
        opacity: .8
    }
}

.theme-select.is-active .theme-select__btn svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.theme-select.is-active .theme-select__list {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    pointer-events: auto
}

.gallery-images__list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10rem .75rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 768px) {
    .gallery-images__list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 3.125rem .75rem
    }
}

.gallery-images__row:not(:last-child) {
    margin-bottom: 10rem
}

@media (max-width: 768px) {
    .gallery-images__row:not(:last-child) {
        margin-bottom: 3.125rem
    }
}

.gallery-images__item {
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    cursor: pointer
}

.gallery-images__item img {
    height: initial;
    -o-object-fit: cover;
    object-fit: cover
}

.gallery-images__item img.img-landscape {
    aspect-ratio: 512/350;
    width: 32rem;
    height: 21.875rem
}

@media (max-width: 768px) {
    .gallery-images__item img.img-landscape {
        aspect-ratio: 256/175;
        width: 60vw;
        height: auto
    }
}

.gallery-images__item img.img-portrait {
    aspect-ratio: 250/350;
    width: 15.625rem;
    height: 21.875rem
}

@media (max-width: 768px) {
    .gallery-images__item img.img-portrait {
        aspect-ratio: 125/175;
        width: 55vw;
        height: auto
    }
}

@media (max-width: 768px) {
    .gallery-images__item {
        min-width: unset
    }

    .gallery-images__item.is-odd {
        margin-right: auto;
        margin-left: 0
    }

    .gallery-images__item.is-even {
        margin-left: auto;
        margin-right: 0
    }
}

.additionally-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .413125rem;
    color: var(--color-white)
}

.additionally-list__item {
    font-weight: 300;
    font-size: .875rem;
    line-height: .875rem;
    letter-spacing: .01em
}

.additionally-list__link {
    position: relative;
    padding-right: 1.0625rem;
    padding-left: 1rem;
    color: var(--color-white);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media (max-width: 768px) {
    .additionally-list__link {
        padding-left: .6875rem;
        padding-right: .8125rem
    }
}

.additionally-list__link:focus-visible {
    color: var(--color-grey-white)
}

.additionally-list__link:focus-visible:before {
    opacity: 1
}

@media (hover: hover) {
    .additionally-list__link:hover {
        color: var(--color-grey-white)
    }

    .additionally-list__link:hover:before {
        opacity: 1
    }
}

.additionally-list__link:before {
    content: "";
    position: absolute;
    top: .375rem;
    left: 0;
    width: .25rem;
    height: .25rem;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.additionally-list__link.is-active {
    pointer-events: none
}

.additionally-list__link.is-active:before {
    opacity: 1
}

.additionally-list__link--is-external:after {
    content: "";
    position: absolute;
    top: .1875rem;
    right: 0;
    width: .5rem;
    height: .5rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 8L4.5 4.5L8 1M8 1H4.5H2.75M8 1V4.5V6.25" stroke="%23FAFAFA" stroke-width="0.6"/></svg>')
}

@media (max-width: 768px) {
    .additionally-list__link--is-external:after {
        top: .375rem
    }
}

.header {
    z-index: 100;
    position: fixed;
    top: 1.375rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-white)
}

@media (max-width: 768px) {
    .header {
        top: .9375rem;
        min-width: auto;
        width: calc(100% - 1.875rem);
        max-width: 25rem
    }
}

.header__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .234375rem;
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 768px) {
    .header__container {
        gap: .9375rem
    }
}

.header__nav-panel {
    display: grid;
    grid-template-columns: 22.875rem auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .625rem 1.75rem;
    width: 100%;
    min-height: 2.5rem;
    border-radius: .375rem;
    background: #27272799;
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem)
}

@media (max-width: 768px) {
    .header__nav-panel {
        grid-template-columns: repeat(2, 1fr);
        padding: .75rem 1.25rem
    }
}

.header__logo {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: inherit;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    -ms-flex-item-align: center;
    align-self: center
}

.header__logo.is-link-disabled {
    pointer-events: none
}

.header__logo:focus-visible {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .header__logo:hover {
        color: var(--color-nobel)
    }
}

.header__icon-logo {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1rem
}

.header__icon-logo svg {
    width: auto;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    overflow: visible
}

.header__icon-logo--desktop {
    -webkit-transform: translateY(-.125rem);
    -ms-transform: translateY(-.125rem);
    transform: translateY(-.125rem)
}

@media (max-width: 768px) {
    .header__icon-logo--desktop {
        display: none
    }
}

.header__icon-logo--mobile {
    display: none
}

@media (max-width: 768px) {
    .header__icon-logo--mobile {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: .75rem
    }
}

.header__toggle {
    font-family: inherit;
    padding: 0;
    background-color: var(--color-transparent);
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.header__burger {
    font-family: inherit;
    padding: 0;
    background-color: var(--color-transparent);
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.0625rem;
    height: 1.125rem;
    outline: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: var(--color-white)
}

.header__burger:focus-visible {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .header__burger:hover {
        color: var(--color-nobel)
    }
}

.header__burger.is-active .header__burger-icon--open {
    opacity: 0
}

.header__burger.is-active .header__burger-icon--close {
    opacity: 1
}

.header__burger-icon {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.header__burger-icon svg {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.header__burger-icon--close {
    opacity: 0
}

.header__contacts {
    justify-self: flex-end
}

.header__nav {
    position: absolute;
    display: grid;
    bottom: -.25rem;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    grid-template-columns: auto 1fr;
    gap: 3.25rem;
    padding: 1.5rem .75rem;
    width: 100%;
    min-height: 8.75rem;
    border-radius: .375rem;
    background: #27272799;
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s ease, visibility .3s ease;
    transition: opacity .3s ease, visibility .3s ease
}

@media (max-width: 768px) {
    .header__nav {
        bottom: -.9375rem;
        grid-template-columns: 100%;
        gap: 1.875rem;
        padding: 1.5rem .5625rem
    }
}

.header__nav.is-active {
    display: grid;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s ease, visibility .3s ease;
    transition: opacity .3s ease, visibility .3s ease
}

.header__additionally-list {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.header-contacts {
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .01em;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .4375rem;
    color: var(--color-white)
}

@media (max-width: 768px) {
    .header-contacts {
        gap: .625rem
    }
}

.header-contacts__item {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (max-width: 768px) {
    .header-contacts__item:nth-child(1) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .header-contacts__item:nth-child(1) .header-contacts__link {
        margin-right: 0;
        margin-left: .625rem
    }
}

.header-contacts__link {
    color: var(--color-white);
    margin-right: .5625rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    white-space: nowrap
}

.header-contacts__link:focus-visible {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .header-contacts__link:hover {
        color: var(--color-nobel)
    }
}

.header-contacts__btn {
    color: var(--color-white)
}

.header-contacts__btn:focus-visible {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .header-contacts__btn:hover {
        color: var(--color-nobel)
    }
}

@media (max-width: 768px) {
    .header-contacts__btn .button__icon {
        width: 1.3125rem;
        height: 1.3125rem
    }
}

.nav-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem;
    color: var(--color-white)
}

.nav-list__item {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1rem;
    letter-spacing: .01em;
    text-transform: uppercase
}

.nav-list__link {
    position: relative;
    color: var(--color-white);
    padding-left: 1rem;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media (max-width: 768px) {
    .nav-list__link {
        padding-left: .6875rem
    }
}

.nav-list__link:focus-visible {
    color: var(--color-grey-white)
}

.nav-list__link:focus-visible:before {
    opacity: 1
}

@media (hover: hover) {
    .nav-list__link:hover {
        color: var(--color-grey-white)
    }

    .nav-list__link:hover:before {
        opacity: 1
    }
}

.nav-list__link.is-active {
    pointer-events: none
}

.nav-list__link.is-active:before {
    opacity: 1
}

.nav-list__link:before {
    content: "";
    position: absolute;
    top: .375rem;
    left: 0;
    width: .25rem;
    height: .25rem;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.hero {
    width: 100%;
    height: 100svh;
    margin-bottom: 100px;
}

.hero--light {
    color: var(--color-snow)
}

.hero--light .hero__content {
    background: -webkit-gradient(linear, left top, right top, from(#080808), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(90deg, #080808, #0000)
}

.hero--dark {
    color: var(--color-black)
}

.hero__content {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    max-width: 40.625rem;
    height: 100%;
    padding: 6.6875rem 0 6.6875rem 8.25rem
}

@media (max-width: 1279px) {
    .hero__content {
        padding: 3.75rem 0 3.75rem 6.6875rem
    }
}

@media (max-width: 1024px) {
    .hero__content {
        padding: 1.875rem 6.6875rem
    }
}

@media (max-width: 768px) {
    .hero__content {
        padding: 1.25rem 2.125rem
    }
}

.hero__content--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.hero__content--top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.hero img {
    z-index: -1;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.hero__btn-down {
    position: absolute;
    left: calc(50% - 1.8125rem);
    bottom: 1.875rem;
    -ms-flex-item-align: center;
    align-self: center;
    color: currentColor
}

@media (max-width: 768px) {
    .hero__btn-down {
        left: calc(50% - .75rem);
        bottom: 2.6875rem
    }
}

.main-intro {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: max(100svh, 25rem);
    width: 100%;
    color: var(--color-white)
}

.main-intro__media {
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 100%
}

.main-intro__media img,
.main-intro__media video {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.main-intro.is-video-completed img,
.main-intro.is-video-completed video {
    -webkit-transition: opacity .7s;
    transition: opacity .7s
}

.main-intro__container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 4.8125rem;
    padding-bottom: 1.875rem;
    height: 100%
}

@media (max-width: 768px) {
    .main-intro__container {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.main-intro__title {
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: auto 0;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    font-weight: 300;
    font-size: 1.546875rem;
    line-height: 1.964375rem;
    letter-spacing: .061875rem;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .main-intro__title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
        padding-top: 3.625rem;
        padding-left: 1.125rem;
        padding-right: 1.125rem;
        font-size: 1.6875rem;
        line-height: 1.6875rem;
        letter-spacing: .016875rem
    }
}

@media (max-width: 430px) {
    .main-intro__title {
        padding-top: 4.25rem
    }
}

.main-intro__btn-wrapper {
    margin-top: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width: 768px) {
    .main-intro__btn-wrapper {
        margin-top: initial;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        -ms-flex-item-align: center;
        align-self: center;
        max-width: 25rem;
        width: 100%
    }
}

@media (max-width: 430px) {
    .main-intro__btn-wrapper {
        -ms-flex-item-align: start;
        align-self: flex-start;
        max-width: 8.8125rem
    }
}

.main-intro__btn-link {
    padding: .59375rem 1.59375rem;
    max-width: 29rem
}

@media (max-width: 768px) {
    .main-intro__btn-link {
        width: 8.8125rem;
        padding: .625rem 1.1875rem;
        border-radius: .375rem
    }

    .main-intro__btn-link>.button__text {
        font-size: .625rem;
        line-height: 1.3;
        letter-spacing: .04em;
        text-align: left
    }
}

.main-intro__btn-down {
    position: absolute;
    bottom: 1.875rem;
    -ms-flex-item-align: center;
    align-self: center
}

@media (max-width: 768px) {
    .main-intro__btn-down {
        bottom: 2.6875rem
    }
}

@media (max-width: 768px) {
    .main-intro--filter-mob .main-intro__media:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--color-black-40);
        z-index: 1
    }
}

.media-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    overflow: hidden
}

.media-block .container {
    padding-left: 0;
    padding-right: 0
}

.media-block__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5.4375rem;
    padding: 6.6875rem 8.25rem
}

@media (max-width: 1699px) {
    .media-block__content {
        gap: 3.125rem
    }
}

@media (max-width: 1439px) {
    .media-block__content {
        gap: 1.875rem
    }
}

@media (max-width: 1279px) {
    .media-block__content {
        gap: 1rem;
        padding: 3.75rem 6.6875rem
    }
}

@media (max-width: 1024px) {
    .media-block__content {
        gap: 1.25rem;
        padding: 1.875rem 6.6875rem
    }
}

@media (max-width: 768px) {
    .media-block__content {
        padding: 1.25rem 2.125rem
    }
}

.media-block__content--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.media-block__content--top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.media-block__content--light {
    color: var(--color-snow)
}

.media-block__content--dark {
    color: var(--color-black)
}

.media-block__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.media-block__wrapper--parallax {
    aspect-ratio: 1704/937
}

@media (max-width: 768px) {
    .media-block__wrapper--parallax {
        aspect-ratio: 430/550
    }
}

.media-block__wrapper--parallax .media-block__card {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

.media-block__wrapper--parallax .media-block__card img {
    position: absolute;
    height: 100%
}

.media-block__wrapper[data-parallax=container] {
    aspect-ratio: 1704/832
}

.media-block__wrapper[data-parallax=container] .media-block__card {
    aspect-ratio: 1704/832;
    height: calc(100% + 6.25rem)
}

@media (max-width: 768px) {
    .media-block__wrapper[data-parallax=container] {
        aspect-ratio: 430/480
    }

    .media-block__wrapper[data-parallax=container] .media-block__card {
        height: calc(100% + 4.375rem)
    }
}

.media-block__card {
    position: static;
    width: 100%
}

.media-block__card picture {
    width: 100%
}

.media-block__card img {
    position: static;
    height: auto
}

.news {
    padding-top: 10.3125rem;
    margin-bottom: auto
}

@media (max-width: 768px) {
    .news {
        padding: 8.125rem 2.1875rem 1.25rem
    }
}

.news__title {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 300;
    font-size: 2.3125rem;
    line-height: 1;
    letter-spacing: .01em;
    text-transform: uppercase;
    margin-bottom: 6.375rem
}

.news__grid {
    display: grid;
    grid-template-columns: 1fr 20rem;
    grid-template-areas: "headline navigation" "image slider";
    grid-column-gap: 8.2%;
    grid-row-gap: 4.375rem;
    width: 100%;
    max-width: 84.375rem
}

@media (max-width: 768px) {
    .news__grid {
        grid-template-columns: 1fr;
        grid-template-areas: "headline" "image" "slider" "navigation";
        grid-gap: 3rem
    }
}

.news__headline {
    grid-area: headline;
    max-width: 29.375rem;
    font-weight: 300;
    font-size: 1.54375rem;
    line-height: 1;
    letter-spacing: .01em;
    text-transform: uppercase;
    color: var(--color-text);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.news__headline span:after {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: .6875rem;
    height: 1.5rem;
    background-color: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMTY4OTUgMC43ODYxMzNMMTAuMjEwOSA4LjY5MjM4TDEwLjQyNjggOC45MDMzMkwyLjE3MDkgMTcuMjExOUwyLjA4MzAxIDE3LjI5OThIMC4yNjc1NzhMOC43NTg3OSA4Ljk1NjA1TDAuMjYxNzE5IDAuNzAwMTk1SDIuMDgxMDVMMi4xNjg5NSAwLjc4NjEzM1oiIGZpbGw9IiNGQUZBRkEiLz4KPC9zdmc+Cg==);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTEiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuMTY4OTUgMC43ODYxMzNMMTAuMjEwOSA4LjY5MjM4TDEwLjQyNjggOC45MDMzMkwyLjE3MDkgMTcuMjExOUwyLjA4MzAxIDE3LjI5OThIMC4yNjc1NzhMOC43NTg3OSA4Ljk1NjA1TDAuMjYxNzE5IDAuNzAwMTk1SDIuMDgxMDVMMi4xNjg5NSAwLjc4NjEzM1oiIGZpbGw9IiNGQUZBRkEiLz4KPC9zdmc+Cg==);
    margin-left: .625rem
}

.news__headline:focus-visible {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .news__headline:hover {
        color: var(--color-nobel)
    }
}

.news__image {
    grid-area: image;
    width: 100%;
    max-width: 57.3125rem;
    min-height: 32.25rem
}

@media (max-width: 768px) {
    .news__image {
        aspect-ratio: 357/197;
        min-height: auto;
        height: auto;
        margin-bottom: 2.1875rem
    }
}

.news__navigation {
    grid-area: navigation;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: .25rem
}

@media (max-width: 768px) {
    .news__navigation {
        gap: .75rem;
        margin-left: 0
    }

    .news__navigation button {
        width: 1.75rem;
        height: 1.75rem
    }
}

.news-slider {
    grid-area: slider;
    width: 100%;
    max-width: 20rem
}

@media (max-width: 768px) {
    .news-slider {
        max-width: none
    }
}

.news-slider__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.news-slider__link {
    position: relative;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--color-text);
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

@media (max-width: 768px) {
    .news-slider__link {
        max-width: 20rem
    }
}

.news-slider__link:not(:first-child) {
    margin-top: 4.375rem
}

@media (max-width: 768px) {
    .news-slider__link:not(:first-child) {
        margin-top: 3.375rem
    }
}

.news-slider__link--promo {
    padding-top: 1.75rem
}

@media (max-width: 768px) {
    .news-slider__link--promo {
        padding-top: 2rem
    }
}

.news-slider__link--promo:not(:first-child) {
    margin-top: 2.625rem
}

@media (max-width: 768px) {
    .news-slider__link--promo:not(:first-child) {
        margin-top: 2.3125rem
    }
}

.news-slider__link--promo:after {
    position: absolute;
    content: "A";
    left: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    font-weight: 300;
    font-size: .8rem;
    line-height: .8125rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    border: 1px solid currentColor;
    border-radius: 50%
}

@media (max-width: 768px) {
    .news-slider__link--promo:after {
        width: 1.25rem;
        height: 1.25rem;
        font-size: 1rem;
        line-height: 1.125rem
    }
}

.news-slider__link span {
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: .04em;
    text-transform: uppercase
}

.news-slider__link span:after {
    content: "";
    display: inline-block;
    vertical-align: bottom;
    width: .5rem;
    height: 1.25rem;
    background-color: currentColor;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjY3OTY5IDAuOTAwMzkxTDEuNzA5OTYgMC45Mjk2ODhMNy4wNzEyOSA2LjM2NTIzTDcuMTM5NjUgNi40MzQ1N0w3LjA3MjI3IDYuNTA0ODhMMS43MDk5NiAxMi4wNjkzTDEuNjgwNjYgMTIuMDk5NkgwLjc2MDc0MkwwLjkyODcxMSAxMS45Mjk3TDYuMzE3MzggNi40Njg3NUwwLjkyOTY4OCAxLjA3MDMxTDAuNzU4Nzg5IDAuOTAwMzkxSDEuNjc5NjlaIiBmaWxsPSIjRkFGQUZBIiBzdHJva2U9IiNGQUZBRkEiIHN0cm9rZS13aWR0aD0iMC4yIi8+Cjwvc3ZnPgo=);
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjY3OTY5IDAuOTAwMzkxTDEuNzA5OTYgMC45Mjk2ODhMNy4wNzEyOSA2LjM2NTIzTDcuMTM5NjUgNi40MzQ1N0w3LjA3MjI3IDYuNTA0ODhMMS43MDk5NiAxMi4wNjkzTDEuNjgwNjYgMTIuMDk5NkgwLjc2MDc0MkwwLjkyODcxMSAxMS45Mjk3TDYuMzE3MzggNi40Njg3NUwwLjkyOTY4OCAxLjA3MDMxTDAuNzU4Nzg5IDAuOTAwMzkxSDEuNjc5NjlaIiBmaWxsPSIjRkFGQUZBIiBzdHJva2U9IiNGQUZBRkEiIHN0cm9rZS13aWR0aD0iMC4yIi8+Cjwvc3ZnPgo=);
    margin-left: .3125rem
}

.news-slider__link:focus-visible {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .news-slider__link:hover {
        color: var(--color-nobel)
    }
}

.panorama__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5.4375rem;
    padding: 6.6875rem 8.25rem
}

@media (max-width: 1699px) {
    .panorama__content {
        gap: 3.125rem
    }
}

@media (max-width: 1439px) {
    .panorama__content {
        gap: 1.875rem
    }
}

@media (max-width: 1279px) {
    .panorama__content {
        gap: 1rem;
        padding: 3.75rem 6.6875rem
    }
}

@media (max-width: 1024px) {
    .panorama__content {
        gap: 1.25rem;
        padding: 1.875rem 6.6875rem
    }
}

@media (max-width: 768px) {
    .panorama__content {
        display: none
    }
}

.panorama__content--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.panorama__content--top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.panorama__content--light {
    color: var(--color-snow)
}

.panorama__content--dark {
    color: var(--color-black)
}

.panorama__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.panorama__wrapper[data-parallax=container] .panorama__card {
    aspect-ratio: 1700/932;
    height: calc(100% + 6.25rem)
}

.panorama__wrapper[data-parallax=container] .panorama__card img {
    position: absolute;
    height: 100%
}

@media (max-width: 768px) {
    .panorama__wrapper[data-parallax=container] .panorama__card {
        height: 34.375rem
    }

    .panorama__wrapper[data-parallax=container] .panorama__card img,
    .panorama__wrapper[data-parallax=container] .panorama__card video {
        width: auto;
        height: 34.375rem
    }
}

@media (min-width: 769px) {
    .panorama__wrapper[data-parallax=container] {
        aspect-ratio: 2400/1350
    }

    .panorama__wrapper[data-parallax=container] .panorama__card {
        aspect-ratio: 2400/1350;
        height: calc(100% + 6.25rem)
    }
}

.panorama__card {
    position: relative;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: block;
    width: 100%;
    height: auto
}

@media (max-width: 768px) {
    .panorama__card {
        cursor: -webkit-grab;
        cursor: grab
    }
}

.panorama__card::-webkit-scrollbar {
    display: none
}

.panorama__card img,
.panorama__card video {
    position: static;
    max-width: none;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 768px) {
    .panorama__card {
        height: 34.375rem
    }

    .panorama__card img,
    .panorama__card video {
        width: auto;
        height: 34.375rem
    }
}

.panorama__btn {
    position: absolute;
    display: none;
    left: 50%;
    bottom: 1.4375rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    opacity: 0;
    pointer-events: none
}

.panorama__btn.is-visible {
    opacity: 1;
    pointer-events: auto
}

@media (max-width: 768px) {
    .panorama__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 768px) {
    .panorama--with-mobile .panorama__card {
        cursor: auto
    }

    .panorama--with-mobile .panorama__wrapper[data-parallax=container] .panorama__card img {
        width: 100%
    }
}

.parking-ramp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.parking-ramp__image {
    position: relative;
    background-color: var(--color-bg)
}

.parking-ramp__image .media-card {
    aspect-ratio: 1700/575
}

@media (max-width: 768px) {
    .parking-ramp__image .media-card {
        aspect-ratio: 768/379
    }
}

.parking-ramp__image img,
.parking-ramp__image picture {
    position: static;
    width: 100%;
    height: auto;
    mix-blend-mode: screen
}

@media (max-width: 768px) {
    .parking-ramp__image {
        padding: 3.875rem 0 3.75rem
    }
}

.parking-ramp__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2.1875rem
}

@media (max-width: 768px) {
    .parking-ramp__list {
        grid-template-columns: 1fr
    }

    .parking-ramp__list.bullet-list li {
        padding-top: 0
    }

    .parking-ramp__list.bullet-list li:before {
        content: none
    }
}

.parking-ramp__description {
    position: absolute;
    left: 68.5882352941%;
    top: 62.2608695652%;
    max-width: 13.9375rem;
    padding-top: 4.1875rem;
    padding-left: .25rem
}

.parking-ramp__description:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: .5rem;
    height: 2.4375rem;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIzOSIgdmlld0JveD0iMCAwIDggMzkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM1MzU2IDAuNjQ2NDQ2QzQuMTU4MjkgMC40NTExODMgMy44NDE3MSAwLjQ1MTE4MyAzLjY0NjQ1IDAuNjQ2NDQ2TDAuNDY0NDY4IDMuODI4NDNDMC4yNjkyMDUgNC4wMjM2OSAwLjI2OTIwNSA0LjM0MDI3IDAuNDY0NDY4IDQuNTM1NTNDMC42NTk3MyA0LjczMDggMC45NzYzMTIgNC43MzA4IDEuMTcxNTcgNC41MzU1M0w0IDEuNzA3MTFMNi44Mjg0MyA0LjUzNTUzQzcuMDIzNjkgNC43MzA4IDcuMzQwMjcgNC43MzA4IDcuNTM1NTQgNC41MzU1M0M3LjczMDggNC4zNDAyNyA3LjczMDggNC4wMjM2OSA3LjUzNTU0IDMuODI4NDNMNC4zNTM1NiAwLjY0NjQ0NlpNNC41IDM5TDQuNSAxTDMuNSAxTDMuNSAzOUw0LjUgMzlaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K)
}

@media (max-width: 768px) {
    .parking-ramp__description {
        top: 70.7547169811%;
        left: auto;
        right: 1.625rem;
        max-width: 7.75rem;
        font-size: .625rem;
        line-height: 127%;
        padding-top: 1.6875rem
    }

    .parking-ramp__description:after {
        width: .5rem;
        height: .9375rem;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDggMTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik00LjM1MzU1IDAuNjQ2NDQ2QzQuMTU4MjkgMC40NTExODQgMy44NDE3MSAwLjQ1MTE4NCAzLjY0NjQ1IDAuNjQ2NDQ2TDAuNDY0NDY3IDMuODI4NDNDMC4yNjkyMDQgNC4wMjM2OSAwLjI2OTIwNCA0LjM0MDI3IDAuNDY0NDY3IDQuNTM1NTNDMC42NTk3MjkgNC43MzA4IDAuOTc2MzExIDQuNzMwOCAxLjE3MTU3IDQuNTM1NTNMNCAxLjcwNzExTDYuODI4NDMgNC41MzU1M0M3LjAyMzY5IDQuNzMwOCA3LjM0MDI3IDQuNzMwOCA3LjUzNTUzIDQuNTM1NTNDNy43MzA4IDQuMzQwMjcgNy43MzA4IDQuMDIzNjkgNy41MzU1MyAzLjgyODQzTDQuMzUzNTUgMC42NDY0NDZaTTQuNSAxNUw0LjUgMUwzLjUgMUwzLjUgMTVMNC41IDE1WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==)
    }
}

.preloader {
    position: fixed;
    z-index: 1000;
    inset: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    pointer-events: none;
    background-color: var(--color-white);
    overflow: hidden;
    -webkit-transition: opacity .05s ease 1s;
    transition: opacity .05s ease 1s
}

.preloader:after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#ffffff), color-stop(#7d7d7d), color-stop(rgb(0, 0, .6)), to(#080808));
    background: linear-gradient(90deg, #fff, #7d7d7d, #000001, #080808);
    background-position: -100% center;
    background-size: 400% 100%;
    background-repeat: no-repeat;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.preloader__logo {
    z-index: 1;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 6.375rem;
    -webkit-transform: translateY(-.625rem);
    -ms-transform: translateY(-.625rem);
    transform: translateY(-.625rem);
    height: auto
}

.preloader__logo svg {
    width: 100%;
    height: auto;
    will-change: transform;
    -webkit-animation: logo-pulse-animation 3s ease-in-out infinite;
    animation: logo-pulse-animation 3s ease-in-out infinite;
    overflow: visible
}

.preloader.is-loaded {
    pointer-events: none;
    opacity: 0
}

.preloader.is-loaded:after {
    -webkit-animation-name: gradient-animation;
    animation-name: gradient-animation
}

@-webkit-keyframes gradient-animation {
    0% {
        background-position: -100% center
    }

    to {
        background-position: 100% center
    }
}

@keyframes gradient-animation {
    0% {
        background-position: -100% center
    }

    to {
        background-position: 100% center
    }
}

@-webkit-keyframes logo-pulse-animation {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

@keyframes logo-pulse-animation {
    0% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
}

.privacy-policy {
    color: var(--color-white);
    background-color: var(--color-black);
    padding: 5.1875rem 0 9.375rem
}

@media (max-width: 768px) {
    .privacy-policy {
        padding: 5.1875rem 0 4.375rem
    }
}

.privacy-policy__container .content {
    width: 100%;
    margin: 0 auto;
    padding-left: 8.3125rem;
    padding-right: 5.625rem
}

@media (max-width: 1279px) {
    .privacy-policy__container .content {
        padding-left: 5.375rem;
        padding-right: 5.375rem
    }
}

@media (max-width: 768px) {
    .privacy-policy__container .content {
        padding-left: 2.125rem;
        padding-right: 2.125rem
    }
}

.privacy-policy__container .content ul:nth-of-type(6n) li>ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    width: 85%
}

.privacy-policy__container .content ul:nth-of-type(6n) li>ul li {
    margin-bottom: .8125rem;
    font-size: .8125rem;
    line-height: .8125rem
}

@media (max-width: 1279px) {
    .privacy-policy__container .content ul:nth-of-type(6n) li>ul {
        width: 95%;
        -webkit-column-count: unset;
        -moz-column-count: unset;
        column-count: unset
    }
}

.qr-contacts-block {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-white)
}

.qr-contacts-block__bg {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.qr-contacts-block .container {
    padding: 0 5.9375rem
}

@media (max-width: 1279px) {
    .qr-contacts-block .container {
        padding: 0 6.6875rem
    }
}

@media (max-width: 1024px) {
    .qr-contacts-block .container {
        padding: 0 6.6875rem
    }
}

@media (max-width: 768px) {
    .qr-contacts-block .container {
        padding: 0 2.125rem
    }
}

.qr-contacts-block__content {
    display: grid;
    grid-template-columns: 1fr minmax(45.3125rem, 0);
    -webkit-column-gap: 1.875rem;
    -moz-column-gap: 1.875rem;
    column-gap: 1.875rem;
    width: 100%;
    margin-top: .5rem
}

@media (max-width: 768px) {
    .qr-contacts-block__content {
        grid-template-columns: 100%;
        row-gap: 71px
    }
}

.qr-contacts-block__heading {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    margin-left: 1.625rem;
    max-width: 16.9375rem
}

@media (max-width: 768px) {
    .qr-contacts-block__heading {
        margin-left: 0
    }
}

.qr-contacts-block__title {
    margin: 0;
    font-family: DIN Next CYR, sans-serif;
    font-weight: 300;
    font-size: 1.875rem;
    line-height: 100%;
    letter-spacing: .01em;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .qr-contacts-block__title {
        font-size: 21px;
        line-height: 100%;
        letter-spacing: 1%
    }
}

@media (max-width: 429px) {
    .qr-contacts-block__title {
        font-size: 21px;
        line-height: 100%;
        letter-spacing: 1%
    }
}

.qr-contacts-block__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-self: center
}

@media (max-width: 768px) {
    .qr-contacts-block__list {
        grid-template-columns: 100%
    }
}

@media (max-width: 768px) {
    .qr-contacts-block .contacts-buttons-list__item:nth-child(1) {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }

    .qr-contacts-block .contacts-buttons-list__item:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .qr-contacts-block .contacts-buttons-list__item:nth-child(3) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .qr-contacts-block .contacts-buttons-list__item:nth-child(4) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .qr-contacts-block .contacts-buttons-list__item:nth-child(5) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

.scheme {
    position: relative
}

.scheme img,
.scheme picture {
    width: 100%;
    height: auto;
    aspect-ratio: 1700/937
}

@media (max-width: 768px) {

    .scheme img,
    .scheme picture {
        aspect-ratio: 768/1152
    }
}

.scheme__pin {
    position: absolute;
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 105%;
    letter-spacing: .01em
}

@media (max-width: 768px) {
    .scheme__pin {
        display: none
    }
}

.scheme__pin span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    text-align: center;
    color: var(--color-white);
    border: 1px solid var(--color-white);
    border-radius: 50%;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    -webkit-transition-property: color, background-color, -webkit-transform;
    transition-property: color, background-color, -webkit-transform;
    transition-property: color, background-color, transform;
    transition-property: color, background-color, transform, -webkit-transform;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    cursor: pointer;
    outline: none
}

.scheme__pin span:hover,
.scheme__pin span:focus-visible {
    color: var(--color-black);
    background-color: var(--color-white);
    -webkit-animation: none;
    animation: none
}

.scheme__pin span:hover+p,
.scheme__pin span:focus-visible+p {
    -webkit-transition: -webkit-mask-position 2.5s ease;
    transition: -webkit-mask-position 2.5s ease;
    transition: mask-position 2.5s ease;
    transition: mask-position 2.5s ease, -webkit-mask-position 2.5s ease;
    -webkit-mask-position: 0 0;
    mask-position: 0 0
}

.scheme__pin span:hover+p:before,
.scheme__pin span:focus-visible+p:before {
    -webkit-animation-name: pulse-animation;
    animation-name: pulse-animation
}

.scheme__pin p {
    position: absolute;
    top: 0;
    left: 3.875rem;
    color: var(--color-white);
    pointer-events: none;
    -webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(33.33%, #ffffff), color-stop(66.66%, transparent));
    -webkit-mask-image: linear-gradient(90deg, #ffffff 33.33%, transparent 66.66%);
    mask-image: -webkit-gradient(linear, left top, right top, color-stop(33.33%, #ffffff), color-stop(66.66%, transparent));
    mask-image: linear-gradient(90deg, #ffffff 33.33%, transparent 66.66%);
    -webkit-mask-size: 300% 100%;
    mask-size: 300% 100%;
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0
}

.scheme__pin p:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    will-change: transform
}

.scheme__pin:nth-of-type(1) {
    top: 73.212379936%;
    left: 59.4705882353%
}

.scheme__pin:nth-of-type(2) {
    top: 65.3148345784%;
    left: 57.1176470588%
}

.scheme__pin:nth-of-type(3) {
    top: 52.1878335112%;
    left: 36.7647058824%
}

.scheme__pin:nth-of-type(3) p {
    right: 3.875rem;
    left: auto;
    text-align: right
}

.scheme__pin:nth-of-type(4) {
    top: 68.8367129136%;
    left: 44.3529411765%
}

.scheme__pin:nth-of-type(4) p {
    top: 3.875rem;
    left: 0
}

.scheme__pin:nth-of-type(5) {
    top: 30.8431163287%;
    left: 44.3529411765%
}

.scheme.is-active .scheme__pin span {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-delay: .7s;
    animation-delay: .7s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: bounce-animation;
    animation-name: bounce-animation
}

.team-block {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-white);
    padding: 10vh 0
}

.team-block__bg {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.team-block__content {
    width: 100%;
    padding-top: 4.375rem
}

@media (max-width: 768px) {
    .team-block__content {
        padding-top: 0
    }
}

.team-block__content .page-section {
    background-color: var(--color-transparent)
}

.team-block__content a {
    font: inherit;
    color: inherit;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.team-block__content a:focus-visible {
    opacity: .7
}

@media (hover: hover) {
    .team-block__content a:hover {
        opacity: .7
    }
}

.text-block {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    padding-bottom: 3.5rem
}

.text-block.no-pb {
    padding-bottom: 0
}

@media (max-width: 1279px) {
    .text-block {
        padding-bottom: 0
    }
}

@media (max-width: 768px) {
    .text-block {
        grid-template-columns: 100%;
        gap: 5.25rem;
        padding-bottom: 1rem
    }
}

.text-block__heading {
    grid-column: span 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.25rem
}

@media (max-width: 768px) {
    .text-block__heading {
        grid-column: 1
    }
}

.text-block__heading h1 {
    font-size: 2.3125rem;
    line-height: 1;
    letter-spacing: .01em
}

@media (max-width: 768px) {
    .text-block__heading h1 {
        font-size: 1.5625rem
    }
}

.text-block__heading h2 {
    font-size: 1.546875rem;
    line-height: 1.964375rem;
    letter-spacing: .061875rem
}

@media (max-width: 768px) {
    .text-block__heading h2 {
        font-size: 1.5625rem;
        line-height: 1.5625rem;
        letter-spacing: .01em
    }
}

.text-block__title {
    margin: 0;
    font-weight: 300;
    text-transform: uppercase
}

@media (max-width: 768px) {
    .text-block__title {
        gap: 3.9375rem
    }
}

.text-block__text {
    grid-column: 8/17;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 39.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.25rem;
    margin-top: .125rem;
    margin-left: -.5rem;
    font-weight: 300;
    font-size: 1.55rem;
    line-height: 2.015rem;
    letter-spacing: .04em
}

.text-block__text p {
    margin: 0
}

@media (max-width: 768px) {
    .text-block__text {
        grid-column: 1;
        gap: 3.9375rem;
        margin-top: 0;
        margin-left: 0;
        font-size: 1.25rem;
        line-height: 1.5625rem;
        letter-spacing: .03em
    }
}

.timeline-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-size: cover;
    background-position: center center
}

@media (max-width: 768px) {
    .timeline-block {
        height: 85dvh
    }
}

.timeline-block .container {
    padding-left: 0;
    padding-right: 0
}

.timeline-block__canvas {
    min-height: 98svh
}

@media (max-width: 768px) {
    .timeline-block__canvas {
        min-height: 85svh;
        min-width: 100%
    }
}

.timeline-block__canvas canvas {
    width: 100%;
    max-height: 98svh;
    height: 100svh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -o-object-fit: cover;
    object-fit: cover
}

.timeline-block__canvas canvas[data-timeline-animate=image-mobile] {
    display: none
}

@media (max-width: 768px) {
    .timeline-block__canvas canvas {
        max-height: 85dvh
    }

    .timeline-block__canvas canvas[data-timeline-animate=image-mobile] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .timeline-block__canvas canvas[data-timeline-animate=image] {
        display: none
    }
}

.timeline-block__slider {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 6%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    z-index: 11;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 768px) {
    .timeline-block__slider {
        width: 100%;
        inset: 0;
        -webkit-transform: unset;
        -ms-transform: unset;
        transform: unset
    }
}

.timeline-block__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 5.4375rem;
    padding: 8.125rem 8.25rem
}

.timeline-block__content .bullet-item--marker {
    padding-top: 2.5rem
}

@media (max-width: 1699px) {
    .timeline-block__content {
        gap: 3.125rem
    }
}

@media (max-width: 1439px) {
    .timeline-block__content {
        gap: 1.875rem
    }
}

@media (max-width: 1279px) {
    .timeline-block__content {
        gap: 1rem;
        padding: 3.75rem 6.6875rem
    }
}

@media (max-width: 1024px) {
    .timeline-block__content {
        gap: 1.25rem;
        padding: 1.875rem 6.6875rem
    }
}

@media (max-width: 768px) {
    .timeline-block__content {
        padding: 2.5rem 2.125rem
    }

    .timeline-block__content .bullet-item {
        font-size: 1.0625rem;
        line-height: 104%;
        letter-spacing: .01em
    }
}

.timeline-block__content--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.timeline-block__content--top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.timeline-block__content--light {
    color: var(--color-snow)
}

.timeline-block__content--dark {
    color: var(--color-black)
}

.timeline-block__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.timeline-block__btn {
    position: absolute;
    display: none;
    left: 65%;
    top: 35%;
    -webkit-transform: translateX(-50%) rotate(90deg);
    -ms-transform: translateX(-50%) rotate(90deg);
    transform: translate(-50%) rotate(90deg);
    opacity: 0;
    pointer-events: none
}

.timeline-block__btn.is-visible {
    opacity: 1;
    pointer-events: auto
}

@media (max-width: 768px) {
    .timeline-block__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.transition-gradient {
    --lc: 245, 242, 237;
    position: fixed;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(var(--lc), 1);
    -webkit-transform: translate3d(calc(var(--x) * 1%), 0, 0);
    transform: translate3d(calc(var(--x) * 1%), 0, 0);
    pointer-events: none
}

.transition-gradient:before,
.transition-gradient:after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.transition-gradient:before {
    background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--lc), 1)), color-stop(19%, rgba(var(--lc), .738)), color-stop(34%, rgba(var(--lc), .541)), color-stop(47%, rgba(var(--lc), .382)), color-stop(56.5%, rgba(var(--lc), .278)), color-stop(65%, rgba(var(--lc), .194)), color-stop(73%, rgba(var(--lc), .126)), color-stop(80.2%, rgba(var(--lc), .075)), color-stop(86.1%, rgba(var(--lc), .042)), color-stop(91%, rgba(var(--lc), .021)), color-stop(95.2%, rgba(var(--lc), .008)), color-stop(98.2%, rgba(var(--lc), .002)), to(rgba(var(--lc), 0)));
    background: linear-gradient(to right, rgba(var(--lc), 1) 0, rgba(var(--lc), .738) 19%, rgba(var(--lc), .541) 34%, rgba(var(--lc), .382) 47%, rgba(var(--lc), .278) 56.5%, rgba(var(--lc), .194) 65%, rgba(var(--lc), .126) 73%, rgba(var(--lc), .075) 80.2%, rgba(var(--lc), .042) 86.1%, rgba(var(--lc), .021) 91%, rgba(var(--lc), .008) 95.2%, rgba(var(--lc), .002) 98.2%, rgba(var(--lc), 0));
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translate(100%)
}

.transition-gradient:after {
    background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(var(--lc), 1)), color-stop(19%, rgba(var(--lc), .738)), color-stop(34%, rgba(var(--lc), .541)), color-stop(47%, rgba(var(--lc), .382)), color-stop(56.5%, rgba(var(--lc), .278)), color-stop(65%, rgba(var(--lc), .194)), color-stop(73%, rgba(var(--lc), .126)), color-stop(80.2%, rgba(var(--lc), .075)), color-stop(86.1%, rgba(var(--lc), .042)), color-stop(91%, rgba(var(--lc), .021)), color-stop(95.2%, rgba(var(--lc), .008)), color-stop(98.2%, rgba(var(--lc), .002)), to(rgba(var(--lc), 0)));
    background: linear-gradient(to left, rgba(var(--lc), 1) 0, rgba(var(--lc), .738) 19%, rgba(var(--lc), .541) 34%, rgba(var(--lc), .382) 47%, rgba(var(--lc), .278) 56.5%, rgba(var(--lc), .194) 65%, rgba(var(--lc), .126) 73%, rgba(var(--lc), .075) 80.2%, rgba(var(--lc), .042) 86.1%, rgba(var(--lc), .021) 91%, rgba(var(--lc), .008) 95.2%, rgba(var(--lc), .002) 98.2%, rgba(var(--lc), 0));
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translate(-100%)
}

.daytime-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .625rem
}

@media (max-width: 768px) {
    .daytime-select {
        font-size: .75rem
    }
}

.daytime-select input {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    white-space: nowrap;
    border: 0;
    clip-path: inset(100%)
}

.daytime-select input:checked+span {
    color: var(--color-black);
    background-color: var(--color-white);
    border-color: var(--color-white)
}

.daytime-select label {
    position: relative
}

.daytime-select span {
    display: block;
    width: 1.75rem;
    height: 1.75rem;
    color: var(--color-white);
    background-color: var(--color-transparent);
    border: 1px solid var(--color-white);
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: background-color .3s ease, color .3s ease, border-color .3s ease;
    transition: background-color .3s ease, color .3s ease, border-color .3s ease
}

@media (max-width: 768px) {
    .daytime-select span {
        width: 1.875rem;
        height: 1.875rem
    }
}

.daytime-select span svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.daytime-select span:hover {
    color: var(--color-nobel);
    border-color: var(--color-nobel)
}

.floor-select {
    position: relative
}

.floor-select__btn {
    font-family: inherit;
    padding: 0;
    background-color: var(--color-transparent);
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: .625rem 1.0625rem .625rem 3.1875rem;
    outline: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    color: var(--color-white)
}

@media (max-width: 768px) {
    .floor-select__btn {
        padding: .625rem .3125rem .625rem 1.9375rem
    }
}

.floor-select__btn:focus-visible {
    color: var(--color-nobel)
}

@media (hover: hover) {
    .floor-select__btn:hover {
        color: var(--color-nobel)
    }
}

.floor-select__btn.is-active .header__burger-icon--open {
    opacity: 0
}

.floor-select__btn.is-active .header__burger-icon--close {
    opacity: 1
}

.floor-select__icon {
    position: absolute;
    top: 50%;
    left: 1.3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1.0625rem;
    height: 1.125rem;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 768px) {
    .floor-select__icon {
        left: .75rem
    }
}

.floor-select__icon svg {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.floor-select__icon--close {
    opacity: 0
}

.floor-select__text {
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1;
    letter-spacing: .01em;
    text-transform: uppercase;
    text-align: center
}

@media (max-width: 768px) {
    .floor-select__text {
        font-size: 1rem
    }
}

.floor-select__list {
    position: absolute;
    top: -.5625rem;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    padding: .6875rem .875rem;
    background-color: #27272799;
    border-radius: .375rem;
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    pointer-events: none
}

.floor-select__option {
    font-family: inherit;
    padding: 0;
    background-color: var(--color-transparent);
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    min-width: 5.8125rem;
    padding-left: .5rem;
    font-weight: 300;
    font-size: 1.125rem;
    line-height: 1.6;
    letter-spacing: .01em;
    text-align: right;
    text-transform: uppercase;
    color: var(--color-white)
}

@media (max-width: 768px) {
    .floor-select__option {
        width: 100%;
        min-width: auto;
        font-size: 1rem
    }
}

.floor-select__option:before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: .25rem;
    height: .25rem;
    background-color: currentColor;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.floor-select__option.is-current {
    color: var(--color-grey-white);
    pointer-events: none
}

.floor-select__option.is-current:before {
    opacity: 1
}

.floor-select__option:focus-visible:before {
    opacity: 1
}

@media (hover: hover) {
    .floor-select__option:hover:before {
        opacity: 1
    }
}

.floor-select.is-active .floor-select__icon--open {
    opacity: 0
}

.floor-select.is-active .floor-select__icon--close {
    opacity: 1
}

.floor-select.is-active .floor-select__list {
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    pointer-events: auto
}

.views-swiper {
    height: 100%;
    overflow: hidden
}

.views-swiper__slide {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

@media (max-width: 768px) {
    .views-swiper__slide {
        cursor: -webkit-grab;
        cursor: grab
    }
}

.views-swiper__slide::-webkit-scrollbar {
    display: none
}

.views-swiper__slide img,
.views-swiper__slide video {
    max-width: none;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media (max-width: 768px) {

    .views-swiper__slide img,
    .views-swiper__slide video {
        width: auto
    }

    .views-swiper__slide .media-card {
        width: auto;
        overflow: auto
    }
}

.views-swiper__btn {
    position: absolute;
    display: none;
    top: calc(50% - 1rem);
    left: 50%;
    width: 5.125rem;
    height: 5.125rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    pointer-events: none
}

.views-swiper__btn.is-visible {
    opacity: 1;
    pointer-events: auto
}

@media (max-width: 768px) {
    .views-swiper__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.views-slider[data-daytime=day] .views-swiper__slide:has(.media-card:nth-of-type(2)) .media-card:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: inherit;
    opacity: 1;
    position: relative;
    z-index: unset
}

.views-slider[data-daytime=day] .views-swiper__slide:has(.media-card:nth-of-type(2)) .media-card:nth-child(2) {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 100%;
    top: 0
}

.views-slider[data-daytime=night] .views-swiper__slide:has(.media-card:nth-of-type(2)) .media-card:nth-child(1) {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    opacity: 0;
    width: 100%;
    top: 0
}

.views-slider[data-daytime=night] .views-swiper__slide:has(.media-card:nth-of-type(2)) .media-card:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: inherit;
    opacity: 1;
    position: relative;
    z-index: unset
}

.views-slider {
    position: relative;
    height: 100svh;
    overflow: hidden
}

.views-slider__container {
    height: 100%
}

.views-slider__controls {
    z-index: 1;
    position: absolute;
    left: 50%;
    bottom: 1.0625rem;
    display: grid;
    grid-template-columns: 8.625rem 12.9375rem 7.375rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    grid-gap: .625rem;
    height: 3.125rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

@media (max-width: 768px) {
    .views-slider__controls {
        grid-template-columns: 6.625rem 10.4375rem 6.6875rem;
        height: 3.3125rem;
        bottom: 2.25rem
    }
}

.views-slider__controls-item {
    width: 100%;
    height: 100%;
    background-color: #27272799;
    border-radius: .375rem;
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem)
}

.views-slider__controls-item.is-hidden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden
}

.sitemap[data-astro-cid-qob6xzsh] {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    padding-top: 30px;
    background-color: var(--color-lavender)
}

.sitemap__logo[data-astro-cid-qob6xzsh] {
    width: 203px;
    height: auto;
    margin-bottom: 50px
}

.sitemap__logo[data-astro-cid-qob6xzsh] svg[data-astro-cid-qob6xzsh] {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    height: auto
}

.sitemap[data-astro-cid-qob6xzsh] ol[data-astro-cid-qob6xzsh] {
    margin-top: 20px;
    padding-left: 20px;
    list-style: decimal
}

.sitemap[data-astro-cid-qob6xzsh] ol[data-astro-cid-qob6xzsh] li[data-astro-cid-qob6xzsh]:not(:last-child) {
    margin-bottom: 16px
}

.sitemap[data-astro-cid-qob6xzsh] ol[data-astro-cid-qob6xzsh] li[data-astro-cid-qob6xzsh] a[data-astro-cid-qob6xzsh] {
    font-size: 18px;
    color: var(--color-fedora)
}


/* ===== Быстрый PRELOADER ===== */

.preloader {
    background-color: var(--color-bg);

    /* без задержки в 3 секунды */
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}

/* Убираем серо-чёрный градиент */
.preloader::after {
    background: var(--color-bg);

    -webkit-animation-duration: .4s;
    animation-duration: .4s;
}

/* Чёрный логотип */
.preloader__logo {
    color: #000000;
}

.preloader__logo svg {
    color: #000000;

    /* более быстрая и спокойная пульсация */
    -webkit-animation: logo-pulse-animation 1.9s ease-in-out infinite;
    animation: logo-pulse-animation 1.9s ease-in-out infinite;
}

/* Если внутри SVG прописан fill белым — перекрываем его */
.preloader__logo svg path,
.preloader__logo svg polygon,
.preloader__logo svg rect,
.preloader__logo svg circle {
    fill: #000000 !important;
}

/* Если логотип нарисован линиями */
.preloader__logo svg [stroke] {
    stroke: #000000 !important;
}

.preloader.is-loaded {
    opacity: 0;
    pointer-events: none;
}

/* =========================================
   СВЕТЛОЕ ВЕРХНЕЕ МЕНЮ
   ========================================= */

/* Основной цвет шапки */
.header {
    color: #000000;
}

/* Верхняя панель */
/* =========================================
   БЕЖЕВОЕ СТЕКЛЯННОЕ МЕНЮ
   ========================================= */

.header__nav-panel {
    background: rgba(245, 242, 237, 0.72);

    -webkit-backdrop-filter: blur(18px) saturate(130%);
    backdrop-filter: blur(18px) saturate(130%);

    border: 1px solid rgba(255, 255, 255, 0.45);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.55),
        0 6px 24px rgba(50, 40, 30, 0.07);
}


/* Раскрытое меню */

.header__nav {
    background: rgba(245, 242, 237, 0.82);

    -webkit-backdrop-filter: blur(22px) saturate(130%);
    backdrop-filter: blur(22px) saturate(130%);

    border: 1px solid rgba(255, 255, 255, 0.45);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        0 12px 35px rgba(50, 40, 30, 0.09);
}


/* =========================================
   ЛОГОТИП
   ========================================= */

.header__logo,
.header__icon-logo {
    color: #000000;
}

/* Если SVG логотипа работает через currentColor */
.header__logo svg,
.header__icon-logo svg {
    color: #000000;
}


/* =========================================
   БУРГЕР
   ========================================= */

.header__burger {
    color: #000000;
}

.header__burger:hover,
.header__burger:focus-visible {
    color: #777777;
}


/* =========================================
   КОНТАКТЫ
   ========================================= */

.header-contacts,
.header-contacts__link,
.header-contacts__btn {
    color: #000000;
}

.header-contacts__link:hover,
.header-contacts__btn:hover {
    color: #777777;
}


/* =========================================
   ОСНОВНЫЕ ПУНКТЫ МЕНЮ
   ========================================= */

.header .nav-list,
.header .nav-list__link {
    color: #000000;
}

.header .nav-list__link:hover,
.header .nav-list__link:focus-visible {
    color: #777777;
}


/* =========================================
   ДОПОЛНИТЕЛЬНЫЕ ССЫЛКИ
   ========================================= */

.header .additionally-list,
.header .additionally-list__link {
    color: #000000;
}

.header .additionally-list__link:hover,
.header .additionally-list__link:focus-visible {
    color: #777777;
}


/* =========================================
   ПЕРЕКЛЮЧАТЕЛЬ ВНУТРИ МЕНЮ
   ========================================= */

.header .theme-select__btn {
    color: #000000;

    background: rgba(245, 242, 237, 0.35);

    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);

    border: 1px solid rgba(0, 0, 0, 0.10);
}

.header .theme-select__list {
    background: rgba(245, 242, 237, 0.88);

    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);

    border: 1px solid rgba(0, 0, 0, 0.10);

    box-shadow:
        0 8px 24px rgba(50, 40, 30, 0.08);
}

.header .theme-select__option {
    color: #000000;
}

.header .theme-select__option.is-current {
    color: #999999;
}

.transition-video {
    background-color: #F5F2ED;
}

.parking-ramp__image {
    background-color: #F5F2ED;
}

.parking-ramp__image .media-card {
    aspect-ratio: 1700 / 575;
    width: 100%;
}

.parking-ramp__image picture {
    display: block;
    width: 100%;
    height: 100%;
    mix-blend-mode: normal;
}

.parking-ramp__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    mix-blend-mode: normal;
}

.contact-block__bg {
    background: #F5F2ED;
}

.contact-block__bg video {
    display: none !important;
}

/* =========================================
   CONTACT BLOCK — СВЕТЛАЯ ВЕРСИЯ
   ========================================= */

.contact-block {
    background-color: #F5F2ED;
    color: #000000;
}


/* Убираем видео */

.contact-block__bg {
    background-color: #F5F2ED;
}

.contact-block__bg video {
    display: none !important;
}


/* =========================================
   ЗАГОЛОВКИ И КОНТАКТЫ
   ========================================= */

.contact-block__title,
.contact-block .info-card,
.contact-block .info-item,
.contact-block .info-card a,
.contact-block .info-item a {
    color: #000000;
}


/* =========================================
   ПОЛЯ ФОРМЫ
   ========================================= */

.contact-block .field {
    color: #000000;
}

/* Нижняя линия у input */
.contact-block .field::after {
    background-color: #000000;
}

/* Введённый текст */
.contact-block .field input {
    color: #000000;
    caret-color: #000000;
}

/* Placeholder */
.contact-block .field input::placeholder {
    color: #000000;
    opacity: 1;
}

.contact-block .field input::-webkit-input-placeholder {
    color: #000000;
}

.contact-block .field input::-moz-placeholder {
    color: #000000;
}

.contact-block .field input:-ms-input-placeholder {
    color: #000000;
}


/* =========================================
   КНОПКА ОТПРАВИТЬ
   ========================================= */

.contact-block .contact-form__btn {
    color: #000000;
    border-color: #000000;
    background: transparent;
}

/* Hover */
@media (hover: hover) {
    .contact-block .contact-form__btn:hover {
        background: #000000;
        color: #F5F2ED;
    }
}

.contact-block .contact-form__btn:active {
    background: #000000;
    color: #F5F2ED;
}


/* =========================================
   ПОДПИСИ ПОД ФОРМОЙ
   ========================================= */

.contact-block .contact-form__notice {
    color: rgba(0, 0, 0, 0.60);
}

.contact-block .contact-form__notice a {
    color: inherit;
}

.contact-block .custom-toggle__label {
    color: rgba(0, 0, 0, 0.60);
}

.contact-block .custom-toggle__label a {
    color: inherit;
}


/* Checkbox */

.contact-block .custom-toggle__icon {
    border-color: rgba(0, 0, 0, 0.55);
}


/* =========================================
   СООБЩЕНИЕ ОБ УСПЕШНОЙ ОТПРАВКЕ
   ========================================= */

.contact-block .contact-form__message {
    color: #000000;
}


/* =========================================
   ИКОНКИ WHATSAPP / TELEGRAM
   ========================================= */

.contact-block .info-item__btn {
    color: #000000;
}

.header .additionally-list__link--is-external::after {
    background-image: url('data:image/svg+xml,<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 8L4.5 4.5L8 1M8 1H4.5H2.75M8 1V4.5V6.25" stroke="%23000000" stroke-width="0.6"/></svg>');
}

.header .additionally-list__link--is-external:hover::after {
    opacity: 0.5;
}

[data-animation="shadows"]::after {
    display: none !important;
}



/* Убираем автоматическую компенсацию позиции браузером */
html,
body,
main,
.page-wrapper {
    overflow-anchor: none !important;
}

/* Никакого плавного автоматического скролла */
html {
    scroll-behavior: auto !important;
}