@charset 'UTF-8';
html
{
    line-height: 1.15;

    -webkit-text-size-adjust: 100%;
}

body
{
    margin: 0;
}

main
{
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-size: 1em;
    font-weight: 300;
}

hr
{
    overflow: visible;

    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    height: 0;
}

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

a
{
    background-color: transparent;
}

abbr[title]
{
            text-decoration: underline;
            text-decoration: underline dotted;

    border-bottom: none;

    -webkit-text-decoration: underline dotted;
}

b,
strong
{
    font-weight: bolder;
}

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

small
{
    font-size: 80%;
}

sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sub
{
    bottom: -.25em;
}

sup
{
    top: -.5em;
}

img
{
    border-style: none;
}

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

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
{
    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%;

    white-space: normal;

    color: inherit;
}

progress
{
    vertical-align: baseline;
}

textarea
{
    overflow: auto;
}

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

[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],
.hidden
{
    display: none;
}

*
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
}

button
{
    font: inherit;

    cursor: pointer;
    text-decoration: none;

    color: inherit;
    border: none;
    background: transparent;
}

a
{
    cursor: pointer;
    text-decoration: none;

    color: inherit;
}

html
{
    -webkit-tap-highlight-color: transparent;
}

html
{
    --text-daark: #2d1f0b;
    --text-white: #fff;
    --fs-year: 34.561vw;
    --fs-md: 4.854vw /*20px*/;
    --fs-sm: 3.641vw /*15px*/;
    --p-80: 5.825vw;
    --container: 3.883vw;
}
@media (min-width: 769px)
{
    html
    {
        --fs-year: 36.458vw;
        --fs-md: 2.083vw /*40px*/;
        --fs-sm: 1.146vw /*22px*/;
        --container: 4.167vw;
        --p-80: 4.167vw;
    }
}

@font-face
{
    font-family: 'Circle';
    font-weight: 400;
    font-style: normal;

    src: url('../fonts/Circe-Regular.woff') format('woff');
}
@font-face
{
    font-family: 'Circle';
    font-weight: 350;
    font-style: normal;

    src: url('../fonts/Circe-Light.woff') format('woff');
}
html
{
    font-family: 'Circle', sans-serif;
    font-size: clamp(16px, 16px + 2 * (100vw - 1024px) / 896, 18px);
    font-weight: 400;

       -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
            text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-weight: 400;
}

.title_year
{
    font-size: var(--fs-year);
    font-weight: 350;

    text-align: center;
    letter-spacing: -.009em;
}

.card
{
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

img
{
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}

a[href],
button,
.button
{
    cursor: pointer;
    -webkit-transition: .18s ease-out;
            transition: .18s ease-out;

    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
}

.disabled,
[disabled]
{
    cursor: default;
    pointer-events: none;

    opacity: .3;
}

.hidden
{
    display: none !important;
}

*
{
    scroll-margin: calc(var(--headerHeight) + 2rem);
}

html
{
    scroll-behavior: smooth;
    scrollbar-gutter: stable;
}

body
{
    margin: 0 auto;

    scrollbar-gutter: stable;
}

.slider_controls
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3.333vw;
}
.slider_controls .swiper--prev,
.slider_controls .swiper--next
{
    width: 5.742vw;

    cursor: pointer;

    background-repeat: no-repeat;
    background-size: contain;

    aspect-ratio: 1/1;
}
@media (min-width: 769px)
{
    .slider_controls .swiper--prev,
    .slider_controls .swiper--next
    {
        width: 1.667vw;
    }
}
.slider_controls .swiper--prev[class*=-disabled],
.slider_controls .swiper--next[class*=-disabled]
{
    opacity: .3;
}
.slider_controls .swiper--prev
{
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'32\' height=\'32\' viewBox=\'0 0 32 32\' fill=\'none\'%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M14.0411 7.29289C14.4316 7.68342 14.4316 8.31658 14.0411 8.70711L7.7482 15H26.6673C27.2196 15 27.6673 15.4477 27.6673 16C27.6673 16.5523 27.2196 17 26.6673 17H7.7482L14.0411 23.2929C14.4316 23.6834 14.4316 24.3166 14.0411 24.7071C13.6506 25.0976 13.0174 25.0976 12.6269 24.7071L4.62688 16.7071C4.23635 16.3166 4.23635 15.6834 4.62688 15.2929L12.6269 7.29289C13.0174 6.90237 13.6506 6.90237 14.0411 7.29289Z\' fill=\'white\'/%3E%3C/svg%3E');
}
.slider_controls .swiper--next
{
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'32\' height=\'32\' viewBox=\'0 0 32 32\' fill=\'none\'%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M17.9602 7.29289C18.3507 6.90237 18.9839 6.90237 19.3744 7.29289L27.3744 15.2929C27.7649 15.6834 27.7649 16.3166 27.3744 16.7071L19.3744 24.7071C18.9839 25.0976 18.3507 25.0976 17.9602 24.7071C17.5697 24.3166 17.5697 23.6834 17.9602 23.2929L24.2531 17H5.33398C4.7817 17 4.33398 16.5523 4.33398 16C4.33398 15.4477 4.7817 15 5.33398 15H24.2531L17.9602 8.70711C17.5697 8.31658 17.5697 7.68342 17.9602 7.29289Z\' fill=\'white\'/%3E%3C/svg%3E');
}

.nav
{
    position: fixed;
    z-index: 150;
    bottom: 2vh;
    left: 50%;

    width: 100%;
    max-width: calc(100vw - var(--container) * 2);

    -webkit-transition: bottom .18s ease-in-out;
            transition: bottom .18s ease-in-out;

    color: var(--text-white);
    border-radius: 8px;
    background-color: rgba(30, 30, 30, .9);

    translate: -50% 0;
    -webkit-backdrop-filter: blur(40px);
            backdrop-filter: blur(40px);
}
@media (min-width: 769px)
{
    .nav
    {
        max-width: 29.688vw;
    }
}
.nav__wrapper
{
    display: grid;

    grid-template-columns: 12.136vw 1fr 12.136vw;
    gap: 16px;
}
@media (min-width: 769px)
{
    .nav__wrapper
    {
        grid-template-columns: 5vw 1fr 5vw;
    }
}
.nav__logo
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 12.136vw;
    height: 100%;
    padding: 2.913vw 0 2.913vw 3.883vw;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    aspect-ratio: 50/30;
}
@media (min-width: 769px)
{
    .nav__logo
    {
        width: 3.75vw;
        padding: .938vw 0 .938vw 1.25vw;
    }
}
.nav__logo img
{
    -o-object-fit: contain;
       object-fit: contain;
}
.nav__scroll
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    width: 100%;
    height: 100%;
    padding: 2.427vw 0;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
@media (min-width: 769px)
{
    .nav__scroll
    {
        padding: .938vw 0;
    }
}
.nav__scroll:after,
.nav__scroll:before
{
    font-size: 3.883vw;

    position: absolute;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-transition: opacity .3s ease;
            transition: opacity .3s ease;
    pointer-events: none;

    opacity: 0;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    inset: 0;
}
@media (min-width: 769px)
{
    .nav__scroll:after,
    .nav__scroll:before
    {
        font-size: 1.042vw;
    }
}
.nav__scroll:before
{
    content: 'Закрыть меню';
}
.nav__scroll:after
{
    content: 'Путешествуем во времени...';
}
.nav__action
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 100%;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.nav [class^=icon-]
{
    position: absolute;

    width: 5.34vw;

    opacity: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    aspect-ratio: 1/1;
}
@media (min-width: 769px)
{
    .nav [class^=icon-]
    {
        width: 1.5vw;
    }
}
.nav .icon-burger
{
    cursor: pointer;

    opacity: 1;
    background-image: url('data:image/svg+xml,%3Csvg width=\'32\' height=\'24\' viewBox=\'0 0 32 24\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M32 24H0V22H32V24ZM32 13H0V11H32V13ZM32 2H0V0H32V2Z\' fill=\'white\'/%3E%3C/svg%3E%0A');
}
.nav .icon-loading
{
    pointer-events: none;

    background-image: url('data:image/svg+xml,%3Csvg width=\'26\' height=\'26\' viewBox=\'0 0 26 26\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M25.0205 2.39355L14.4141 12.999L25.042 23.627L23.627 25.042L12.999 14.4141L2.39355 25.0205L0.979492 23.6064L11.585 13L1 2.41406L2.41406 1L13 11.585L23.6064 0.979492L25.0205 2.39355Z\' fill=\'white\'/%3E%3Cpath d=\'M23.627 25.042L12.999 14.4141L2.39355 25.0205L23.627 25.042Z\' fill=\'white\'/%3E%3Cpath d=\'M2.41406 1L13 11.585L23.6064 0.979492L2.41406 1Z\' fill=\'white\'/%3E%3Cpath d=\'M1 2.41406L2.41406 1H1V2.41406Z\' fill=\'white\'/%3E%3Cpath d=\'M23.6064 0.979492L25.0205 2.39355V0.979492H23.6064Z\' fill=\'white\'/%3E%3Cpath d=\'M25.042 23.627L23.627 25.042H25.042V23.627Z\' fill=\'white\'/%3E%3Cpath d=\'M2.39355 25.0205L0.979492 23.6064V25.0205H2.39355Z\' fill=\'white\'/%3E%3C/svg%3E%0A');
}
.nav .icon-close
{
    cursor: pointer;
    pointer-events: none;

    background-image: url('data:image/svg+xml,%3Csvg width=\'26\' height=\'26\' viewBox=\'0 0 26 26\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath d=\'M25.0205 2.39355L14.4141 12.999L25.042 23.627L23.627 25.042L12.999 14.4141L2.39355 25.0205L0.979492 23.6064L11.585 13L1 2.41406L2.41406 1L13 11.585L23.6064 0.979492L25.0205 2.39355Z\' fill=\'white\'/%3E%3C/svg%3E%0A');
}

.page.open_menu .nav__scroll .timeline
{
    opacity: 0;
}
.page.open_menu .nav__scroll:before
{
    opacity: 1;
}
.page.open_menu .nav .icon-close
{
    pointer-events: auto;

    opacity: 1;
}
.page.open_menu .nav .icon-burger
{
    pointer-events: none;

    opacity: 0;
}

.page.loading .nav__scroll .timeline
{
    opacity: 0;
}
.page.loading .nav__scroll:after
{
    opacity: 1;
}
.page.loading .nav .icon-loading
{
    -webkit-animation: Loading 5s linear infinite;
            animation: Loading 5s linear infinite;
    pointer-events: auto;

    opacity: 1;
}
.page.loading .nav .icon-burger
{
    pointer-events: none;

    opacity: 0;
}

@-webkit-keyframes Loading
{
    0%
    {
        rotate: 0;
    }
    100%
    {
        rotate: 360deg;
    }
}

@keyframes Loading
{
    0%
    {
        rotate: 0;
    }
    100%
    {
        rotate: 360deg;
    }
}
.timeline
{
    position: relative;

    width: 100%;
    height: 100%;
    padding: 0 20px;

    -webkit-mask-image: linear-gradient(86deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(86deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 20%, rgb(0, 0, 0) 80%, rgba(0, 0, 0, 0) 100%);
}
.timeline:after
{
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 50%;

    width: 1px;
    height: 19px;

    content: '';

    background-color: #fff;

    translate: -50% 0;
}
.timeline__labels
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;

    height: 100%;

    scrollbar-width: none;
    -ms-overflow-style: none;
}
.timeline__labels::-webkit-scrollbar
{
    display: none;
}
.timeline__labels:after
{
    position: absolute;
    bottom: 0;

    width: 10000%;
    height: 12px;

    content: '';

    opacity: .7;
    background: linear-gradient(90deg, transparent 0%, transparent calc(3.883vw - 1px), rgba(255, 255, 255, .7) calc(3.883vw - 1px), rgba(255, 255, 255, .7) 3.883vw, transparent 3.883vw, transparent 100%) repeat;
    background-size: 3.883vw 100%;
}
@media (min-width: 769px)
{
    .timeline__labels:after
    {
        background: linear-gradient(90deg, transparent 0%, transparent calc(1.042vw - 1px), rgba(255, 255, 255, .7) calc(1.042vw - 1px), rgba(255, 255, 255, .7) 1.042vw, transparent 1.042vw, transparent 100%) repeat;
        background-size: 1.042vw 100%;
    }
}
.timeline__label
{
    font-size: 13px;

    width: 300px;
    padding-bottom: 20px;

    -webkit-transition: opacity .3s ease;
            transition: opacity .3s ease;

    opacity: .3;
    color: #fff;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}
@media (min-width: 769px)
{
    .timeline__label
    {
        font-size: .833vw;

        width: 200px;
    }
}
.timeline__label:first-child
{
    width: 600px;
}
@media (min-width: 769px)
{
    .timeline__label:first-child
    {
        width: 400px;
    }
}
.timeline__label_title
{
    position: sticky;
    left: 50%;

    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;
    padding-left: 3px;

    translate: -50% 0;
}
.timeline__label.active
{
    opacity: 1;
    color: #f0c14b;
}

.is_end .nav
{
    bottom: 80px;
}
.is_end .menu__wrapper
{
    margin-bottom: calc(var(--navHeight) + 70px + 20px);
}

.menu
{
    position: fixed;
    z-index: 50;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-transition: .2s ease-in-out;
            transition: .2s ease-in-out;
    pointer-events: none;

    opacity: 0;

    inset: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    translate: 0 20%;
}
.menu__wrapper
{
    max-width: calc(100vw - var(--container));
    margin-bottom: calc(var(--navHeight) + 2vh + 20px);

    color: #fff;
    border-radius: 8px;
    background: rgba(30, 30, 30, .8980392157);

    -webkit-backdrop-filter: blur(40px);
            backdrop-filter: blur(40px);
}
@media (min-width: 769px)
{
    .menu__wrapper
    {
        max-width: 29.688vw;
    }
}
.menu__timeline
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: 1.942vw 4.854vw;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 769px)
{
    .menu__timeline
    {
        padding: .625vw 1.667vw;
    }
}
.menu__timeline_item
{
    font-size: 3.883vw;

    position: relative;

    padding: 3.883vw 0 3.883vw 3.883vw;

    opacity: .5;
}
@media (min-width: 769px)
{
    .menu__timeline_item
    {
        font-size: 1.042vw;

        padding: 1.042vw 0 1.042vw 20px;
    }
}
.menu__timeline_item:before
{
    position: absolute;
    top: 0;
    left: 0;

    width: 1px;
    height: 100%;

    content: '';

    background-color: rgba(255, 255, 255, .12);
}
.menu__timeline_item:last-child:before,
.menu__timeline_item:first-child:before
{
    height: 50%;
}
.menu__timeline_item:first-child:before
{
    top: auto;
    bottom: 0;
}
.menu__timeline_item:after
{
    position: absolute;
    top: calc(50% - .728vw);
    left: -3px;

    width: 1.456vw;
    height: 1.456vw;

    content: '';

    border-radius: 50px;
    background-color: #fff;

    translate: 0 -50%;
}
@media (min-width: 769px)
{
    .menu__timeline_item:after
    {
        top: calc(50% - 3px);

        width: 6px;
        height: 6px;
    }
}
.menu__timeline_item.is_active
{
    opacity: 1;
}
.menu__action
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 5.825vw 4.854vw;

    border-top: 1px solid rgba(255, 255, 255, .12);

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20vw;
}
@media (min-width: 769px)
{
    .menu__action
    {
        padding: 2.083vw 1.667vw;

        gap: 1.667vw;
    }
}
.menu__action p
{
    font-size: 3.398vw;
}
@media (min-width: 769px)
{
    .menu__action p
    {
        font-size: 1.042vw;

        max-width: 18.542vw;
    }
}
.menu .button
{
    font-size: 3.398vw;
    line-height: 1em;

    display: inline-block;

    padding: 2.184vw 2.427vw;

    color: #101011;
    border-radius: 4px;
    background-color: #fff;
}
@media (min-width: 769px)
{
    .menu .button
    {
        font-size: .833vw;

        padding: .625vw 1.042vw;
    }
}

.open_menu .menu
{
    pointer-events: auto;

    opacity: 1;

    translate: 0 0;
}

.preloader
{
    position: fixed;
    z-index: 100;

    pointer-events: none;

    opacity: 0;

    inset: 0;
}
.preloader__wrapper
{
    position: relative;

    width: 100%;
    height: 100%;
}
.preloader__wrapper [data-year]
{
    position: absolute;

    inset: 0;
}
.preloader [data-year=hero]
{
    background-color: #fff;
}
.preloader [data-year=hero] .data-year_wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    height: 100%;
    margin: 0 var(--container);

    background: linear-gradient(90deg, rgba(0, 0, 0, .06) 0%, transparent 1px, transparent calc(25% - 1px), rgba(0, 0, 0, .06) calc(25% - 1px), rgba(0, 0, 0, .06) 25%, transparent 25%, transparent calc(50% - 1px), rgba(0, 0, 0, .06) calc(50% - 1px), rgba(0, 0, 0, .06) 50%, transparent 50%, transparent calc(75% - 1px), rgba(0, 0, 0, .06) calc(75% - 1px), rgba(0, 0, 0, .06) 75%, transparent 75%, transparent calc(100% - 1px), rgba(0, 0, 0, .06) 100%);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-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;
    gap: 3em;
}
@media (min-width: 769px)
{
    .preloader [data-year=hero] .data-year_wrapper
    {
        display: grid;

        grid-template-columns: repeat(4, 1fr);
    }
}
.preloader [data-year=hero] .data-year_content
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin: auto 1px;
    padding: var(--p-80);

    background-color: #fff;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3.828vw;
}
@media (min-width: 769px)
{
    .preloader [data-year=hero] .data-year_content
    {
        max-width: 45.833vw;

        gap: 1.667vw;
        grid-column: 2/4;
    }
}
.preloader [data-year=hero] .data-year_content:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 99vw;
    height: 100%;

    content: '';
    pointer-events: none;

    border-top: 1px solid rgba(0, 0, 0, .06);
    border-bottom: 1px solid rgba(0, 0, 0, .06);

    translate: -50% -50%;
}
.preloader [data-year=hero] img
{
    width: 60vw;
    height: auto;

    aspect-ratio: 168/102;
    -o-object-fit: contain;
       object-fit: contain;
}
@media (min-width: 769px)
{
    .preloader [data-year=hero] img
    {
        width: 8.75vw;
    }
}
.preloader [data-year=hero] .timeline
{
    height: auto;
}
@media (min-width: 769px)
{
    .preloader [data-year=hero] .timeline
    {
        max-width: 22.396vw;
    }
}
.preloader [data-year=hero] .timeline:after
{
    height: 35px;

    background-color: #121212;
}
.preloader [data-year=hero] .timeline__labels:after
{
    width: 200%;
    height: 21px;

    -webkit-animation: scrollLine 15s linear infinite;
            animation: scrollLine 15s linear infinite;

    background: linear-gradient(90deg, transparent 0%, transparent calc(3.883vw - 1px), rgba(255, 255, 255, .3) calc(3.883vw - 1px), rgba(255, 255, 255, .3) 3.883vw, transparent 3.883vw, transparent 100%);
    background-size: 3.883vw 100%;

    -webkit-filter: invert(1);
            filter: invert(1);
}
@media (min-width: 769px)
{
    .preloader [data-year=hero] .timeline__labels:after
    {
        background: linear-gradient(90deg, transparent 0%, transparent calc(1.823vw - 1px), rgba(255, 255, 255, .3) calc(1.823vw - 1px), rgba(255, 255, 255, .3) 1.823vw, transparent 1.823vw, transparent 100%);
        background-size: 1.823vw 100%;
    }
}
.preloader [data-year=hero] .timeline__label
{
    width: 100%;
    min-width: auto;
    padding-bottom: 40px;

    opacity: 1;
    color: #121212;
}
@media (min-width: 769px)
{
    .preloader [data-year=hero] .timeline__label
    {
        font-size: 1.458vw;
    }
}

.loading .preloader
{
    opacity: 1;
}
.loading .preloader__wrapper
{
    -webkit-animation: preloaderTranslate 2s ease-in-out forwards;
            animation: preloaderTranslate 2s ease-in-out forwards;
}

.first_loading .preloader
{
    z-index: 1000;

    opacity: 1;
}
.first_loading .preloader__wrapper
{
    -webkit-animation: preloaderTranslateFirst 2s ease-in-out forwards;
            animation: preloaderTranslateFirst 2s ease-in-out forwards;
}
.first_loading .preloader [data-year]:not(:first-child)
{
    opacity: 0;
}

@-webkit-keyframes preloaderTranslate
{
    0%
    {
        translate: 0 100%;
    }
    20%
    {
        translate: 0 0;
    }
    80%
    {
        translate: 0 0;
    }
    100%
    {
        translate: 0 -100%;
    }
}

@keyframes preloaderTranslate
{
    0%
    {
        translate: 0 100%;
    }
    20%
    {
        translate: 0 0;
    }
    80%
    {
        translate: 0 0;
    }
    100%
    {
        translate: 0 -100%;
    }
}
@-webkit-keyframes preloaderTranslateFirst
{
    0%
    {
        translate: 0 0;
    }
    80%
    {
        translate: 0 0;
    }
    100%
    {
        translate: 0 -100%;
    }
}
@keyframes preloaderTranslateFirst
{
    0%
    {
        translate: 0 0;
    }
    80%
    {
        translate: 0 0;
    }
    100%
    {
        translate: 0 -100%;
    }
}
.hero
{
    height: 200vh;
}
.hero__logo
{
    position: absolute;
    z-index: 3;
    top: 5%;
    left: 50%;

    max-width: 29.369vw;

    translate: -50% 0;
    aspect-ratio: 181/72;
}
@media (min-width: 769px)
{
    .hero__logo
    {
        max-width: 9.427vw;
    }
}
.hero__media
{
    position: sticky;
    top: 0;

    height: 100vh;
}
.hero__title
{
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    height: 100vh;

    text-align: center;

    color: var(--text-white);

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.hero__title h2
{
    font-size: 19.417vw;
}
@media (min-width: 769px)
{
    .hero__title h2
    {
        font-size: 7.083vw;
    }
}
.hero__title p
{
    font-size: 4.854vw;
    line-height: 1.2;
}
@media (min-width: 769px)
{
    .hero__title p
    {
        font-size: 2.083vw;
    }
}

.project
{
    position: relative;
    z-index: 1;

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100vh, transparent), color-stop(100vh, #e4dfc9), to(#e4dfc9));
    background: linear-gradient(to bottom, transparent 0, transparent 100vh, #e4dfc9 100vh, #e4dfc9 100%);
}
.project .wrapper
{
    margin: 0 var(--container);

    border-right: 1px solid #624e31;
    border-left: 1px solid #624e31;
}
.project__content
{
    position: relative;
    z-index: 2;

    overflow: hidden;

    background-color: #e4dfc9;
}
.project h4
{
    font-size: var(--fs-md);
    line-height: 1.3;
}
.project p
{
    font-size: var(--fs-sm);
    line-height: 1.5;
}
@media (min-width: 769px)
{
    .project-row-1
    {
        display: grid;

        grid-template-columns: 1fr 1fr;
    }
}
.project-row-1 > div:first-child
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.project-row-1 > div:first-child h4
{
    padding: var(--p-80);
}
.project-row-1 > div:first-child img,
.project-row-1 > div:first-child video
{
    width: 100%;
    height: auto;

    aspect-ratio: 880/454;
    -o-object-fit: cover;
       object-fit: cover;
}
.project-row-1 > div:last-child
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: var(--p-80);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 5.825vw;
}
@media (min-width: 769px)
{
    .project-row-1 > div:last-child
    {
        margin-left: -1px;

        border-left: 1px solid #624e31;

        gap: 3.854vw;
    }
}
.project-row-1 > div:last-child div
{
    position: relative;
}
.project-row-1 > div:last-child div:after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: calc((var(--p-80) + 1.8vw) * -1);

    width: 2.913vw;
    height: 2.913vw;

    content: '';

    border: 1px solid #624e31;
    border-radius: 50px;
    background-color: #e4dfc9;
}
@media (min-width: 769px)
{
    .project-row-1 > div:last-child div:after
    {
        left: calc((var(--p-80) + .417vw) * -1);

        width: .833vw;
        height: .833vw;
    }
}
@media (min-width: 769px)
{
    .project-row-2
    {
        display: grid;

        grid-template-columns: repeat(2, 1fr);
    }
}
.project-row-2 > div
{
    padding: var(--p-80);
}
@media (min-width: 769px)
{
    .project-row-2 > div:first-child
    {
        border-right: 1px solid #624e31;
    }
}
.project-row-2 > div:last-child
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    border-top: 1px solid #624e31;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: var(--p-80);
}
@media (min-width: 769px)
{
    .project-row-2 > div:last-child
    {
            flex-direction: row;

        border: none;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
.project-row-3
{
    display: grid;

    border-top: 1px solid #624e31;

    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 769px)
{
    .project-row-3
    {
        grid-template-columns: repeat(4, 1fr);
    }
}
.project-row-3 > div
{
    padding: var(--p-80);
}
.project-row-3 > div:first-child
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.project-row-3 > div:first-child img
{
    aspect-ratio: 280/370;
}
.project-row-3 > div:nth-child(2)
{
    border-right: 1px solid #624e31;
    border-left: 1px solid #624e31;
}
.project-row-3 > div:nth-child(2) img
{
    aspect-ratio: 280/477;
}
.project-row-3 > div:last-child
{
    grid-column: span 2;
}
@media (max-width: 768px)
{
    .project-row-3 > div:last-child
    {
        border-top: 1px solid #624e31;
    }
}
.project-row-3 > div:last-child img
{
    aspect-ratio: 720/463;
}
@media (min-width: 769px)
{
    .project-row-4
    {
        display: grid;

        grid-template-columns: repeat(4, 1fr);
    }
}
.project-row-4 div
{
    position: relative;
}
.project-row-4 img
{
    position: absolute;

    mix-blend-mode: darken;
    inset: 0;
}
@media (min-width: 769px)
{
    .project-row-4 > div:first-child
    {
        display: grid;

        grid-template-rows: repeat(3, 1fr);
    }
}
.project-row-4 > div:first-child div
{
    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;
}
.project-row-4 > div:first-child div:first-child
{
    border-bottom: 1px solid #624e31;
}
@media (max-width: 768px)
{
    .project-row-4 > div:first-child div:first-child
    {
        aspect-ratio: initial;
    }
}
.project-row-4 > div:first-child h4
{
    padding: var(--p-80) 0;
}
@media (min-width: 769px)
{
    .project-row-4 > div:first-child h4
    {
        max-width: 14.583vw;

        text-align: center;
    }
}
.project-row-4 > div:last-child
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    grid-column: span 3;
}
.project-row-4 > div:last-child p
{
    position: absolute;
    top: 0;
    left: 0;

    margin: var(--p-80);
}
@media (min-width: 769px)
{
    .project-row-4 > div:last-child p
    {
        max-width: 14.583vw;
    }
}
@media (max-width: 768px)
{
    .project-row-4 > div:last-child img
    {
        position: static;

        padding-top: 20vh;
    }
}
.project .-line-top
{
    position: relative;
}
.project .-line-top:after
{
    position: absolute;
    top: 0;
    left: 50%;

    width: 100vw;

    content: '';

    border-top: 1px solid #624e31;

    translate: -50% 0;
}
.project-row-5
{
    padding: 10vh 0 10vh;
}
@media (min-width: 769px)
{
    .project-row-5
    {
        display: grid;

        height: 100vh;
        padding: 0;

        background: linear-gradient(90deg, transparent 0%, transparent calc(25% - 1px), #624e31 calc(25% - 1px), #624e31 25%, transparent 25%, transparent calc(50% - 1px), #624e31 calc(50% - 1px), #624e31 50%, transparent 50%, transparent calc(75% - 1px), #624e31 calc(75% - 1px), #624e31 75%, transparent 75%);

        -ms-flex-line-pack: center;
        align-content: center;
        grid-template-columns: repeat(4, 1fr);
    }
}
.project-row-5 img,
.project-row-5 video
{
    width: 100%;

    grid-column: 2/4;
}
.project-row-5 p
{
    font-size: 10.526vw;
    font-weight: 300;

    position: absolute;
    top: 50%;
    left: 50%;

    color: #e4dfc9;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);

    translate: -50% -50%;
}
@media (min-width: 769px)
{
    .project-row-5 p
    {
        font-size: 5vw;
    }
}

.project__title
{
    position: relative;
    z-index: 2;

    height: 200vh;
    margin-top: -100vh;
}

.title_scrolling
{
    position: absolute;
    top: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 200vh;

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.title_scrolling_wrapper
{
    position: relative;

    width: 100%;
    height: 100%;
}
.title_scrolling.-color-white
{
    color: #fff;
}
.title_scrolling.-color-black
{
    z-index: 2;

    color: #000;

    will-change: clip-path;
    -webkit-clip-path: inset(50% 0% 0% 0%);
            clip-path: inset(50% 0% 0% 0%);
}
.title_scrolling .title_year
{
    line-height: 1;

    position: sticky;
    top: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 100vh;

    font-variant-numeric: tabular-nums;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.title_scrolling .title_year .digit-container
{
    position: relative;

    display: inline-block;
    overflow: hidden;

    height: 1em;
}
.title_scrolling .title_year .digit-container:nth-child(-n+2) .digit-stack
{
    top: auto;
    bottom: 0;
}
.title_scrolling .title_year .digit-container .digit_stub
{
    opacity: 0;
}
.title_scrolling .title_year .digit-container .digit-stack
{
    position: absolute;

    width: 100%;
}
.title_scrolling .title_year .digit-container .digit-stack .digit
{
    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;
}

.opening
{
    background-color: #fbfbf9;
}
.opening__title_wrapper
{
    position: absolute;

    inset: 0;
}
.opening__title_wrapper .title_year
{
    position: sticky;
    top: 30vh;

    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;
}
@media (min-width: 769px)
{
    .opening__title_wrapper .title_year
    {
        top: 0;

        height: 100vh;
    }
}
.opening__anim
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin-bottom: var(--p-80);

    color: var(--text-white);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
.opening__anim .cosmos
{
    position: absolute;
    z-index: 1;

    inset: 0;
    -o-object-position: bottom center;
       object-position: bottom center;
    -o-object-fit: contain;
       object-fit: contain;
}
.opening__anim .human
{
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 0;

    width: 41.667vw;

    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: bottom center;
       object-position: bottom center;
}
@media (min-width: 769px)
{
    .opening__anim .human
    {
        z-index: 2;
    }
}
.opening__anim .text
{
    font-size: 4.854vw;

    position: absolute;
    z-index: 3;
    bottom: 25vh;
    left: 50%;

    width: 100%;
    max-width: 85vw;

    text-align: center;

    text-shadow: 0 2px 52px rgb(0, 0, 0);

    translate: -50% -50%;
}
@media (min-width: 769px)
{
    .opening__anim .text
    {
        font-size: 2.5vw;

        bottom: 50vh;

        max-width: 45.833vw;
    }
}
.opening__gallery
{
    overflow: hidden;
}
.opening__gallery_wrapper
{
    display: grid;

    width: 180%;

    grid-template-columns: repeat(3, 1fr);
    gap: 1.667vw;
}
@media (min-width: 769px)
{
    .opening__gallery_wrapper
    {
        width: 140%;
    }
}
.opening__gallery .card
{
    position: relative;

    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.opening__gallery .card__title
{
    font-size: 3.589vw;
    line-height: 1.5;

    position: absolute;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 1.667vw;

    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 100%);

    inset: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}
@media (min-width: 769px)
{
    .opening__gallery .card__title
    {
        font-size: 1.146vw;
    }
}
.opening__info .wrapper
{
    display: grid;

    padding: 0 var(--container);

    grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 769px)
{
    .opening__info .wrapper
    {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: auto 1fr;
    }
}
.opening__info .wrapper .text
{
    position: absolute;
}
.opening__info .wrapper div
{
    position: relative;
}
.opening__info .wrapper img
{
    height: auto;

    -o-object-fit: contain;
       object-fit: contain;
}
.opening__info .wrapper .title
{
    font-size: var(--fs-md);

    margin: 5vh 0;

    text-align: center;
}
@media (min-width: 769px)
{
    .opening__info .wrapper .title
    {
        max-width: 37.5vw;
        margin: 18vh 0 13vh;

        grid-column: 2/4;
    }
}
@media (max-width: 768px)
{
    .opening__info .wrapper .title
    {
        grid-column: span 2;
        grid-row: 1;
    }
}
.opening__info .wrapper .opening__info_item:nth-child(2)
{
    grid-column: 1;
}
@media (min-width: 769px)
{
    .opening__info .wrapper .opening__info_item:nth-child(2)
    {
        grid-row: 1/span 2;
    }
}
.opening__info .wrapper .opening__info_item:nth-child(2) .img
{
    padding-top: 18vh;
}
@media (min-width: 769px)
{
    .opening__info .wrapper .opening__info_item:nth-child(2) .img
    {
        padding-top: 32vh;
    }
}
.opening__info .wrapper .opening__info_item:nth-child(2) .text
{
    top: 0;
    left: 50%;

    width: 110%;

    translate: -50% 0;
}
.opening__info .wrapper .opening__info_item:nth-child(3)
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: 0 0 20vh;

    grid-column: 2/4;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-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;
}
@media (max-width: 768px)
{
    .opening__info .wrapper .opening__info_item:nth-child(3)
    {
        padding: 5vh 0 10vh;

        grid-row: 3;
        grid-column: span 2;
    }
}
.opening__info .wrapper .opening__info_item:nth-child(3) .img
{
    max-width: 77.67vw;
}
@media (min-width: 769px)
{
    .opening__info .wrapper .opening__info_item:nth-child(3) .img
    {
        max-width: 32.292vw;
    }
}
.opening__info .wrapper .opening__info_item:nth-child(3) .text
{
    bottom: 0;
    left: 0;

    max-width: 58.252vw;
}
@media (min-width: 769px)
{
    .opening__info .wrapper .opening__info_item:nth-child(3) .text
    {
        max-width: 25vw;
    }
}
.opening__info .wrapper .opening__info_item:last-child
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    grid-column: 2;
}
@media (min-width: 769px)
{
    .opening__info .wrapper .opening__info_item:last-child
    {
        grid-column: 4;
        grid-row: 1/span 2;
    }
}
.opening__info .wrapper .opening__info_item:last-child .img
{
    max-width: 29.126vw;
    margin-top: 5vh;
    margin-left: auto;
}
@media (min-width: 769px)
{
    .opening__info .wrapper .opening__info_item:last-child .img
    {
        max-width: 13.281vw;
        margin-top: 25vh;
    }
}
.opening__info .wrapper .opening__info_item:last-child .text
{
    position: static;
}
@media (min-width: 769px)
{
    .opening__info .wrapper .opening__info_item:last-child .text
    {
        max-width: 18.229vw;
    }
}

.olympics
{
    position: relative;

    background-color: #fbfbf9;
}
.olympics__top
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin-bottom: 10vw;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 769px)
{
    .olympics__top
    {
        margin-bottom: 25vw;
    }
}
.olympics .title_year
{
    text-align: center;

    color: rgb(195, 35, 4);
}
.olympics__center
{
    position: relative;
}
.olympics__center:after,
.olympics__center:before
{
    position: absolute;
    z-index: 3;
    top: 5vw;

    width: 7.708vw;
    height: calc(100% - 5vw);

    content: '';

    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'148\' height=\'1750\' viewBox=\'0 0 148 1750\' fill=\'none\'%3E%3Cg filter=\'url(%23filter0_n_235_2773)\'%3E%3Crect y=\'41.1173\' width=\'19.4922\' height=\'2110.91\' fill=\'%239B1E06\'/%3E%3C/g%3E%3Cg filter=\'url(%23filter1_n_235_2773)\'%3E%3Crect x=\'64.2539\' y=\'0.689941\' width=\'19.4922\' height=\'2191.77\' fill=\'%239B1E06\'/%3E%3C/g%3E%3Cg filter=\'url(%23filter2_n_235_2773)\'%3E%3Crect x=\'128.508\' y=\'41.1173\' width=\'19.4922\' height=\'2110.91\' fill=\'%239B1E06\'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id=\'filter0_n_235_2773\' x=\'0\' y=\'41.1173\' width=\'19.4922\' height=\'2110.91\' filterUnits=\'userSpaceOnUse\' color-interpolation-filters=\'sRGB\'%3E%3CfeFlood flood-opacity=\'0\' result=\'BackgroundImageFix\'/%3E%3CfeBlend mode=\'normal\' in=\'SourceGraphic\' in2=\'BackgroundImageFix\' result=\'shape\'/%3E%3CfeTurbulence type=\'fractalNoise\' baseFrequency=\'0.71428573131561279 0.71428573131561279\' stitchTiles=\'stitch\' numOctaves=\'3\' result=\'noise\' seed=\'9909\'/%3E%3CfeColorMatrix in=\'noise\' type=\'luminanceToAlpha\' result=\'alphaNoise\'/%3E%3CfeComponentTransfer in=\'alphaNoise\' result=\'coloredNoise1\'%3E%3CfeFuncA type=\'discrete\' tableValues=\'1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 \'/%3E%3C/feComponentTransfer%3E%3CfeComposite operator=\'in\' in2=\'shape\' in=\'coloredNoise1\' result=\'noise1Clipped\'/%3E%3CfeFlood flood-color=\'%23AC1D01\' result=\'color1Flood\'/%3E%3CfeComposite operator=\'in\' in2=\'noise1Clipped\' in=\'color1Flood\' result=\'color1\'/%3E%3CfeMerge result=\'effect1_noise_235_2773\'%3E%3CfeMergeNode in=\'shape\'/%3E%3CfeMergeNode in=\'color1\'/%3E%3C/feMerge%3E%3C/filter%3E%3Cfilter id=\'filter1_n_235_2773\' x=\'64.2539\' y=\'0.689941\' width=\'19.4922\' height=\'2191.77\' filterUnits=\'userSpaceOnUse\' color-interpolation-filters=\'sRGB\'%3E%3CfeFlood flood-opacity=\'0\' result=\'BackgroundImageFix\'/%3E%3CfeBlend mode=\'normal\' in=\'SourceGraphic\' in2=\'BackgroundImageFix\' result=\'shape\'/%3E%3CfeTurbulence type=\'fractalNoise\' baseFrequency=\'0.71428573131561279 0.71428573131561279\' stitchTiles=\'stitch\' numOctaves=\'3\' result=\'noise\' seed=\'9909\'/%3E%3CfeColorMatrix in=\'noise\' type=\'luminanceToAlpha\' result=\'alphaNoise\'/%3E%3CfeComponentTransfer in=\'alphaNoise\' result=\'coloredNoise1\'%3E%3CfeFuncA type=\'discrete\' tableValues=\'1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 \'/%3E%3C/feComponentTransfer%3E%3CfeComposite operator=\'in\' in2=\'shape\' in=\'coloredNoise1\' result=\'noise1Clipped\'/%3E%3CfeFlood flood-color=\'%23AC1D01\' result=\'color1Flood\'/%3E%3CfeComposite operator=\'in\' in2=\'noise1Clipped\' in=\'color1Flood\' result=\'color1\'/%3E%3CfeMerge result=\'effect1_noise_235_2773\'%3E%3CfeMergeNode in=\'shape\'/%3E%3CfeMergeNode in=\'color1\'/%3E%3C/feMerge%3E%3C/filter%3E%3Cfilter id=\'filter2_n_235_2773\' x=\'128.508\' y=\'41.1173\' width=\'19.4922\' height=\'2110.91\' filterUnits=\'userSpaceOnUse\' color-interpolation-filters=\'sRGB\'%3E%3CfeFlood flood-opacity=\'0\' result=\'BackgroundImageFix\'/%3E%3CfeBlend mode=\'normal\' in=\'SourceGraphic\' in2=\'BackgroundImageFix\' result=\'shape\'/%3E%3CfeTurbulence type=\'fractalNoise\' baseFrequency=\'0.71428573131561279 0.71428573131561279\' stitchTiles=\'stitch\' numOctaves=\'3\' result=\'noise\' seed=\'9909\'/%3E%3CfeColorMatrix in=\'noise\' type=\'luminanceToAlpha\' result=\'alphaNoise\'/%3E%3CfeComponentTransfer in=\'alphaNoise\' result=\'coloredNoise1\'%3E%3CfeFuncA type=\'discrete\' tableValues=\'1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 \'/%3E%3C/feComponentTransfer%3E%3CfeComposite operator=\'in\' in2=\'shape\' in=\'coloredNoise1\' result=\'noise1Clipped\'/%3E%3CfeFlood flood-color=\'%23AC1D01\' result=\'color1Flood\'/%3E%3CfeComposite operator=\'in\' in2=\'noise1Clipped\' in=\'color1Flood\' result=\'color1\'/%3E%3CfeMerge result=\'effect1_noise_235_2773\'%3E%3CfeMergeNode in=\'shape\'/%3E%3CfeMergeNode in=\'color1\'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E');
    background-position: top;
    background-size: contain;
}
.olympics__center:after
{
    left: 2.083vw;
}
.olympics__center:before
{
    right: 2.083vw;
    left: auto;
}
.olympics__build_wrapper
{
    position: relative;
    z-index: 1;

    height: auto;

    background-image: url('../vdnh/img/1980/build.png');
    background-position: top;
    background-size: 100%;

    aspect-ratio: 1365/854;
}
.olympics__build_wrapper:before
{
    position: absolute;
    z-index: -1;
    top: 0;

    width: 100%;
    height: 100%;

    content: '';

    background-image: url('../vdnh/img/1980/mask-2.png');
    background-repeat: no-repeat;
    background-position: center 1%;
    background-size: contain;
}
.olympics__build_wrapper:after
{
    position: absolute;
    z-index: 2;
    bottom: -1px;

    width: 100%;
    height: 30vh;

    content: '';

    background: -webkit-gradient(linear, left top, left bottom, from(rgba(195, 35, 4, 0)), color-stop(50%, rgb(195, 35, 4)));
    background: linear-gradient(180deg, rgba(195, 35, 4, 0) 0%, rgb(195, 35, 4) 50%);
}
@media (min-width: 769px)
{
    .olympics__build_wrapper:after
    {
        height: 70vh;
    }
}
.olympics__build_wrapper_moskow
{
    position: absolute;
    z-index: 10;
    top: 0;

    width: 100%;
}
.olympics__build_text
{
    position: relative;
}
.olympics__build_text p
{
    font-size: 4.854vw;

    position: absolute;
    z-index: 10;
    bottom: -10vh;
    left: 50%;

    width: 100%;
    max-width: 88vw;

    text-align: center;

    color: var(--text-white);

    translate: -50% 0;
}
@media (min-width: 769px)
{
    .olympics__build_text p
    {
        font-size: 2.083vw;

        bottom: 10vh;

        max-width: 44.167vw;
    }
}
.olympics__build:after
{
    position: absolute;
    top: 10%;
    left: 50%;

    width: 41.146vw;

    content: '';

    background-image: url('../vdnh/img/1980/star.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    aspect-ratio: 790/1200;
    translate: -50% -50%;
}
.olympics__gallery
{
    overflow: hidden;

    padding: 20vh 0 5vw 0;

    background-color: #c32304;
}
@media (min-width: 769px)
{
    .olympics__gallery
    {
        padding: 5vw 0;
    }
}
.olympics__gallery_wrapper
{
    position: relative;
    z-index: 5;

    display: grid;

    width: 180%;

    grid-template-columns: repeat(4, 1fr);
    gap: 1.667vw;
}
@media (min-width: 769px)
{
    .olympics__gallery_wrapper
    {
        width: 140%;
    }
}
.olympics__image_text
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column-reverse;

    color: #9b1e06;

    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
}
@media (min-width: 769px)
{
    .olympics__image_text
    {
        display: grid;

        grid-template-columns: 1fr 1fr;
    }
}
.olympics__image_text__content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-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;
    gap: 2.917vw;
}
@media (max-width: 768px)
{
    .olympics__image_text__content
    {
        padding: 11.65vw calc(var(--container) + 5.825vw);
    }
}
.olympics__image_text__content div
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 2.917vw;
}
@media (min-width: 769px)
{
    .olympics__image_text__content div
    {
        max-width: 33.333vw;
    }
}
.olympics__image_text__content h4
{
    font-size: 5.825vw;
    line-height: 1.3;
}
@media (min-width: 769px)
{
    .olympics__image_text__content h4
    {
        font-size: 2.5vw;
    }
}
.olympics__image_text__content ul
{
    font-size: 4.369vw;
    line-height: 1.4;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 1vw;
}
@media (min-width: 769px)
{
    .olympics__image_text__content ul
    {
        font-size: 1.458vw;
    }
}
.olympics__image_text__image
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.olympics__bottom
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 60vh;

    color: var(--text-white);
    background-color: #c32304;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 769px)
{
    .olympics__bottom
    {
        height: 100vh;
    }
}
.olympics__bottom_text
{
    font-size: var(--fs-md);
    line-height: 1.3;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    text-align: center;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 1vw;
}
@media (min-width: 769px)
{
    .olympics__bottom_text
    {
        max-width: 45.313vw;
    }
}
.olympics__bottom_image
{
    position: absolute;
    top: 50%;
    left: 50%;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 80%;

    translate: -50% -50%;
    aspect-ratio: 184/431;
}
.olympics__bottom_image img
{
    -o-object-position: bottom center;
       object-position: bottom center;
    -o-object-fit: contain;
       object-fit: contain;
}

.cosmonautics
{
    position: relative;

    color: var(--text-white);
    background-color: #03081b;

    --border: 1px solid rgba(255, 255, 255, .12);
}
.cosmonautics:after
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;

    width: 60%;

    content: '';
    pointer-events: none;

    background-image: url('../vdnh/img/1984/bck.png');
    background-repeat: no-repeat;
    background-size: contain;

    aspect-ratio: 1/1;
    translate: -50% 0;
}
.cosmonautics:before
{
    position: absolute;
    z-index: 1;
    top: 20vw;
    right: 15vw;
    left: auto;

    width: 70vw;

    content: '';
    pointer-events: none;

    background-image: url('../vdnh/img/1984/rocket.png');
    background-repeat: no-repeat;
    background-size: contain;

    aspect-ratio: 960/1390;
}
@media (min-width: 769px)
{
    .cosmonautics:before
    {
        top: 32vh;
        right: 8vw;

        width: 40vw;
    }
}
.cosmonautics__wrapper
{
    position: relative;

    overflow: hidden;
}
@media (max-width: 768px)
{
    .cosmonautics__wrapper
    {
        margin: 0 var(--container);

        border-right: var(--border);
        border-left: var(--border);
    }
}
@media (min-width: 769px)
{
    .cosmonautics__wrapper:after
    {
        position: absolute;
        top: 0;
        right: var(--container);
        bottom: 0;
        left: var(--container);

        content: '';
        pointer-events: none;

        background: linear-gradient(90deg, rgba(255, 255, 255, .12) 0%, transparent 1px, transparent calc(25% - 1px), rgba(255, 255, 255, .12) calc(25% - 1px), rgba(255, 255, 255, .12) 25%, transparent 25%, transparent calc(50% - 1px), rgba(255, 255, 255, .12) calc(50% - 1px), rgba(255, 255, 255, .12) 50%, transparent 50%, transparent calc(75% - 1px), rgba(255, 255, 255, .12) calc(75% - 1px), rgba(255, 255, 255, .12) 75%, transparent 75%, transparent calc(100% - 1px), rgba(255, 255, 255, .12) 100%);
    }
}
.cosmonautics__wrapper > .title_year
{
    position: relative;

    padding: 13.397vw 0 20vw;
}
@media (min-width: 769px)
{
    .cosmonautics__wrapper > .title_year
    {
        padding: 0;
    }
}
.cosmonautics__wrapper > .title_year:after
{
    position: absolute;

    content: '';
    pointer-events: none;

    background-image: url('../vdnh/img/1984/stars.svg');
    background-repeat: no-repeat;
    background-size: contain;
}
@media (max-width: 768px)
{
    .cosmonautics__wrapper > .title_year:after
    {
        top: 100%;
        left: 50%;

        width: 100vw;
        height: 150%;

        translate: -50% -50%;
    }
}
@media (min-width: 769px)
{
    .cosmonautics__wrapper > .title_year:after
    {
        inset: 0;
    }
}
.cosmonautics__content_row
{
    overflow: hidden;

    margin-bottom: 11.483vw;
    padding: 0;
}
@media (min-width: 769px)
{
    .cosmonautics__content_row
    {
        display: grid;

        margin-bottom: 9.375vw;
        padding: 0 var(--container);

        grid-template-columns: repeat(4, 1fr);
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}
.cosmonautics__content_row p
{
    line-height: 1.5;
}
@media (min-width: 769px)
{
    .cosmonautics__content_row p
    {
        font-size: 1.458vw;
    }
}
.cosmonautics__content_row h3
{
    font-size: 7.656vw;

    margin-bottom: 5.742vw;
}
@media (min-width: 769px)
{
    .cosmonautics__content_row h3
    {
        font-size: 3.333vw;

        margin-bottom: var(--p-80);
    }
}
.cosmonautics__content_row:first-child > div:first-child
{
    font-size: 5.263vw;
    line-height: 1.2;

    padding: 0 5.742vw 5.742vw;

    color: rgba(255, 255, 255, .3);
    border-bottom: var(--border);
}
@media (min-width: 769px)
{
    .cosmonautics__content_row:first-child > div:first-child
    {
        font-size: 1.667vw;

        padding: 0 var(--p-80) 2.083vw;
    }
}
@media (min-width: 769px)
{
    .cosmonautics__content_row:first-child > div:last-child
    {
        grid-column: 2/4;
    }
}
.cosmonautics__content_row:first-child > div:last-child > div:first-child
{
    padding: 2.5vw var(--p-80);
}
@media (min-width: 769px)
{
    .cosmonautics__content_row:first-child > div:last-child > div:first-child
    {
        padding: 0 var(--p-80) 4.167vw;
    }
}
.cosmonautics__content_row:first-child > div:last-child > div:last-child
{
    padding: 3.333vw var(--p-80);
}
.cosmonautics__content_row:first-child > div:last-child > div:last-child span
{
    color: #7c9cff;
}
.cosmonautics__content .image-text
{
    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column-reverse;

    margin: 0 1px;
    padding: var(--p-80);

    border-top: var(--border);
    border-bottom: var(--border);
    background-color: rgb(2, 8, 27);

    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    gap: 5.742vw;
}
@media (min-width: 769px)
{
    .cosmonautics__content .image-text
    {
        display: grid;

        padding: 4.167vw;

        grid-template-columns: 2fr 1fr;
        gap: var(--p-80);
    }
}
.cosmonautics__content .image-text div
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 8px;
}
@media (min-width: 769px)
{
    .cosmonautics__content .image-text div
    {
        gap: 16px;
    }
}
.cosmonautics__content .image-text span
{
    font-size: 3.589vw;
    line-height: 1.5;

    color: rgba(255, 255, 255, .8);
}
@media (min-width: 769px)
{
    .cosmonautics__content .image-text span
    {
        font-size: 1.146vw;
    }
}
.cosmonautics__content .image-text .image
{
    position: relative;
}
.cosmonautics__content .image-text .image:after
{
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;

    width: 250%;

    content: '';
    pointer-events: none;

    background-image: url('../vdnh/img/1984/image-text-bck.png');
    background-repeat: no-repeat;
    background-size: contain;

    aspect-ratio: 1/1;
    translate: -50% -50%;
}
.cosmonautics__content_row:nth-child(2) > div:first-child
{
    font-size: 5.263vw;
    line-height: 1.2;

    padding: 0 5.742vw 5.742vw;

    color: rgba(255, 255, 255, .3);
    border-bottom: var(--border);
}
@media (min-width: 769px)
{
    .cosmonautics__content_row:nth-child(2) > div:first-child
    {
        font-size: 1.667vw;

        padding: 0 var(--p-80) 2.083vw;
    }
}
.cosmonautics__content_row:nth-child(2) > div:last-child
{
    grid-column: 2/4;
}
.cosmonautics__content_row:last-child
{
    position: relative;
}
@media (max-width: 768px)
{
    .cosmonautics__content_row:last-child
    {
        display: grid;

        grid-template-columns: 1fr 1fr;
    }
}
.cosmonautics__content_row:last-child:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 100vw;
    height: 99%;

    content: '';
    pointer-events: none;

    border-top: var(--border);
    border-bottom: var(--border);

    translate: -50% -50%;
}
.cosmonautics__content_row:last-child div
{
    padding: var(--p-80);
}
.cosmonautics__content_row:last-child img
{
    mix-blend-mode: luminosity;
}
.cosmonautics__content_row:last-child div:first-child
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    grid-column: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: var(--p-80);
}
.cosmonautics__content_row:last-child div:nth-child(2)
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    height: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4.785vw;
}
@media (min-width: 769px)
{
    .cosmonautics__content_row:last-child div:nth-child(2)
    {
        gap: 2.083vw;
        grid-column: 2/4;
    }
}
@media (max-width: 768px)
{
    .cosmonautics__content_row:last-child div:nth-child(2)
    {
        padding: var(--p-80);

        border-bottom: var(--border);

        grid-column: span 2;
        grid-row: 1;
    }
}
.cosmonautics__content_row:last-child div:nth-child(2) p
{
    font-size: 4.785vw;
    line-height: 1.2;
}
@media (min-width: 769px)
{
    .cosmonautics__content_row:last-child div:nth-child(2) p
    {
        font-size: 2.083vw;
    }
}
.cosmonautics__content_row:last-child div:nth-child(2) span
{
    font-size: 3.589vw;
    line-height: 1.5;

    opacity: .8;
}
@media (min-width: 769px)
{
    .cosmonautics__content_row:last-child div:nth-child(2) span
    {
        font-size: 1.146vw;
    }
}
.cosmonautics__slider
{
    padding: 2.5vw 0 0;

    -webkit-clip-path: inset(0 -150% 0 0);
            clip-path: inset(0 -150% 0 0);
}
@media (min-width: 769px)
{
    .cosmonautics__slider
    {
        padding: 0;
    }
}
.cosmonautics__slider .card
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: 0 var(--p-80);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 7.656vw;
}
@media (min-width: 769px)
{
    .cosmonautics__slider .card
    {
        gap: 3.333vw;
    }
}
.cosmonautics__slider .card__content
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 24px;
}
.cosmonautics__slider .card__title
{
    font-size: 4.785vw;
    line-height: 1.2;
}
@media (min-width: 769px)
{
    .cosmonautics__slider .card__title
    {
        font-size: 2.083vw;
    }
}
.cosmonautics__slider .card__text
{
    font-size: 3.589vw;
    line-height: 1.5;

    opacity: .8;
}
@media (min-width: 769px)
{
    .cosmonautics__slider .card__text
    {
        font-size: 1.146vw;
    }
}
.cosmonautics__slider .card__image img
{
    height: auto;
}
.cosmonautics__slider .slider_controls
{
    margin-top: 3.333vw;
}

.movie
{
    position: relative;
}
.movie .pin-spacer
{
    background-color: #03081b;
}

.horizontal
{
    position: relative;

    overflow: hidden;

    width: 100%;
    padding-top: 0;

    color: var(--text-white);
    background-color: #03081b;
}
@media (min-width: 769px)
{
    .horizontal
    {
        padding-top: 25vh;
    }
}
.horizontal:after
{
    position: absolute;
    z-index: 2;
    top: 0;
    right: var(--container);
    bottom: 0;
    left: var(--container);

    content: '';
    pointer-events: none;

    background: linear-gradient(90deg, rgba(255, 255, 255, .12) 0%, transparent 1px, transparent calc(var(--container) - 1px), transparent, transparent calc(100% - 1px), rgba(255, 255, 255, .12) 100%);
}
@media (min-width: 769px)
{
    .horizontal:after
    {
        background: linear-gradient(90deg, rgba(255, 255, 255, .12) 0%, transparent 1px, transparent calc(25% - 1px), rgba(255, 255, 255, .12) calc(25% - 1px), rgba(255, 255, 255, .12) 25%, transparent 25%, transparent calc(50% - 1px), rgba(255, 255, 255, .12) calc(50% - 1px), rgba(255, 255, 255, .12) 50%, transparent 50%, transparent calc(75% - 1px), rgba(255, 255, 255, .12) calc(75% - 1px), rgba(255, 255, 255, .12) 75%, transparent 75%, transparent calc(100% - 1px), rgba(255, 255, 255, .12) 100%);
    }
}
.horizontal svg
{
    position: relative;
    z-index: 1;

    width: 100%;
    max-width: 880px;
    height: auto;
    margin-bottom: 20vh;

    cursor: pointer;

    aspect-ratio: 880/920;
}
.horizontal__wrapper
{
    position: relative;

    width: 100%;
    height: 100vh;

    -ms-touch-action: pan-y;
        touch-action: pan-y;
}
.horizontal__slides
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 100vh;

    -ms-touch-action: pan-x;
        touch-action: pan-x;
}
.horizontal .slide
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100vw;
    height: 100vh;

    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.horizontal .slide picture
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 100%;
}
.horizontal .slide img
{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;

    -o-object-position: center;
       object-position: center;
}
.horizontal .slide .back
{
    position: absolute;

    -o-object-fit: inherit;
       object-fit: inherit;
}
.horizontal .slide .title_year
{
    position: absolute;
    z-index: 1;
}
@media (max-width: 768px)
{
    .horizontal .slide .title_year
    {
        top: 15vh;
    }
}
.horizontal .slide .front
{
    position: absolute;
    z-index: 4;
}
.horizontal .slide .logo
{
    position: absolute;
    z-index: 2;
    bottom: 10vh;
    left: 50%;

    max-height: 20vh;

    translate: -50% 0;
    -o-object-fit: contain;
       object-fit: contain;
}
@media (min-width: 769px)
{
    .horizontal .slide .logo
    {
        bottom: 5vh;
    }
}
.horizontal .slide.movieClapperboard
{
    position: relative;
    z-index: 3;

    width: calc(100vw - var(--scrollbarWidth));
    padding: 0 var(--container);

    background-color: #03081b;
}
@media (min-width: 769px)
{
    .horizontal .slide.movieClapperboard
    {
        display: grid;

        grid-template-columns: repeat(4, 1fr);
    }
}
@media (min-width: 769px)
{
    .horizontal .slide.movieClapperboard svg
    {
        grid-column: 2/4;
    }
}
.horizontal .slide.movieClapperboard:after
{
    font-size: 4.369vw;
    line-height: 1.5;

    position: absolute;
    z-index: 100;
    top: 50%;
    left: 50%;

    display: block;

    width: 100%;
    max-width: 73.301vw;

    content: 'В 1984 году началась история гостиницы в кино. Первое появление случилось в легендарном советском фильме «Гостья из будушего»';

    translate: -50% -50%;
}
@media (min-width: 769px)
{
    .horizontal .slide.movieClapperboard:after
    {
        font-size: 2.083vw;

        top: 55%;

        max-width: 37.5vw;
    }
}
.horizontal .slide.guestFromFuture
{
    z-index: 2;
}
.horizontal .slide.dayWatch
{
    position: relative;
    z-index: 1;

    overflow: hidden;
}
.horizontal .slide.dayWatch:after
{
    position: absolute;

    content: '';

    background: -webkit-gradient(linear, left bottom, left top, from(#060605), color-stop(6.67%, rgba(6, 6, 5, .991353)), color-stop(13.33%, rgba(6, 6, 5, .96449)), color-stop(20%, rgba(6, 6, 5, .91834)), color-stop(26.67%, rgba(6, 6, 5, .852589)), color-stop(33.33%, rgba(6, 6, 5, .768225)), color-stop(40%, rgba(6, 6, 5, .668116)), color-stop(46.67%, rgba(6, 6, 5, .557309)), color-stop(53.33%, rgba(6, 6, 5, .442691)), color-stop(60%, rgba(6, 6, 5, .331884)), color-stop(66.67%, rgba(6, 6, 5, .231775)), color-stop(73.33%, rgba(6, 6, 5, .147411)), color-stop(80%, rgba(6, 6, 5, .0816599)), color-stop(86.67%, rgba(6, 6, 5, .03551)), color-stop(93.33%, rgba(6, 6, 5, .0086472)), to(rgba(6, 6, 5, 0)));
    background: linear-gradient(0deg, #060605 0%, rgba(6, 6, 5, .991353) 6.67%, rgba(6, 6, 5, .96449) 13.33%, rgba(6, 6, 5, .91834) 20%, rgba(6, 6, 5, .852589) 26.67%, rgba(6, 6, 5, .768225) 33.33%, rgba(6, 6, 5, .668116) 40%, rgba(6, 6, 5, .557309) 46.67%, rgba(6, 6, 5, .442691) 53.33%, rgba(6, 6, 5, .331884) 60%, rgba(6, 6, 5, .231775) 66.67%, rgba(6, 6, 5, .147411) 73.33%, rgba(6, 6, 5, .0816599) 80%, rgba(6, 6, 5, .03551) 86.67%, rgba(6, 6, 5, .0086472) 93.33%, rgba(6, 6, 5, 0) 100%);

    inset: 0;
}
.horizontal__note
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    color: var(--text-white);
    background-color: #060605;

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

    padding: var(--p-80) var(--container);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 2.083vw;
}
@media (min-width: 769px)
{
    .horizontal__note_content
    {
        max-width: 37.5vw;
    }
}
.horizontal__note p
{
    font-size: 7.656vw;
    line-height: 1.1;
}
@media (min-width: 769px)
{
    .horizontal__note p
    {
        font-size: 2.5vw;
    }
}
.horizontal__note span
{
    font-size: 4.306vw;
    line-height: 1.5;
}
@media (min-width: 769px)
{
    .horizontal__note span
    {
        font-size: 1.146vw;
    }
}

.now__bck
{
    position: sticky;
    top: 0;

    height: 100vh;
}
.now__bck img
{
    position: absolute;

    inset: 0;
}
.now__head
{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;

    text-align: center;

    color: var(--text-white);

    translate: -50% -50%;
}
.now__head_title
{
    font-size: 19.139vw;
    line-height: .9;
}
@media (min-width: 769px)
{
    .now__head_title
    {
        font-size: 7.083vw;
    }
}
.now__head_subtitle
{
    font-size: 4.785vw;
    line-height: 1.2;
}
@media (min-width: 769px)
{
    .now__head_subtitle
    {
        font-size: 2.083vw;
    }
}
.now__wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    padding: 0 2.188vw var(--p-80);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 50vh;
}
@media (min-width: 769px)
{
    .now__wrapper
    {
        display: grid;

        gap: 20vh;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        grid-template-columns: repeat(2, 1fr);
    }
}
.now__item
{
    padding: 5.742vw;

    color: #fff;
    border-radius: 12px;
    background: rgba(255, 255, 255, .15);

    -webkit-backdrop-filter: blur(40px);
            backdrop-filter: blur(40px);
}
@media (min-width: 769px)
{
    .now__item
    {
        max-width: 23vw;
        padding: 2.083vw;
    }
}
.now__item p
{
    font-size: 4.854vw;
    line-height: 1.2;

    margin-bottom: 2.913vw;
}
@media (min-width: 769px)
{
    .now__item p
    {
        font-size: 1.667vw;

        margin-bottom: .625vw;
    }
}
.now__item span
{
    font-size: 3.589vw;
    line-height: 1.5;
}
@media (min-width: 769px)
{
    .now__item span
    {
        font-size: 1.146vw;
    }
}
@media (min-width: 769px)
{
    .now__item:nth-child(even)
    {
        margin-top: 40vh;
        margin-left: auto;
    }
}

.footer
{
    position: relative;

    overflow: hidden;

    height: 100lvh;
}
.footer__wrapper
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 100%;
    margin: 0 var(--container);

    background: linear-gradient(90deg, rgba(0, 0, 0, .06) 0%, transparent 1px, transparent calc(25% - 1px), rgba(0, 0, 0, .06) calc(25% - 1px), rgba(0, 0, 0, .06) 25%, transparent 25%, transparent calc(50% - 1px), rgba(0, 0, 0, .06) calc(50% - 1px), rgba(0, 0, 0, .06) 50%, transparent 50%, transparent calc(75% - 1px), rgba(0, 0, 0, .06) calc(75% - 1px), rgba(0, 0, 0, .06) 75%, transparent 75%, transparent calc(100% - 1px), rgba(0, 0, 0, .06) 100%);

    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 769px)
{
    .footer__wrapper
    {
        display: grid;

        grid-template-columns: repeat(4, 1fr);
    }
}
.footer__content
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    margin: auto 1px;
    padding: var(--p-80);

    background-color: #fff;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3.828vw;
}
@media (min-width: 769px)
{
    .footer__content
    {
        max-width: 45.833vw;

        gap: 1.667vw;
        grid-column: 2/4;
    }
}
.footer__content:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 99vw;
    height: 100%;

    content: '';
    pointer-events: none;

    border-top: 1px solid rgba(0, 0, 0, .06);
    border-bottom: 1px solid rgba(0, 0, 0, .06);

    translate: -50% -50%;
}
.footer__content_text
{
    font-size: 4.785vw;

    text-align: center;
}
@media (min-width: 769px)
{
    .footer__content_text
    {
        font-size: 2.083vw;
    }
}
.footer__content .button
{
    font-size: 3.883vw;
    line-height: 1em;

    display: inline-block;

    padding: 2.913vw 3.883vw;

    border: 1px solid rgb(167, 168, 171);
    border-radius: 4px;
}
@media (min-width: 769px)
{
    .footer__content .button
    {
        font-size: 1.25vw;

        padding: .9vw 1.042vw;
    }
}
@media (min-width: 769px)
{
    .footer .timeline
    {
        max-width: 22.396vw;
    }
}
.footer .timeline:after
{
    height: 35px;

    background-color: #121212;
}
.footer .timeline__labels:after
{
    width: 200%;
    height: 21px;

    -webkit-animation: scrollLine 15s linear infinite;
            animation: scrollLine 15s linear infinite;

    background: linear-gradient(90deg, transparent 0%, transparent calc(3.883vw - 1px), rgba(255, 255, 255, .3) calc(3.883vw - 1px), rgba(255, 255, 255, .3) 3.883vw, transparent 3.883vw, transparent 100%);
    background-size: 3.883vw 100%;

    -webkit-filter: invert(1);
            filter: invert(1);
}
@media (min-width: 769px)
{
    .footer .timeline__labels:after
    {
        background: linear-gradient(90deg, transparent 0%, transparent calc(1.823vw - 1px), rgba(255, 255, 255, .3) calc(1.823vw - 1px), rgba(255, 255, 255, .3) 1.823vw, transparent 1.823vw, transparent 100%);
        background-size: 1.823vw 100%;
    }
}
.footer .timeline__label
{
    width: 100%;
    min-width: auto;
    padding-bottom: 40px;

    opacity: 1;
    color: #121212;
}
@media (min-width: 769px)
{
    .footer .timeline__label
    {
        font-size: 1.458vw;
    }
}
.footer__note
{
    font-size: 3.349vw;

    position: absolute;
    bottom: 2vh;
    left: 50%;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        flex-direction: column;

    text-align: center;
    white-space: nowrap;

    color: rgba(18, 18, 18, .5);

    translate: -50% 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 6px;
}
@media (min-width: 769px)
{
    .footer__note
    {
        font-size: .833vw;
    }
}
.footer__note a:hover
{
    opacity: .8;
}

@-webkit-keyframes scrollLine
{
    0%
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100%
    {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}

@keyframes scrollLine
{
    0%
    {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
    100%
    {
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
    }
}