:root{
    --spacing:20px;
    --spacing-0:0px;
    --spacing-0-5:calc(var(--spacing) * 0.5);
    --spacing-0-7:calc(var(--spacing) * 0.7);
    --spacing-0-75:calc(var(--spacing) * 0.75);
    --spacing--0-75:calc(var(--spacing) * -0.75);
    --spacing-1:var(--spacing);
    --spacing-1-2:calc(var(--spacing) * 1.2);
    --spacing-1-5:calc(var(--spacing) * 1.5);
    --spacing--1-5:calc(var(--spacing) * -1.5);
    --spacing-1-75:calc(var(--spacing) * 1.75);
    --spacing--1-75:calc(var(--spacing) * -1.75);
    --spacing-1-9:calc(var(--spacing) * 1.9);
    --spacing-2:calc(var(--spacing) * 2);
    --spacing-2-25:calc(var(--spacing) * 2.25);
    --spacing-2-5:calc(var(--spacing) * 2.5);
    --spacing-2-75:calc(var(--spacing) * 2.75);
    --spacing-3:calc(var(--spacing) * 3);
    --spacing-3-25:calc(var(--spacing) * 3.25);
    --spacing-3-5:calc(var(--spacing) * 3.5);
    --spacing-3-75:calc(var(--spacing) * 3.75);
    --spacing-4:calc(var(--spacing) * 4);
    --spacing-4-5:calc(var(--spacing) * 4.5);
    --spacing-5:calc(var(--spacing) * 5);
    --spacing-5-5:calc(var(--spacing) * 5.5);
    --spacing-5-75:calc(var(--spacing) * 5.75);
    --spacing-6:calc(var(--spacing) * 6);
    --spacing-6-2:calc(var(--spacing) * 6.2);
    --spacing-6-5:calc(var(--spacing) * 6.5);
    --spacing-6-75:calc(var(--spacing) * 6.75);
    --spacing-7:calc(var(--spacing) * 7);
    --spacing-7-5:calc(var(--spacing) * 7.5);
    --spacing-8:calc(var(--spacing) * 8);
    --spacing-8-5:calc(var(--spacing) * 8.5);
    --spacing-9:calc(var(--spacing) * 9);
    --spacing-9-5:calc(var(--spacing) * 9.5);
    --spacing-10:calc(var(--spacing) * 10);
    --spacing-10-5:calc(var(--spacing) * 10.5);
    --spacing-11:calc(var(--spacing) * 11);
    --spacing-12:calc(var(--spacing) * 12);
    --spacing-12-5:calc(var(--spacing) * 12.5);
    --spacing-13:calc(var(--spacing) * 13);
    --spacing-14:calc(var(--spacing) * 14);
    --spacing-14-25:calc(var(--spacing) * 14.25);
    --spacing-15:calc(var(--spacing) * 15);
    --spacing-16:calc(var(--spacing) * 16);
    --spacing-18:calc(var(--spacing) * 18);
    --spacing-19:calc(var(--spacing) * 19);
    --spacing-20:calc(var(--spacing) * 20);
    --col:calc(100vw / 4 - var(--spacing-3) / 4)
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    :root{
        --col:calc(100vw / 6 - var(--spacing-5) / 6)
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    :root{
        --spacing:40px;
        --col:calc(100vw / 10 - var(--spacing-3) / 10)
    }
}
@media only screen and (min-width:980px){
    :root{
        --spacing:40px;
        --col:calc(100vw / 10 - var(--spacing-4) / 10)
    }
}
@media screen and (min-width:980px) and (max-width:1200px){
    :root{
        --spacing:calc(40px + 10 * ((100vw - 980px) / 220))
    }
}
@media screen and (min-width:1200px) and (max-width:1440px){
    :root{
        --spacing:calc(50px + 10 * ((100vw - 1200px) / 240))
    }
}
@media screen and (min-width:1440px) and (max-width:1920px){
    :root{
        --spacing:calc(60px + 20 * ((100vw - 1440px) / 480))
    }
}
@media only screen and (min-width:1920px) and (min-height:600px){
    :root{
        --spacing:80px;
        --col:160px
    }
}
.dots-nav__item span,.form-control--float .form-label,.form-control--input input,.form-control--select select,.form-control--textarea textarea,.form-control-checkbox__icon,.form-control-checkbox__icon:before,.form-control-radio__label,.form-control-radio__label:before,.image-list__cursor .icon-carousel-arrow-left,.image-list__cursor .icon-carousel-arrow-right,.image-list__cursor:before,.owl-dot span,.places-nav__item:before{
    transition-duration:.4s;
    transition-timing-function:cubic-bezier(.25,.74,.22,.99)
}
.animation--choice-image-in,.animation--choice-image-out{
    transition-duration:.8s;
    transition-timing-function:cubic-bezier(.25,.74,.22,.99)
}
.animation--image-gallery-delay,.animation--image-gallery-in-left .animation--image-gallery__content,.animation--image-gallery-in .animation--image-gallery__content,.animation--image-gallery-text-in,.animation--image-gallery-text-out,.places-nav__deco,.places-nav__divider,.places-nav__item,.places-nav__item__text{
    transition-duration:1.3s;
    transition-timing-function:cubic-bezier(.74,0,.24,.99)
}
.form-label:before{
    display:block;
    position:absolute;
    top:-15px;
    right:-15px;
    bottom:-15px;
    left:-15px
}
.choice__title-mobile .deco-title__text--lg,.gallery__counter>span,.wizard__buttons .btn{
    font-family:SangBleu Empire,Helvetica,Arial,sans-serif;
    font-weight:400
}
.form-control-checkbox__label,.form-control-radio__label,div.error,label.error{
    font-size:.8rem;
    line-height:1.75em;
    letter-spacing:.1em
}
.form-control-radio__label--filters{
    font-size:1rem;
    line-height:1.6em;
    letter-spacing:.1em
}
.image-list__item__title{
    font-size:1.6rem;
    line-height:1.5625em;
    letter-spacing:.1em
}
.image-list--hoverable .image-list__item__title,.image-list--text .image-list__item__title{
    font-size:1.2rem;
    line-height:1.66667em;
    letter-spacing:.1em
}
.image-list--text .image-list__item__text{
    font-size:1rem;
    line-height:1.6em;
    letter-spacing:.1em
}
.landing-news__title,.wizard__buttons .btn{
    font-size:2rem;
    line-height:1.25em;
    letter-spacing:-.02em
}
.modal-form .modal-form__title{
    font-size:3.95rem;
    line-height:1.26582em;
    letter-spacing:-.02em
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .form-control-checkbox__label,.form-control-radio__label,div.error,label.error{
        font-size:calc(.8rem + 2 * ((100vw - 320px) / 346));
        line-height:calc(1.75em + -1.5 * ((100vw - 320px) / 346));
        letter-spacing:.1em
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .form-control-checkbox__label,.form-control-radio__label,div.error,label.error{
        font-size:calc(.8rem + 2 * ((100vw - 568px) / 412));
        line-height:calc(1.75em + -1.5 * ((100vw - 568px) / 412));
        letter-spacing:.1em
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .form-control-radio__label--filters{
        font-size:1rem;
        line-height:1.6em;
        letter-spacing:.1em
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .image-list__item__title{
        font-size:1.6rem;
        line-height:1.5625em;
        letter-spacing:.1em
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .image-list--hoverable .image-list__item__title{
        font-size:calc(1.2rem + 4 * ((100vw - 568px) / 412));
        line-height:calc(1.66667em + -.41667 * ((100vw - 568px) / 412));
        letter-spacing:.1em
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .image-list--text .image-list__item__title{
        font-size:1.2rem;
        line-height:1.66667em;
        letter-spacing:.1em
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .image-list--text .image-list__item__title{
        font-size:1.2rem;
        line-height:1.66667em;
        letter-spacing:.1em
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .image-list--text .image-list__item__text{
        font-size:1rem;
        line-height:1.6em;
        letter-spacing:.1em
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .image-list--text .image-list__item__text{
        font-size:1rem;
        line-height:1.6em;
        letter-spacing:.1em
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .wizard__buttons .btn{
        font-size:calc(2rem + 19.5 * ((100vw - 320px) / 346));
        line-height:calc(1.25em + .15823 * ((100vw - 320px) / 346));
        letter-spacing:-.02em
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .landing-news__title{
        font-size:calc(2rem + 32 * ((100vw - 320px) / 346));
        line-height:calc(1.25em + -.96154 * ((100vw - 320px) / 346));
        letter-spacing:-.02em
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .modal-form .modal-form__title{
        font-size:calc(3.95rem + 12.5 * ((100vw - 320px) / 346));
        line-height:calc(1.26582em + -1.11977 * ((100vw - 320px) / 346));
        letter-spacing:-.02em
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .form-control-radio__label--filters{
        font-size:1rem;
        line-height:1.6em;
        letter-spacing:.1em
    }
    .landing-news__title,.wizard__buttons .btn{
        font-size:2rem;
        line-height:1.25em;
        letter-spacing:-.02em
    }
    .modal-form .modal-form__title{
        font-size:3.95rem;
        line-height:1.26582em;
        letter-spacing:-.02em
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .form-control-radio__label--filters{
        font-size:1rem;
        line-height:1.6em;
        letter-spacing:.1em
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .wizard__buttons .btn{
        line-height:calc(1.25em + -.96154 * ((100vw - 568px) / 412));
        letter-spacing:-.02em
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .landing-news__title,.wizard__buttons .btn{
        font-size:calc(2rem + 32 * ((100vw - 568px) / 412))
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .landing-news__title{
        line-height:calc(1.25em + -.96154 * ((100vw - 568px) / 412));
        letter-spacing:-.02em
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .modal-form .modal-form__title{
        font-size:calc(3.95rem + 39.5 * ((100vw - 568px) / 412));
        line-height:calc(1.26582em + -1.26582 * ((100vw - 568px) / 412));
        letter-spacing:calc(-.02em + -.3 * ((100vw - 568px) / 412))
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .form-control-checkbox__label,.form-control-radio__label,.form-control-radio__label--filters,.image-list--text .image-list__item__text,div.error,label.error{
        font-size:1rem;
        line-height:1.6em;
        letter-spacing:.1em
    }
    .image-list--text .image-list__item__title{
        font-size:1.2rem;
        line-height:1.66667em;
        letter-spacing:.1em
    }
    .interior-image-title em{
        font-size:15.8rem;
        line-height:1em;
        letter-spacing:-.05em
    }
    .wizard__buttons .btn{
        font-size:3.95rem;
        line-height:1.26582em;
        letter-spacing:-.02em
    }
    .landing-news__title,.modal-form .modal-form__title{
        font-size:5.2rem;
        line-height:1.15385em;
        letter-spacing:-.02em
    }
}
@media only screen and (min-width:980px){
    .image-list__item__title{
        font-size:1.6rem;
        line-height:1.5625em;
        letter-spacing:.1em
    }
    .image-list--hoverable .image-list__item__title{
        font-size:1.6rem;
        line-height:1.625em;
        letter-spacing:.1em
    }
    .landing-news__title,.wizard__buttons .btn{
        font-size:5.2rem;
        line-height:1.15385em;
        letter-spacing:-.02em
    }
    .modal-form .modal-form__title{
        font-size:7.9rem;
        line-height:1.13924em;
        letter-spacing:-.05em
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .image-list__item__title{
        font-size:2.1rem;
        line-height:1.42857em;
        letter-spacing:.1em
    }
    .image-list--text .image-list__item__text{
        font-size:1.2rem;
        line-height:1.66667em;
        letter-spacing:.1em
    }
    .image-list--text .image-list__item__title{
        font-size:2.1rem;
        line-height:1.42857em;
        letter-spacing:.1em
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .landing-news__title,.wizard__buttons .btn{
        font-size:7.9rem;
        line-height:1.13924em;
        letter-spacing:-.05em
    }
    .interior-image-title .deco-title__text{
        font-size:21rem;
        line-height:1em;
        letter-spacing:0
    }
}
.dots-nav,.owl-dots{
    display:inline-flex
}
.dots-nav__item,.owl-dot{
    cursor:pointer;
    background:none;
    padding:0 10px;
    border:0
}
.dots-nav__item span,.owl-dot span{
    display:block;
    width:10px;
    height:10px;
    border-radius:10px;
    background:#ca9d75;
    transition-property:transform;
    transform:scale(.6)
}
@media (min-width:980px) and (max-height:499px),only screen and (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px),only screen and (min-width:666px) and (min-height:416px) and (max-width:979px),only screen and (min-width:980px) and (max-width:1199px){
    .dots-nav--small .dots-nav__item{
        padding:0 6px
    }
    .dots-nav--small .dots-nav__item span{
        width:6px;
        height:6px
    }
}
.dots-nav--brown .dots-nav__item span{
    background:#59413e
}
.dots-nav--brown .dots-nav__item.is-active span{
    background:#ca9d75
}
.dots-nav__item.is-active span,.has-hover .dots-nav__item:hover span,.has-hover .owl-dot:hover span,.owl-dot.active span{
    transform:scale(1)
}
.dots-nav__item.is-disabled{
    pointer-events:none
}
.dots-nav__item.is-disabled span{
    background:#181d24
}
.animation--image-gallery-in,.animation--image-gallery-in-left{
    transition:border-color 3.6s linear,-webkit-clip-path .8s cubic-bezier(.29,.73,.45,1);
    transition:clip-path .8s cubic-bezier(.29,.73,.45,1),border-color 3.6s linear;
    transition:clip-path .8s cubic-bezier(.29,.73,.45,1),border-color 3.6s linear,-webkit-clip-path .8s cubic-bezier(.29,.73,.45,1);
    will-change:clip-path;
    overflow:hidden;
    -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%)
}
.animation--image-gallery-in-left .animation--image-gallery__content,.animation--image-gallery-in .animation--image-gallery__content{
    transition-timing-function:cubic-bezier(.25,.74,.22,.99);
    transition-duration:3.6s;
    transition-property:transform;
    will-change:transform
}
.animation--image-gallery-in--inactive,.animation--image-gallery-in-left--inactive{
    -webkit-clip-path:polygon(120% 0,220% 0,200% 100%,100% 100%);
    clip-path:polygon(120% 0,220% 0,200% 100%,100% 100%)
}
.animation--image-gallery-in--inactive .animation--image-gallery__content,.animation--image-gallery-in-left--inactive .animation--image-gallery__content{
    transform:scale(1.2)
}
.animation--image-gallery-in-left{
    -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%)
}
.animation--image-gallery-in-left--inactive{
    -webkit-clip-path:polygon(-120% 0,-20% 0,0 100%,-100% 100%);
    clip-path:polygon(-120% 0,-20% 0,0 100%,-100% 100%)
}
.animation--image-gallery-delay{
    transition-duration:3.6s
}
.animation--image-gallery-text-in,.animation--image-gallery-text-out{
    transition-property:opacity,border-color;
    transition-duration:.8s,3.6s;
    will-change:opacity
}
.animation--image-gallery-text-in--inactive,.animation--image-gallery-text-out--active{
    opacity:0
}
.image-gallery{
    position:relative;
    background: #5d4e47;
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .image-gallery__images{
        width:100vw;
        height:calc(300 / 360 * 100%)
    }
}
.image-gallery__images img,.image-gallery__images picture{
    display:block;
    width:100%;
    overflow:hidden
}
.image-gallery__images img{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.image-gallery__images--inner{
    position:relative
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .image-gallery__images--inner{
        height:calc(200 / 320 * 100vw)
    }
    .image-gallery__images--inner img,.image-gallery__images--inner picture{
        height:100%;
        -o-object-fit:cover;
        object-fit:cover
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .image-gallery__images--inner{
        margin-bottom:var(--spacing-3);
        margin-left:calc(var(--spacing) * -1.5)
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .image-gallery__images--inner{
        width:100vw;
        max-height:100vh;
        max-height:var(--viewport-height);
        margin-bottom:var(--spacing-3);
        margin-left:calc(var(--spacing) * -2.5)
    }
    .image-gallery__images--inner img,.image-gallery__images--inner picture{
        height:100%;
        max-height:100vh;
        max-height:var(--viewport-height)
    }
}
@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .image-gallery__content{
        background-color:#181d24
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .image-gallery__content,.image-gallery__content>div{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%
    }
    .image-gallery__content>div{
        display:flex;
        flex-direction:column;
        justify-content:center
    }
}
.image-list{
    position:relative;
    width:100vw;
    left:50%;
    margin-left:-50vw;
    display:flex;
    align-items:center;
    justify-content:center;
    contain:strict;
    overflow:hidden;
    cursor:-webkit-grab;
    cursor:grab;
    content-visibility:auto
}
.image-list--active{
    cursor:-webkit-grabbing;
    cursor:grabbing
}
.image-list__item img,.image-list__item picture{
    display:block;
    width:100%;
    height:100%;
    overflow:hidden
}
.image-list__item picture{
    width:100%;
    height:100%;
    will-change:transform;
    transform:translateZ(0);
    contain:layout style
}
.image-list__item img{
    -o-object-fit:cover;
    object-fit:cover
}
.image-list__item__play{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.image-list__button{
    position:absolute;
    left:50%;
    bottom:0;
    transform:translate(-50%,50%)
}
@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .image-list__button{
        bottom:50%
    }
}
@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .image-list__button--relative{
        display:flex;
        flex-direction:row;
        justify-content:center;
        margin-top:calc(var(--spacing) * 2);
        position:relative;
        bottom:unset;
        left:unset;
        transform:none
    }
}
.image-list__after,.image-list__before{
    flex:0 0 0px;
    max-width:0;
    width:0
}
.image-list__after__position,.image-list__before__position{
    display:flex;
    align-items:center;
    justify-content:flex-end
}
.image-list__before{
    margin-right:var(--spacing)
}
.image-list__before__position{
    display:flex;
    align-items:center;
    justify-content:flex-end
}
.image-list__after{
    margin-left:var(--spacing)
}
.image-list__after__position{
    justify-content:flex-start
}
.image-list__item{
    flex-shrink:0;
    will-change:transform;
    transform:skewX(0deg) translateZ(0);
    overflow:hidden;
    contain:strict
}
.image-list__item__title{
    position:absolute;
    z-index:1;
    left:0;
    top:0;
    width:100%;
    padding:var(--spacing);
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    font-weight:300;
    transform:translateZ(0)
}
.image-list__item__title--bottom{
    top:auto;
    bottom:0
}
@media only screen and (min-width:980px){
    .image-list__item__title--bottom{
        padding:calc(var(--spacing-0-5) / 3 * 4)
    }
}
.image-list__item+.image-list__item{
    margin-left:var(--spacing)
}
.image-list__buttons{
    position:absolute;
    top:50%;
    width:100%;
    z-index:10;
    pointer-events:none
}
.image-list__buttons__left,.image-list__buttons__right{
    pointer-events:all;
    position:absolute;
    transform:translateY(-50%)
}
.image-list__buttons__left{
    left:var(--spacing)
}
.image-list__buttons__right{
    right:var(--spacing)
}
.image-list--text .image-list__item__container{
    position:absolute;
    top:calc(100% - var(--spacing-7) + var(--spacing) * 22 / 20);
    left:0
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .image-list--text .image-list__item__container{
        top:calc(100% - var(--spacing-4) + var(--spacing) * 25 / 40)
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .image-list--text .image-list__item__container{
        top:calc(100% - var(--spacing-3) + var(--spacing))
    }
}
.image-list--text .image-list__item__title{
    display:block;
    position:relative;
    padding:0;
    margin-bottom:var(--spacing);
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .image-list--text .image-list__item__title{
        margin-bottom:calc(var(--spacing) * 15 / 40)
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .image-list--text .image-list__item__title{
        margin-bottom:calc(var(--spacing) * 26 / 60)
    }
}
.image-list--text .image-list__item__text{
    color:#f9f0ec;
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .image-list--text .image-list__item__text{
        max-width:var(--spacing-6)
    }
}
.image-list--text .image-list__item--in-view .image-list__item__text{
    color:#f9f0ec
}
.image-list--with-custom-cursor{
    cursor:none;
    overflow:visible
}
.image-list__cursor{
    position:absolute;
    left:0;
    top:0;
    width:calc(var(--spacing) * 3);
    height:calc(var(--spacing) * 3);
    max-width:180px;
    max-height:180px;
    pointer-events:none;
    z-index:100;
    transition:opacity .2s cubic-bezier(.25,.74,.22,.99);
    opacity:0
}
.image-list__cursor:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    border-radius:1000px;
    border:1px solid #ac835e;
    transition-property:transform;
    transform-origin:center;
    transform:scale(.25)
}
.image-list__cursor .icon-carousel-arrow-left,.image-list__cursor .icon-carousel-arrow-right{
    position:absolute;
    left:50%;
    top:50%;
    transition-property:transform;
    transform:translate(-24px,-50%)
}
.image-list__cursor .icon-carousel-arrow-right{
    transform:translate(16px,-50%)
}
.image-list__cursor--visible{
    opacity:1;
    cursor:none!important
}
.image-list__cursor--visible:before{
    transform:scale(1)
}
.image-list__cursor--visible .icon-carousel-arrow-left{
    transform:translate(-14px,-50%)
}
.image-list__cursor--visible .icon-carousel-arrow-right{
    transform:translate(6px,-50%)
}
.image-list__cursor--active:before{
    transform:scale(1.06667)
}
.image-list__cursor--active .icon-carousel-arrow-left{
    transform:translate(-12px,-50%)
}
.image-list__cursor--active .icon-carousel-arrow-right{
    transform:translate(4px,-50%)
}
.image-list--scrollable{
    cursor:default
}
.image-list--full-width{
    width:100%;
    left:0;
    margin-left:0
}
@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .image-list.scrollable-sm-down{
        left:0;
        margin-left:0;
        margin-right:0;
        padding-left:0;
        padding-right:0;
        justify-content:flex-start;
        overflow-x:auto
    }
    .image-list.scrollable-sm-down .image-list__item{
        contain:none
    }
    .image-list.scrollable-sm-down .image-list__item picture{
        width:100%;
        margin-left:0;
        transform:none
    }
    .image-list.scrollable-sm-down .is-hidden--sm-down+.image-list__item{
        margin-left:0
    }
    .image-list.scrollable-sm-down .image-list__after,.image-list.scrollable-sm-down .image-list__before{
        flex:0 0 auto;
        width:auto;
        max-width:none
    }
}
.image-list--hoverable .image-list__item__link:before{
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(24,29,36,.4);
    z-index:1;
    opacity:1;
    visibility:visible;
    transform:translateZ(0);
    transition-duration:1.6s;
    transition-timing-function:cubic-bezier(.25,.74,.22,.99);
    transition-property:opacity
}
.image-list--hoverable .image-list__item__link img{
    transition-duration:1.6s;
    transition-timing-function:cubic-bezier(.25,.74,.22,.99);
    transition-property:transform
}
.has-hover .image-list--hoverable .image-list__item__link:hover img{
    transform:scale(1.1)
}
.has-hover .image-list--hoverable .image-list__item__link:hover:before{
    opacity:0
}
.image-list--hoverable .image-list__item__link--noshadow:before{
    display:none
}
.image-list--hoverable .image-list__item__title{
    padding:var(--spacing);
    z-index:1;
    transform:translateZ(0)
}
.ui-dark .image-list--hoverable .image-list__item__title{
    color:#f9f0ec
}
@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .image-list--hoverable .image-list__item__title{
        padding:var(--spacing-1-5)
    }
}
.landing-intro{
    position:relative;
    height:calc(var(--viewport-height) - var(--spacing) * 1);
    contain:strict
}
.js .landing-intro__image-animation{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transform:translateY(-100%)
}
.landing-intro__overlay{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:var(--spacing-2)
}
.landing-intro__content{
    position:absolute;
    left:0;
    bottom:calc(var(--spacing) * 7);
    width:100%
}
.landing-intro__content h1{
    position:relative;
    margin-bottom:-.7em;
    font-size: 10.5rem;
    line-height: 1;
}
.landing-intro__content .deco-title{
    max-width:none
}
.landing-intro__image{
    height:calc(var(--viewport-height) - var(--spacing) * 10)
}
.landing-intro__image picture{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:calc(var(--viewport-height) - var(--spacing) * 10);
    -o-object-fit:cover;
    object-fit:cover;
    display:flex;
    flex-direction:column
}
.landing-intro__image img{
    display:block;
    width:100%;
    min-height:100%;
    flex-grow:1;
    height:auto;
    -o-object-fit:cover;
    object-fit:cover;
    margin-top: -150px;
}
.landing-intro__text{
    display:inline-block;
    position:relative
}
.landing-intro__link{
    position:absolute;
    bottom:calc(var(--spacing) * -6);
    padding:0 10px;
    width:calc(var(--spacing) * 13)
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .landing-intro__link{
        padding:0 10px
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .landing-intro__link-xs__container{
        padding-right:calc(var(--spacing) / 2);
        padding-left:calc(var(--spacing) / 2)
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .landing-intro__link-xs{
        bottom:calc(var(--spacing) * -6 - var(--spacing) / 2);
        transform:none
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .landing-intro__link-xs{
        display:none
    }
}
.landing-intro__link-xl{
    display:none
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .landing-intro__link-xl{
        display:inline-block
    }
    .landing-intro__link-xl:hover .landing-intro__link--img{
        transform:scale(.833)
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .landing-intro__link{
        top:calc((var(--spacing) + var(--spacing) * 1.5) * -1);
        bottom:unset;
        right:unset;
        left:calc(50% + var(--spacing) / 2);
        max-width:calc(var(--spacing) * 6 + var(--spacing-0-5));
        transform:none
    }
}
@media only screen and (min-width:980px){
    .landing-intro__link{
        max-width:26rem;
        max-height:6rem
    }
    .landing-intro__link .btn__content{
        height:100%
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .landing-intro__link{
        top:calc((var(--spacing-1) + var(--spacing-2)) * -1);
        right:var(--spacing-2);
        left:unset;
        max-width:29rem;
        max-height:8rem;
        transform:translateY(-50%)
    }
}
.landing-intro__link--img{
    max-width:4rem;
    max-height:4rem;
    transition-property:transform;
    will-change:transform;
    transition-duration:.6s
}
.landing-intro__link--img,.landing-intro__link--img img{
    border-radius:50%;
    display:block;
    width:100%;
    height:100%
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .landing-intro__link--img{
        max-width:6rem;
        max-height:6rem
    }
}
.landing-intro__link--text{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    margin-left:calc(var(--spacing) / 2)
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .landing-intro__link--text{
        margin-left:calc(var(--spacing) / 3)
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .landing-intro__link--text{
        margin-left:2.3rem
    }
}
.landing-intro__link--text--header{
    color:#ac835e
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .landing-intro{
        height:calc(var(--viewport-height) + var(--spacing) * 3)
    }
    .landing-intro__overlay{
        bottom:calc(var(--spacing) * 4);
        height:calc(var(--spacing) * 3)
    }
    .landing-intro__content{
        bottom:calc(var(--spacing) * 7)
    }
    .landing-intro__content h1{
        margin-bottom:-.6em
    }
    .landing-intro__image picture{
        height:calc(var(--viewport-height) - var(--spacing)* 1)
    }
    .landing-intro__text>span{
        bottom:0
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .landing-intro{
        height:calc(var(--viewport-height) - var(--spacing) * 2)
    }
    .landing-intro__image,.landing-intro__image picture{
        height:calc(var(--viewport-height) - var(--spacing)* 2)
    }
    .landing-intro__content{
        bottom:var(--spacing-1)
    }
    .landing-intro__content h1{
        margin-bottom:-.5em
    }
    .landing-intro__text>span{
        position:absolute;
        left:-.55em;
        bottom:-.5em
    }
}
@media only screen and (min-width:980px){
    .landing-intro{
        height:calc(var(--viewport-height) - var(--spacing)* 2)
    }
    .landing-intro__image picture{
        height:calc(var(--viewport-height) - var(--spacing)* 1)
    }
    .landing-intro__text>span{
        bottom:-.6em
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .landing-intro,.landing-intro__image picture{
        height:var(--viewport-height)
    }
    .landing-intro__text>span{
        left:-.55em;
        bottom:-.4em
    }
}
.js .animation--landing-intro{
    transition-duration:3.6s;
    pointer-events:none
}
.js .animation--landing-intro .landing-intro__image img{
    transition:transform 3.6s cubic-bezier(.25,.74,.22,.99);
    transition-property:transform;
    will-change:transform
}
.js .animation--landing-intro .landing-intro__image-animation{
    transition:transform .8s ease;
    transition-property:transform;
    will-change:transform
}
.js .animation--landing-intro .landing-intro__overlay{
    transition:transform 1s cubic-bezier(.29,.73,.45,1);
    transition-delay:.68s;
    transition-property:transform;
    will-change:transform
}
.js .animation--landing-intro--inactive .landing-intro__image img{
    transform:scale(1.2)
}
.js .animation--landing-intro--inactive .landing-intro__image-animation{
    transform:translateY(0)
}
.js .animation--landing-intro--inactive .landing-intro__overlay{
    transform:translateY(100%)
}
.landing-intro-button{
    position:absolute;
    /* top:calc(var(--spacing) * -2); */
    top:calc(var(--spacing) * 1);
    left:0;
    width:100%;
    margin-top:20px
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .landing-intro-button{
        margin-top:30px
    }
}
@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .design-image-list{
        flex-direction:column-reverse;
        padding-left:calc(50% + var(--spacing) / 2);
        contain:none;
        align-items:flex-start
    }
    .design-image-list .image-list__item picture{
        width:100%;
        margin-left:0
    }
    .design-image-list .image-list__after,.design-image-list .image-list__before{
        flex:0 0 auto;
        max-width:none;
        width:auto;
        margin-right:0;
        margin-left:0
    }
    .design-image-list .image-list__after__position,.design-image-list .image-list__before__position{
        display:block
    }
    .design-image-list .image-list__item{
        transform:none;
        overflow:hidden;
        contain:none
    }
    .design-image-list .image-list__item+.image-list__item{
        margin-left:0
    }
    .design-image-list .image-list__before{
        padding-top:var(--spacing)
    }
    .design-image-list .image-list__center{
        position:absolute;
        top:50%;
        left:0;
        right:calc(50% + var(--spacing) / 2);
        transform:translateY(-50%)
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .design-image-list .image-list__before{
        max-width:37.5vw
    }
}
.design-image-title{
    top:46%
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .design-image-title{
        top:50%
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .design-image-title{
        top:var(--spacing-2-5);
        transform:none
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .landing-design-text-container{
        margin:0 auto;
        max-width:13em
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .landing-design-text-container{
        max-width:12em
    }
}
.landing-design-text{
    display:inline
}
.landing-locations-button{
    display:flex;
    flex-direction:row;
    justify-content:center;
    margin-top:calc(var(--spacing) * 2)
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .landing-locations-button{
        margin-top:var(--spacing)
    }
}
.places-title{
    position:absolute;
    z-index:4;
    left:0;
    top:0;
    width:100%;
    transform:translateY(-50%);
    text-align:center;
    margin:0
}
.places-title__text{
    display:inline-block
}
.places-content__title h3{
    color:#ca9d75
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px),only screen and (min-width:666px) and (min-height:416px) and (max-width:979px){
    .places-content{
        text-align:center
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .places-content__title h3{
        color:#f9f0ec
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .places-gallery{
        height:var(--spacing-20);
        padding-bottom:var(--spacing-2);
        overflow:hidden;
        contain:strict
    }
}
@media only screen and (min-width:980px){
    .places-gallery{
        height:var(--spacing-16)
    }
}
.places-gallery__wrapper,.places-nav{
    position:relative
}
.places-nav{
    z-index:3;
    height:0
}
.places-nav__wrapper{
    display:flex;
    align-items:center;
    transform:translateY(-50%);
    height:calc(var(--spacing-4) + 4px)
}
.places-nav__divider{
    flex:0 1 0%;
    min-width:calc(var(--spacing-1-5) - 4px);
    transition-duration:.8s
}
.places-nav__divider.is-active{
    flex-grow:1
}
.places-nav__deco{
    transition-duration:.8s;
    transition-property:opacity;
    will-change:opacity;
    opacity:.3;
    pointer-events:none
}
.places-nav__item{
    position:relative;
    display:block;
    flex:0 0 calc(var(--spacing-2) + 4px);
    width:calc(var(--spacing-2) + 4px);
    height:calc(var(--spacing-2) + 4px);
    border-radius:var(--spacing-4)
}
.places-nav__item,.places-nav__item__text{
    transition-duration:.8s
}
@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .places-nav__item--mobile{
        position:absolute;
        transform:translateY(50%);
        left:calc(var(--spacing) * 2.5);
        bottom:0
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .places-nav__item--mobile{
        left:calc(var(--spacing) * 1.5)
    }
}
.places-nav__item:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1;
    box-shadow:none;
    border-radius:var(--spacing-4);
    transition-property:box-shadow,border-width;
    will-change:box-shadow,border-width;
    box-shadow:inset 0 0 0 2px #181d24;
    transition-duration:.6s
}
.is-ios .places-nav__item:before,.is-safari .places-nav__item:before{
    box-shadow:none;
    transition-property:border-width;
    will-change:border-width;
    border:2px solid #181d24
}
.places-nav__item__thumbnail{
    position:absolute;
    left:0;
    top:0;
    border-radius:100%;
    display:block;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
    height:100%;
    border:1px solid transparent
}
.places-nav__item__text{
    position:absolute;
    left:-2px;
    top:-2px;
    right:-2px;
    bottom:-2px;
    background:#181d24;
    border-radius:100%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:#f9f0ec;
    transition-property:opacity;
    will-change:opacity;
    opacity:0;
    font-family: "optima";
}
.places-nav__item__text b{
    margin:0 0 .3rem;
    font-family: "optima";
    font-size: 70px;
    line-height: 1;
}
.places-nav__item__text span {
    font-size: 16px;
}

.places-nav__item.is-active{
    flex:0 0 calc(var(--spacing-4) + 4px);
    width:calc(var(--spacing-4) + 4px);
    height:calc(var(--spacing-4) + 4px);
    border-color:rgba(24,29,36,0)
}
.places-nav__item.is-active .places-nav__item__text{
    opacity:1
}
.has-hover .places-nav__item:hover:before{
    box-shadow:inset 0 0 0 4px #181d24
}
.is-ios.has-hover .places-nav__item:hover:before,.is-safari.has-hover .places-nav__item:hover:before{
    box-shadow:none;
    border-width:4px
}
.places-nav__item.focus-visible{
    outline:none!important;
    box-shadow:0 0 0 3px rgba(249,240,236,.4)
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .places-nav__wrapper{
        position:relative;
        height:0
    }
    .places-nav__item{
        position:absolute;
        left:30%;
        top:0;
        transform:translate(-50%,-50%);
        width:calc(var(--spacing-1-5) + 34px);
        height:calc(var(--spacing-1-5) + 34px)
    }
    .places-nav__item:before{
        box-shadow:inset 0 0 0 2px #f9f0ec
    }
    .is-ios .places-nav__item:before,.is-safari .places-nav__item:before{
        box-shadow:none;
        border:2px solid #f9f0ec
    }
    .places-nav__item__text{
        border:1px solid #e2d9d5;
        background:#f9f0ec;
        color:#5d4e47
    }
    .places-nav__item__text .h3,.places-nav__item__text b{
        color:#5d4e47
    }
    .has-hover .places-nav__item:hover:before{
        box-shadow:inset 0 0 0 6px #f9f0ec
    }
    .is-ios.has-hover .places-nav__item:hover:before,.is-safari.has-hover .places-nav__item:hover:before{
        box-shadow:none;
        border-width:6px
    }
    .places-nav__item.is-active{
        width:calc(var(--spacing-3) + 4px);
        height:calc(var(--spacing-3) + 4px)
    }
    .places-nav__item:nth-of-type(2){
        transform:translate(50%,-50%);
        left:auto;
        right:30%
    }
    .places-nav__item:last-of-type{
        transform:translate(50%,-50%);
        left:auto;
        right:10%
    }
    .places-nav__deco{
        overflow:hidden;
        position:absolute;
        left:0;
        bottom:0;
        right:70%
    }
    .places-nav__deco span{
        display:block;
        padding-top:100%;
        transform:translateY(50%)
    }
    .places-nav__deco svg{
        display:block;
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%
    }
    .places-nav__deco circle{
        stroke:#f9f0ec;
        stroke-width:1.5px;
        fill:none;
        cx:50%;
        cy:50%;
        r:calc(50% - 2px);
        stroke-dasharray:321%;
        stroke-dashoffset:0%
    }
    .places-nav__deco.is-active{
        opacity:1
    }
    .places-nav__deco~.places-nav__deco{
        right:30%
    }
    .places-nav__deco~.places-nav__deco~.places-nav__deco{
        right:10%
    }
    .places-nav__divider{
        display:none
    }
}
.animation--places-deco-in,.animation--places-deco-in circle{
    transition:stroke-dashoffset 1.3s cubic-bezier(.74,0,.24,.99)
}
.animation--places-deco-in circle{
    transition-property:stroke-dashoffset;
    will-change:stroke-dashoffset
}
.animation--places-deco-in--inactive circle{
    stroke-dashoffset:160.5%
}
.residences__image{
    position:relative
}
.residences__image picture{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:100vw;
    overflow:hidden;
    display:flex;
    justify-content:flex-end
}
.residences__image img{
    display:block;
    max-width:100%;
    width:auto;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:75% 50%;
    object-position:75% 50%
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .residences__image picture{
        max-width:calc((100vw - var(--spacing-1-5) * 2) / 10 * 8 + var(--spacing-1-5))
    }
}
@media only screen and (min-width:980px){
    .residences__image picture{
        max-width:calc((100vw - var(--spacing-2) * 2) / 10 * 6 + var(--spacing-2))
    }
}
@media only screen and (min-width:1920px) and (min-height:600px){
    .residences__image picture{
        max-width:none
    }
}
.residences__title{
    position:relative;
    z-index:10
}
@media only screen and (min-width:980px){
    .residences__title{
        margin-bottom:-2.5rem;
        margin-bottom:-3.5rem
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .residences__title{
        margin-bottom:-5rem
    }
}
@media only screen and (min-width:980px){
    .residences__text{
        padding-bottom:10%
    }
}
.residences__button{
    position:relative;
    left:0;
    bottom:0
}
.residences__button .btn{
    margin-top:calc(var(--spacing) * 2);
    margin-bottom:calc(var(--spacing) * 2)
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .residences__button .btn{
        margin-top:calc(var(--spacing) * 1.5);
        margin-bottom:calc(var(--spacing) * 1.5)
    }
}
@media only screen and (min-width:980px){
    .residences__button .btn{
        position:absolute;
        z-index:1;
        left:0;
        bottom:0;
        bottom:calc(var(--spacing) * 2);
        margin:0
    }
}
.residences-title{
    position:absolute;
    right:0;
    bottom:calc(var(--spacing) * 2.5);
    width:242px
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .residences-title{
        bottom:calc(var(--spacing) * 2);
        width:430px
    }
}
@media only screen and (min-width:980px){
    .residences-title{
        bottom:calc(var(--spacing) * 6);
        width:565px
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .residences-title{
        transform:translateY(50%);
        bottom:calc(var(--spacing) * 8)
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .residences-title{
        width:753px
    }
}
.interview__title-col{
    position:relative;
    z-index:1
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .interview__title-col{
        margin-bottom:-14%
    }
}
.interview__title{
    display:block
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .interview__title{
        position:absolute;
        top:0
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .interview__title{
        width:100%;
        top:-1.5em
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .interview__title{
        top:-1em
    }
}
.interview__title>span{
    display:block;
    position:relative;
    z-index:2
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .interview__title>span:last-child{
        overflow:hidden
    }
}
.interview__img-col{
    position:relative;
    z-index:0
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .interview__photo{
        width:calc(100% + var(--spacing-1-5))
    }
}
.interview__photo img{
    display:block;
    margin-left:auto;
    margin-right:auto
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .interview__photo{
        height:calc(400 / 320 * 100%)
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .interview__photo{
        height:600px
    }
}
@media only screen and (min-width:1920px) and (min-height:600px){
    .interview__photo{
        height:720px
    }
}
.interview__btn{
    display:block;
    text-align:center;
    position:absolute;
    left:0;
    top:50%;
    transform:translate(-50%,-50%)
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .interview__btn{
        left:50%;
        top:100%
    }
}
.interview__text{
    position:relative;
    z-index:2
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .interview__text{
        margin-top:-2em
    }
}
.interior-image-list .image-list__item__title{
    display:none
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .interior-image-list .image-list{
        height:50vw
    }
    .interior-image-list .image-list__item{
        width:50vw;
        height:50vw
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .interior-image-list .image-list,.interior-image-list .image-list__item{
        height:calc(100vw / 3 - var(--spacing) * 2 / 3)
    }
    .interior-image-list .image-list__item{
        width:calc(100vw / 3 - var(--spacing) * 2 / 3)
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .interior-image-list .image-list__item__title{
        display:block
    }
}
.interior-image-title{
    position:absolute;
    z-index:1;
    left:0;
    top:var(--spacing-6);
    width:100%;
    transform:translateY(-50%);
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.interior-image-title em{
    display:block;
    font-style:normal;
    text-align:center;
    color:#181d24
}
.interior-image-title em:first-letter{
    font-style:italic
}
.interior-image-title .deco-title__text{
    color:#f9f0ec
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .interior-image-title{
        top:50%;
        padding:0
    }
    .interior-image-title em{
        color:#f9f0ec
    }
    .interior-image-title .deco-title__text{
        color:#181d24
    }
    .interior-image-title .deco-title--above-text{
        top:-85%;
        transform:unset
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .interior-image-title .deco-title--above-text{
        top:-130%
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .wizard__buttons{
        margin-top:-2rem;
        margin-bottom:var(--spacing)
    }
}
@media only screen and (min-width:980px){
    .wizard__buttons{
        margin-top:-3rem;
        margin-bottom:var(--spacing)
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .wizard__buttons{
        margin-top:-3rem;
        margin-bottom:var(--spacing)
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .wizard__buttons{
        margin-top:-5rem;
        margin-bottom:var(--spacing)
    }
}
@media only screen and (min-width:1920px) and (min-height:600px){
    .wizard__buttons{
        margin-top:-5rem;
        margin-bottom:var(--spacing)
    }
}
.wizard__buttons input{
    position:absolute;
    left:-9000px
}
.animation--choice-image-in,.animation--choice-image-out,.animation--image-gallery-delay,.animation--image-gallery-in-left .animation--image-gallery__content,.animation--image-gallery-in .animation--image-gallery__content,.animation--image-gallery-text-in,.animation--image-gallery-text-out{
    pointer-events:none
}
.animation--choice-image-in,.animation--choice-image-out{
    transition-property:opacity;
    will-change:opacity
}
.animation--choice-image-in--inactive,.animation--choice-image-out--active{
    opacity:0
}
.choice{
    position:relative
}
.choice .deco-title__text{
    text-shadow:0 0 20px rgba(24,29,36,.8)
}
.choice__title-mobile{
    pointer-events:none
}
.choice__title-mobile picture{
    display:block
}
.choice__title-mobile img{
    display:block;
    margin:0 auto;
    width:51.25vw;
    height:auto
}
.choice__title-mobile .deco-title__text{
    font-size:16rem;
    line-height:1em;
    letter-spacing:0;
    padding-right:.4em;
    line-height:30px;
    color:#ca9d75
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9),only screen and (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px),only screen and (min-width:666px) and (min-height:416px) and (max-width:979px){
    .choice__title-mobile .deco-title__text{
        color:#ac835e
    }
}
.choice__title-mobile .deco-title__text--lg{
    font-size:3.95rem;
    line-height:1.26582em;
    letter-spacing:-.02em
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .choice__title-mobile .deco-title__text--lg{
        font-size:3.95rem;
        line-height:1.26582em;
        letter-spacing:-.02em
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .choice__title-mobile .deco-title__text--lg{
        font-size:5.2rem;
        line-height:1.15385em;
        letter-spacing:-.02em
    }
}
@media only screen and (min-width:980px){
    .choice__title-mobile .deco-title__text--lg{
        font-size:7.9rem;
        line-height:1.13924em;
        letter-spacing:-.05em
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .choice__title-mobile .deco-title__text--lg{
        font-size:calc(3.95rem + 12.5 * ((100vw - 320px) / 346));
        line-height:calc(1.26582em + -1.11977 * ((100vw - 320px) / 346));
        letter-spacing:-.02em
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .choice__title-mobile .deco-title__text--lg{
        font-size:calc(3.95rem + 39.5 * ((100vw - 568px) / 412));
        line-height:calc(1.26582em + -1.26582 * ((100vw - 568px) / 412));
        letter-spacing:calc(-.02em + -.3 * ((100vw - 568px) / 412))
    }
}
.choice__title-mobile__deco{
    top:0;
    transform:none
}
.choice__title-mobile__indent{
    margin-left:.8em
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .choice__title-mobile__indent{
        margin-left:0
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .choice__title-mobile{
        position:absolute;
        z-index:2;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%)
    }
    .choice__title-mobile img{
        width:47.67857vw
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9) and (max-width:979px),only screen and (min-width:666px) and (min-height:416px) and (max-width:979px){
    .choice__title-mobile{
        left:calc(var(--spacing) * 3);
        top:calc(var(--spacing) * 4);
        transform:translate(0)
    }
    .choice__title-mobile .deco-title__text{
        padding-right:.2em;
        line-height:60px
    }
    .choice__title-mobile__indent{
        margin-left:.4em
    }
}
.choice__title{
    pointer-events:none
}
.choice__title span{
    display:block;
    width:269px;
    max-width:100%;
    margin:0
}
.choice__title picture{
    display:block
}
.choice__title img{
    display:block;
    width:100%;
    height:auto
}
@media only screen and (min-width:980px){
    .choice__title{
        position:absolute;
        z-index:1;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%)
    }
    .choice__title>span{
        width:475px;
        margin:0 auto
    }
}
@media screen and (min-width:1200px) and (max-width:1440px){
    .choice__title>span{
        width:calc(475px + 148 * ((100vw - 1200px) / 240))
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .choice__title>span{
        width:623px
    }
}
.choice__grid>.col{
    flex-shrink:0
}
.choice__select-button{
    display:flex;
    justify-content:center;
    margin-bottom:calc(var(--spacing) * 3);
    width:100%
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .choice__select-button{
        margin-bottom:0;
        position:absolute;
        bottom:calc(var(--spacing) * 3)
    }
}
.landing-news{
    position:relative;
    display:inline-block
}
.landing-news__title{
    display:inline-block;
    margin:0;
    will-change:transform
}
.landing-news__title span{
    display:block;
    white-space:nowrap
}
.landing-news__button{
    position:absolute;
    top:0;
    right:0
}
@media only screen and (max-width:979px){
    .landing-news{
        display:block
    }
}
@media only screen and (min-width:980px){
    .landing-news__title{
        display:block;
        transform:rotate(-90deg) translateY(100%);
        transform-origin:0 100%
    }
    .landing-news__button{
        right:auto;
        left:12.1em;
        top:auto;
        bottom:0;
        transform:translate(-50%,50%)
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .landing-news__button{
        left:13.5em
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .landing-news__button{
        left:18.5em
    }
}
.modal{
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    outline:none;
    z-index:12;
    overflow:hidden
}
.modal--under-header{
    z-index:9
}
.no-js .modal:target{
    display:block!important
}
.modal__close{
    position:fixed;
    z-index:4;
    top:0;
    transition-property:color
}
.has-scroll-smooth .modal__close{
    position:absolute;
    left:0
}
.modal__close .is-hidden--no-hover>.icon.icon-close-menu{
    transform:translateZ(0)
}
.modal__close .is-hidden--hover>.icon.icon-close-menu{
    transform:translate3d(-50%,-50%,0)
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .modal__close--bottom{
        top:auto;
        bottom:0
    }
}
.modal--wide .modal__close{
    left:0
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .modal--wide .modal__close{
        left:auto;
        transform:translateX(-100%)
    }
    .has-scroll-smooth .modal--wide .modal__close{
        position:absolute;
        left:0;
        transform:none
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .modal--wide-left .modal__close{
        position:relative;
        left:0;
        top:0
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .modal--wide-left .modal__close{
        top:var(--spacing-1-5);
        left:var(--spacing-2-5)
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .modal--wide-left .modal__close{
        left:var(--spacing-1-5);
        top:calc(var(--spacing) * 1.25)
    }
}
@media only screen and (min-width:980px){
    .modal--wide-left .modal__close{
        left:var(--spacing-2)
    }
}
@media (max-height:499px),only screen and (max-width:1199px){
    .modal--wide-left .modal__close{
        width:40px;
        height:40px
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .modal--wide-left .modal__close{
        left:auto;
        right:0;
        top:50%;
        position:absolute;
        transform:translateY(-50%)
    }
}
.modal--narrow .modal__close{
    left:0
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .modal--narrow .modal__close{
        left:auto;
        transform:translateX(-100%)
    }
    .has-scroll-smooth .modal--narrow .modal__close{
        position:absolute;
        left:0;
        transform:none
    }
}
.modal__scroller{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100vh;
    height:var(--viewport-height-actual);
    overflow:hidden
}
.has-scroll-smooth .modal--with-scrollable-content .modal__scroller{
    overflow:hidden
}
.modal__background{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100vh;
    height:var(--viewport-height-actual);
    cursor:default
}
.modal--overlay .modal__background{
    background:rgba(0,0,0,.7)
}
.modal__content-wrapper{
    position:relative;
    margin-left:auto;
    z-index:1
}
.modal__header{
    display:flex;
    flex-wrap:nowrap;
    align-items:center
}
.modal__header--absolute{
    position:absolute
}
.modal__header__title{
    flex-grow:1
}
.modal__header__title--button{
    padding-right:calc(var(--spacing) * 3)
}
.modal__header__left,.modal__header__right{
    width:calc(var(--spacing) * 2);
    max-width:calc(var(--spacing) * 2);
    flex:0 0 calc(var(--spacing) * 2)
}
.modal__header__back{
    position:absolute;
    left:0;
    top:0;
    z-index:1
}
.modal__header__back--left{
    left:calc(var(--spacing) * -1)
}
.modal__header--apartment{
    justify-content:space-between;
    margin-top:calc(var(--spacing) * -2)!important
}
.modal__header--apartment .modal__header__group{
    display:flex;
    flex-wrap:nowrap
}
.modal__header--apartment .modal__header__group .btn+.btn{
    margin-left:5px
}
.modal__header--apartment .modal__header__group .btn{
    border:1px solid transparent
}
.modal__header--apartment .modal__header__group .btn:not(.is-active){
    border-color:#ac835e
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .modal__header{
        position:absolute;
        right:var(--spacing);
        top:0;
        height:var(--spacing-1-5)
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .modal__header{
        height:120px
    }
}
.no-back-button .modal__header__back{
    display:none
}
.no-back-button .modal__content{
    min-height:auto
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .no-back-button .modal__content{
        padding-bottom:var(--spacing-2)
    }
}
.no-back-button .modal__content--final{
    padding-top:var(--spacing-14);
    padding-bottom:var(--spacing-14)
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .no-back-button .modal__content--final{
        padding-top:var(--spacing-8);
        padding-bottom:var(--spacing-8)
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .no-back-button .modal__content--final{
        padding-top:calc(var(--spacing) * 7.5);
        padding-bottom:calc(var(--spacing) * 7.5)
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .no-back-button .modal__content--final{
        padding-top:calc(var(--spacing) * 6.8);
        padding-bottom:calc(var(--spacing) * 6.8)
    }
}
@media only screen and (min-width:1920px) and (min-height:600px){
    .no-back-button .modal__content--final{
        padding-top:calc(var(--spacing) * 5.9);
        padding-bottom:calc(var(--spacing) * 5.9)
    }
}
.js-form-success+div{
    display:none!important
}
.modal__content{
    position:relative;
    width:100%;
    max-width:none;
    min-height:100vh;
    min-height:var(--viewport-height-actual)
}
.modal--wide .modal__content-wrapper{
    width:100vw
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .modal--wide .modal__content-wrapper{
        max-width:calc(1080px + var(--spacing-1-5));
        padding-left:var(--spacing-1-5)
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .modal--wide .modal__content-wrapper{
        max-width:calc(1080px + 120px);
        padding-left:120px
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .modal--wide .modal__closearea{
        position:absolute;
        top:0;
        height:100%;
        left:0;
        width:calc(100vw - 1080px - var(--spacing-1-5))
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .modal--wide .modal__closearea{
        width:calc(100vw - 1080px - 120px)
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .modal--wide-left .modal__content{
        max-width:calc(100vw - var(--spacing-5));
        margin-left:0
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .modal--wide-left .modal__content{
        max-width:none
    }
}
.modal--wide-left .modal__content-wrapper{
    width:100vw;
    margin-left:0
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .modal--wide-left .modal__content-wrapper{
        max-width:calc(960 / 1440 * 100vw + var(--spacing-1-5));
        padding-right:var(--spacing-1-5)
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .modal--wide-left .modal__content-wrapper{
        max-width:calc(960 / 1440 * 100vw + 90px);
        padding-right:90px
    }
}
.modal--narrow .modal__content-wrapper{
    width:100vw
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .modal--narrow .modal__content-wrapper{
        max-width:calc(540px + var(--spacing-1-5));
        padding-left:var(--spacing-1-5)
    }
}
@media only screen and (min-width:980px){
    .modal--narrow .modal__content-wrapper{
        max-width:calc(780px + var(--spacing-1-5));
        padding-left:var(--spacing-1-5)
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .modal--narrow .modal__content-wrapper{
        max-width:calc(780px + 120px);
        padding-left:120px
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .modal--narrow .modal__closearea{
        position:absolute;
        top:0;
        height:100%;
        left:0;
        width:calc(100vw - 540px - var(--spacing-1-5))
    }
}
@media only screen and (min-width:980px){
    .modal--narrow .modal__closearea{
        width:calc(100vw - 780px - var(--spacing-1-5))
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .modal--narrow .modal__closearea{
        width:calc(100vw - 780px - 120px)
    }
}
.with-modal{
    overflow:visible;
    scroll-behavior:auto
}
.with-modal body{
    overflow:hidden;
    height:100vh;
    height:var(--viewport-height-actual)
}
.has-scroll-smooth .modal__scroller,.with-modal .modal__scroller{
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch
}
.has-scroll-smooth .modal__scroller--disabled,.with-modal .modal__scroller--disabled{
    overflow:hidden;
    -webkit-overflow-scrolling:initial
}
.modal__tabs.tabs-contents,.modal__tabs>.tabs-contents__content{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%
}
.modal__content--center{
    display:flex;
    flex-direction:column
}
.modal__content--center .modal__footer,.modal__content--center .modal__header{
    flex-grow:0;
    flex-shrink:0
}
.modal__content--center .modal__content__inner{
    flex-grow:1;
    display:flex;
    flex-direction:column;
    justify-items:center;
    align-items:stretch
}
.modal__content--center .modal__content__inner>*{
    margin:auto 0
}
.animation--modal-in,.animation--modal-reverse-in{
    transition:transform 1.3s cubic-bezier(.74,0,.24,.99)
}
.animation--modal-in .modal__background,.animation--modal-reverse-in .modal__background{
    transition:opacity 1.3s cubic-bezier(.74,0,.24,.99)
}
.animation--modal-in .modal__content-wrapper,.animation--modal-reverse-in .modal__content-wrapper{
    transition:-webkit-clip-path 1.3s cubic-bezier(.74,0,.24,.99);
    transition:clip-path 1.3s cubic-bezier(.74,0,.24,.99);
    transition:clip-path 1.3s cubic-bezier(.74,0,.24,.99),-webkit-clip-path 1.3s cubic-bezier(.74,0,.24,.99);
    -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%)
}
.animation--modal-in--inactive .modal__background{
    opacity:0
}
.animation--modal-in--inactive .modal__content-wrapper{
    -webkit-clip-path:polygon(100% 0,200% 0,220% 100%,120% 100%);
    clip-path:polygon(100% 0,200% 0,220% 100%,120% 100%)
}
.animation--modal-reverse-in--inactive .modal__background{
    opacity:0
}
.animation--modal-reverse-in--inactive .modal__content-wrapper{
    -webkit-clip-path:polygon(-100% 0,0 0,-20% 100%,-120% 100%);
    clip-path:polygon(-100% 0,0 0,-20% 100%,-120% 100%)
}
.animation--modal-out,.animation--modal-reverse-out{
    transition:transform .8s cubic-bezier(.74,0,.24,.99);
    pointer-events:none
}
.animation--modal-out .modal__background,.animation--modal-reverse-out .modal__background{
    transition:opacity .8s cubic-bezier(.74,0,.24,.99)
}
.animation--modal-out .modal__content-wrapper,.animation--modal-reverse-out .modal__content-wrapper{
    transition:-webkit-clip-path .8s cubic-bezier(.74,0,.24,.99);
    transition:clip-path .8s cubic-bezier(.74,0,.24,.99);
    transition:clip-path .8s cubic-bezier(.74,0,.24,.99),-webkit-clip-path .8s cubic-bezier(.74,0,.24,.99);
    -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%)
}
.animation--modal-out--active .modal__background{
    opacity:0
}
.animation--modal-out--active .modal__content-wrapper{
    -webkit-clip-path:polygon(120% 0,220% 0,200% 100%,100% 100%);
    clip-path:polygon(120% 0,220% 0,200% 100%,100% 100%)
}
.animation--modal-reverse-out--active .modal__background{
    opacity:0
}
.animation--modal-reverse-out--active .modal__content-wrapper{
    -webkit-clip-path:polygon(-120% 0,-20% 0,0 100%,-100% 100%);
    clip-path:polygon(-120% 0,-20% 0,0 100%,-100% 100%)
}
.animation--tabs-modal-left-in,.animation--tabs-modal-right-in{
    transition:-webkit-clip-path 1.3s cubic-bezier(.74,0,.24,.99);
    transition:clip-path 1.3s cubic-bezier(.74,0,.24,.99);
    transition:clip-path 1.3s cubic-bezier(.74,0,.24,.99),-webkit-clip-path 1.3s cubic-bezier(.74,0,.24,.99);
    -webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
    clip-path:polygon(0 0,100% 0,100% 100%,0 100%)
}
.animation--tabs-modal-right-in--inactive{
    -webkit-clip-path:polygon(100% 0,200% 0,220% 100%,120% 100%);
    clip-path:polygon(100% 0,200% 0,220% 100%,120% 100%)
}
.animation--tabs-modal-left-in--inactive{
    -webkit-clip-path:polygon(-100% 0,0 0,-20% 100%,-120% 100%);
    clip-path:polygon(-100% 0,0 0,-20% 100%,-120% 100%)
}
.animation--tabs-modal-delay-out{
    transition:border-color 1.3s cubic-bezier(.74,0,.24,.99)
}
.animation--tabs-modal-delay-out:after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(24,29,36,.85);
    opacity:0;
    transition:opacity 1.3s cubic-bezier(.74,0,.24,.99)
}
.animation--tabs-modal-delay-out--active:after{
    opacity:.5
}
.modal--video,.modal--video .modal__content{
    height:100vh;
    max-height:100vh;
    height:var(--viewport-height-actual);
    max-height:var(--viewport-height-actual)
}
.modal-form .modal-form__title{
    position:relative;
    text-align:center;
    margin-top:0;
    margin-bottom:var(--spacing-1-5)
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .modal-form .modal-form__title{
        margin-top:0;
        margin-bottom:var(--spacing-1)
    }
}
.form-success-title{
    position:absolute;
    left:0;
    top:50%;
    width:100%;
    transform:translateY(-50%);
    text-align:center
}
@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .form-success-title{
        font-size:3.6rem;
        letter-spacing:-.02em
    }
}
.form-control[readonly],.readonly.form-control{
    pointer-events:none
}
.form-control--input input,.form-control--select select,.form-control--textarea textarea{
    height:40px;
    background:transparent;
    border:none;
    border-bottom:1px solid #5d4e47;
    padding:0 0 8px;
    min-width:0
}
.form-control--input .no-hover input,.form-control--select .no-hover select,.form-control--textarea .no-hover textarea,.no-hover .form-control--input input,.no-hover .form-control--select select,.no-hover .form-control--textarea textarea{
    -webkit-appearance:none;
    border-radius:0
}
.form-control--input input.readonly,.form-control--input input[readonly],.form-control--select select.readonly,.form-control--select select[readonly],.form-control--textarea textarea.readonly,.form-control--textarea textarea[readonly]{
    pointer-events:none;
    box-shadow:none
}
.form-control--input input,.form-control--select select,.form-control--textarea textarea{
    text-transform:uppercase;
    font-size:1.2rem;
    line-height:1.33333em;
    line-height:normal;
    outline:none;
    vertical-align:middle
}
.form-control--input input:-webkit-autofill,.form-control--input input:-webkit-autofill:active,.form-control--input input:-webkit-autofill:focus,.form-control--input input:-webkit-autofill:hover,.form-control--select select:-webkit-autofill,.form-control--select select:-webkit-autofill:active,.form-control--select select:-webkit-autofill:focus,.form-control--select select:-webkit-autofill:hover,.form-control--textarea textarea:-webkit-autofill,.form-control--textarea textarea:-webkit-autofill:active,.form-control--textarea textarea:-webkit-autofill:focus,.form-control--textarea textarea:-webkit-autofill:hover{
    -webkit-transition:color .4s cubic-bezier(.25,.74,.22,.99),border-color .4s cubic-bezier(.25,.74,.22,.99),background-color 1ms ease-in-out 5000s!important;
    transition:color .4s cubic-bezier(.25,.74,.22,.99),border-color .4s cubic-bezier(.25,.74,.22,.99),background-color 1ms ease-in-out 5000s!important
}
.form-control--input input,.form-control--select select,.form-control--textarea textarea{
    transition-property:color,background-color,border-color
}
.form-control--input input:invalid,.form-control--select select:invalid,.form-control--textarea textarea:invalid{
    box-shadow:none
}
.form-control--input input::-ms-clear,.form-control--select select::-ms-clear,.form-control--textarea textarea::-ms-clear{
    display:none
}
::-webkit-credentials-auto-fill-button{
    visibility:hidden;
    pointer-events:none;
    position:absolute;
    right:0
}
::-ms-reveal{
    display:none
}
.form-label{
    position:relative;
    display:block;
    overflow:hidden;
    width:100%;
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none;
    font-size:1.3rem;
    line-height:1.33333em;
    color:#5d4e47
}
input[disabled]+.form-label,select[disabled]+.form-label,textarea[disabled]+.form-label{
    opacity:.5
}
.form-label sup{
    display:inline-block
}
.form-label:before{
    content:""
}
.ui-dark .form-label{
    color:#ca9d75
}
.form-control--float{
    position:relative
}
.form-control--float .form-label{
    position:absolute;
    padding:0;
    width:auto;
    left:0;
    top:7px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    pointer-events:none;
    transform-origin:0 0;
    transition-property:transform,color
}
.form-control--float input::-webkit-input-placeholder,.form-control--float textarea::-webkit-input-placeholder{
    color:transparent!important
}
.form-control--float input::-moz-placeholder,.form-control--float textarea::-moz-placeholder{
    color:transparent!important
}
.form-control--float input:-ms-input-placeholder,.form-control--float textarea:-ms-input-placeholder{
    color:transparent!important
}
.form-control--float.is-focused:not(.form-control--select) .form-label,.form-control--float.is-not-empty .form-label,.form-control--float input:focus~.form-label,.form-control--float textarea:focus~.form-label{
    transform:translateY(-22px) scale(.83333)
}
.form-control--float input:not(:-moz-placeholder-shown)~.form-label,.form-control--float textarea:not(:-moz-placeholder-shown)~.form-label{
    transform:translateY(-22px) scale(.83333)
}
.form-control--float input:not(:placeholder-shown)~.form-label,.form-control--float textarea:not(:placeholder-shown)~.form-label{
    transform:translateY(-22px) scale(.83333)
}
.has-error .form-label{
    color:#b54b4b
}
.form-group{
    margin-top:40px;
    margin-bottom:40px
}
.form-group--small{
    margin-top:6px;
    margin-bottom:6px
}
.form-control--textarea textarea{
    resize:vertical
}
.form-control--select select{
    width:100%;
    -webkit-appearance:menulist-button
}
.form-control--full input{
    width:100%
}
.form-control-checkbox{
    display:flex;
    align-items:center
}
.form-control-checkbox input{
    position:absolute;
    -webkit-clip-path:polygon(0 0,0 0,0 0,0 0);
    clip-path:polygon(0 0,0 0,0 0,0 0)
}
.form-control-checkbox input _:-ms-input-placeholder,:root .form-control-checkbox input{
    opacity:0
}
.form-control-checkbox__icon,.form-control-checkbox__label{
    position:relative;
    min-height:20px;
    cursor:pointer
}
.form-control-checkbox__icon:after,.form-control-checkbox__label:after{
    content:"";
    display:block;
    position:absolute;
    top:-10px;
    right:-5px;
    bottom:-10px;
    left:-5px
}
.form-control-checkbox__icon{
    height:30px;
    width:30px;
    border-radius:30px;
    box-shadow:inset 0 0 0 1px #ac835e;
    flex-shrink:0;
    overflow:hidden;
    transition-property:border-color
}
.form-control-checkbox__icon:before{
    content:"";
    display:block;
    position:absolute;
    height:30px;
    width:30px;
    border-radius:50%;
    left:0;
    top:0;
    background:url(https://vp.moscow/assets/images/common/checkbox.svg);
    background-color:#ac835e;
    background-size:10px;
    background-position:50%;
    background-repeat:no-repeat;
    transition-property:opacity;
    opacity:0
}
.form-control-checkbox__label{
    flex-grow:1;
    padding:0 0 0 20px
}
input[disabled]~.form-control-checkbox__icon,input[disabled]~.form-control-checkbox__label{
    opacity:.5;
    pointer-events:none
}
input:checked~.form-control-checkbox__icon:before{
    opacity:1
}
.form-control-checkbox a{
    position:relative;
    z-index:1
}
.is-ie .form-control-checkbox a{
    vertical-align:top
}
.has-error .form-control-checkbox__icon{
    box-shadow:inset 0 0 0 1px #b54b4b
}
.form-control-radio{
    display:flex;
    align-items:center
}
.form-control-radio input{
    position:absolute;
    -webkit-clip-path:polygon(0 0,0 0,0 0,0 0);
    clip-path:polygon(0 0,0 0,0 0,0 0)
}
.form-control-radio input _:-ms-input-placeholder,:root .form-control-radio input{
    opacity:0
}
.form-control-radio__label{
    position:relative;
    cursor:pointer;
    white-space:nowrap;
    padding:0 20px 0 0;
    transition-property:color
}
.form-control-radio__label.is-active,.form-control-radio__label:hover:active,.has-hover .form-control-radio__label:hover{
    color:#ac835e
}
.form-control-radio__label:before{
    content:"";
    display:block;
    position:absolute;
    height:12px;
    width:12px;
    right:0;
    top:0;
    background:url(https://vp.moscow/assets/images/common/radio.svg);
    background-size:12px;
    background-position:50%;
    background-repeat:no-repeat;
    transition-property:opacity;
    opacity:0
}
input[disabled]~.form-control-radio__icon,input[disabled]~.form-control-radio__label{
    opacity:.5;
    pointer-events:none
}
input:checked~.form-control-radio__label{
    color:#ac835e
}
input:checked~.form-control-radio__label:before{
    opacity:1
}
.grecaptcha-badge{
    display:none!important
}
.form-footer{
    margin-top:calc(var(--spacing) * 2.5)
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .form-footer{
        margin-top:calc(var(--spacing) * 1)
    }
}
.error-message{
    color:#b54b4b
}
div.error,label.error{
    display:block;
    padding:.8rem 0 0;
    color:#b54b4b
}
.form-control-checkbox+div.error,.form-control-checkbox+label.error{
    padding-left:50px
}
.form-control--error.form-control--input input,.form-control--error.form-control--textarea textarea{
    border-color:#b54b4b
}
@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .callback-modal__title{
        padding-left:calc(var(--spacing) * 2)
    }
}
.callback-modal__title .deco-title{
    top:34%
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .callback-modal__title .deco-title{
        top:25%
    }
}
@media only screen and (min-width:980px){
    .callback-modal__title .deco-title{
        top:29%
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .callback-modal__title .deco-title{
        top:23%
    }
    .callback-modal__title .deco-title .deco-title__text{
        font-size:21rem
    }
}
@media (max-width:567px) and (max-aspect-ratio:13/9),(max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .no-back-button .callback-modal__title{
        padding-left:0
    }
}
.gallery{
    position:relative
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery{
        display:flex;
        flex-direction:column-reverse
    }
}
.gallery__top-tabs{
    position:relative;
    z-index:3
}
.gallery__nav{
    display:flex;
    position:absolute;
    z-index:4
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery__nav{
        flex-direction:column-reverse;
        top:calc(var(--spacing) * 1.5)
    }
    .gallery__nav .btn{
        margin-bottom:10px
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .gallery__nav{
        bottom:2px
    }
    .gallery__nav .btn{
        margin-right:10px
    }
}
.gallery__title{
    position:relative;
    z-index:3;
    pointer-events:none
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery__title{
        transform:translateY(-35%)
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .gallery__title{
        position:absolute;
        width:100%;
        top:calc(var(--spacing) * 3.3)
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .gallery__title{
        top:calc(var(--spacing) * 3.25)
    }
}
.gallery__text{
    display:block;
    z-index:2;
    font-size:1rem;
    line-height:1.6em;
    letter-spacing:.1em
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .gallery__text{
        font-size:1rem;
        line-height:1.6em;
        letter-spacing:.1em
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .gallery__text{
        font-size:1.2rem;
        line-height:1.66667em;
        letter-spacing:.1em
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery__text{
        font-size:1rem;
        line-height:1.6em;
        letter-spacing:.1em
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .gallery__text{
        font-size:1rem;
        line-height:1.6em;
        letter-spacing:.1em
    }
}
.animation--image-gallery-delay--active .gallery__text{
    display:none
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .gallery__text{
        position:absolute;
        top:0;
        margin-top:calc(var(--spacing) * 7.1)
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .gallery__text{
        width:calc(var(--spacing) * 4.5)
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .gallery__text{
        width:calc(var(--spacing) * 4);
        margin-top:calc(var(--spacing) * 7.5)
    }
}
.gallery__tabs .tabs-contents__content{
    height:100%
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .gallery__tabs .tabs-contents__content{
        position:absolute
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery__tabs{
        height:75vw;
        width:calc(75vw - var(--spacing))
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .gallery__tabs{
        height:50vw;
        width:50vw
    }
}
.gallery__image{
    z-index:1;
    height:100%
}
.gallery__image picture{
    overflow:hidden;
    height:100%
}
.gallery__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery__image{
        width:calc(75vw - var(--spacing));
        height:100%;
        overflow:hidden
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .gallery__image{
        width:50vw;
        height:100%;
        overflow:hidden
    }
}
.gallery__counter{
    position:absolute;
    z-index:4;
    color:#f9f0ec;
    font-size:.8rem;
    line-height:1.75em;
    letter-spacing:.1em
}
.gallery__counter>span{
    position:absolute;
    font-size:3.95rem;
    line-height:1.01266em;
    letter-spacing:-.02em
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .gallery__counter>span{
        font-size:5.2rem;
        line-height:1.15385em;
        letter-spacing:-.02em
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .gallery__counter>span{
        font-size:7.9rem;
        line-height:1.13924em;
        letter-spacing:-.05em
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery__counter>span{
        font-size:calc(3.95rem + 12.5 * ((100vw - 320px) / 346));
        line-height:calc(1.01266em + 1.41188 * ((100vw - 320px) / 346));
        letter-spacing:-.02em
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .gallery__counter>span{
        font-size:calc(3.95rem + 12.5 * ((100vw - 568px) / 412));
        line-height:calc(1.01266em + 1.41188 * ((100vw - 568px) / 412));
        letter-spacing:-.02em
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .gallery__counter{
        font-size:1rem;
        line-height:1.6em;
        letter-spacing:.1em
    }
}
@media only screen and (min-width:1440px) and (min-height:600px){
    .gallery__counter{
        font-size:1.2rem;
        line-height:1.66667em;
        letter-spacing:.1em
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery__counter{
        font-size:calc(.8rem + 2 * ((100vw - 320px) / 346));
        line-height:calc(1.75em + -1.5 * ((100vw - 320px) / 346));
        letter-spacing:.1em
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .gallery__counter{
        font-size:calc(.8rem + 2 * ((100vw - 568px) / 412));
        line-height:calc(1.75em + -1.5 * ((100vw - 568px) / 412));
        letter-spacing:.1em
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery__counter{
        top:calc(var(--spacing) * 1.5)
    }
    .gallery__counter>span{
        top:0
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .gallery__counter{
        bottom:calc(var(--spacing) * 1.9)
    }
    .gallery__counter>span{
        bottom:calc(var(--spacing) * .85)
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery__order{
        order:-1
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .gallery.gallery--right{
        max-height:100vh;
        max-height:var(--viewport-height)
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery.gallery--right .gallery__nav{
        left:calc(var(--spacing) * 1.5)
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .gallery.gallery--right .gallery__nav{
        left:calc(var(--spacing) * 1.5)
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .gallery.gallery--right .gallery__nav{
        left:calc(var(--spacing) * 2)
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery.gallery--right .gallery__title{
        padding-left:calc(var(--spacing) * 1.5);
        transform:translateY(-35%)
    }
    .gallery.gallery--right .gallery__title .deco-title__sizer{
        margin-left:calc(var(--spacing) * 1.5 - .3em)
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .gallery.gallery--right .gallery__title{
        left:calc(var(--spacing) * 1.5);
        top:calc(var(--spacing) * 2.7)
    }
    .gallery.gallery--right .gallery__title .deco-title{
        top:25%
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .gallery.gallery--right .gallery__title{
        left:calc(var(--spacing) * 2)
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery.gallery--right .gallery__text{
        padding-left:calc(25vw + var(--spacing));
        padding-right:calc(var(--spacing) * 1.5)
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .gallery.gallery--right .gallery__text{
        max-width:calc(var(--spacing) * 240 / 20)
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .gallery.gallery--right .gallery__text{
        left:calc(var(--spacing) * 1.5)
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .gallery.gallery--right .gallery__text{
        margin-top:calc(var(--spacing) * 6.6);
        width:calc(var(--spacing) * 5.5)
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .gallery.gallery--right .gallery__text{
        width:calc(var(--spacing) * 5);
        left:calc(var(--spacing) * 2);
        margin-top:calc(var(--spacing) * 7)
    }
}
.gallery.gallery--right .gallery__tabs{
    margin-left:auto
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .gallery.gallery--right .gallery__tabs{
        height:60vw;
        width:50vw
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .gallery.gallery--right .gallery__tabs{
        max-height:100vh;
        max-height:var(--viewport-height)
    }
}
.gallery.gallery--right .gallery__counter>span{
    right:calc(var(--spacing) * 1.05)
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery.gallery--right .gallery__counter{
        right:calc(var(--spacing) * 1.5)
    }
    .gallery.gallery--right .gallery__counter>span{
        padding-right:calc(var(--spacing) * 5 / 20)
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .gallery.gallery--right .gallery__counter{
        right:var(--spacing)
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .gallery.gallery--right__image{
        max-height:100vh;
        max-height:var(--viewport-height)
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery.gallery--left{
        min-height:570px;
        display:flex;
        flex-direction:column
    }
}
@media screen and (max-aspect-ratio:13/9) and (min-width:400px) and (max-width:567px){
    .gallery.gallery--left{
        min-height:600px
    }
}
@media screen and (max-aspect-ratio:13/9) and (min-width:450px) and (max-width:567px){
    .gallery.gallery--left{
        min-height:630px
    }
}
@media screen and (max-aspect-ratio:13/9) and (min-width:500px) and (max-width:567px){
    .gallery.gallery--left{
        min-height:650px
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery.gallery--left .gallery__nav{
        top:1px;
        right:calc(var(--spacing) * 1.5)
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .gallery.gallery--left .gallery__nav{
        left:calc(50vw + var(--spacing) * 2);
        right:auto;
        bottom:calc(var(--spacing) * 1)
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .gallery.gallery--left .gallery__nav{
        left:calc(var(--spacing) * 12)
    }
}
@media only screen and (min-width:980px){
    .gallery.gallery--left .gallery__nav{
        left:calc(var(--spacing) * 14)
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .gallery.gallery--left .gallery__nav{
        left:calc(var(--spacing) * 16);
        bottom:calc(var(--spacing) * 2)
    }
}
@media only screen and (min-width:1920px) and (min-height:600px){
    .gallery.gallery--left .gallery__nav{
        left:calc(var(--spacing) * 17)
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .gallery.gallery--left .gallery__container{
        height:50vw
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .gallery.gallery--left .gallery__container{
        position:absolute;
        top:0;
        width:100%
    }
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery.gallery--left .gallery__title.gallery__title--single{
        margin-top:calc(var(--spacing) * .75);
        margin-bottom:var(--spacing)
    }
}
@media (max-width:665px) and (min-aspect-ratio:13/9),only screen and (max-width:979px) and (max-height:415px) and (min-aspect-ratio:13/9){
    .gallery.gallery--left .gallery__title{
        top:0;
        padding-left:calc(50vw + var(--spacing) * 2)
    }
}
@media (orientation:landscape) and (max-device-aspect-ratio:16/9) and (max-width:600px){
    .gallery.gallery--left .gallery__title{
        top:calc(var(--spacing) * -3)
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .gallery.gallery--left .gallery__title{
        padding-left:calc(var(--spacing) * 3.5);
        top:calc(var(--spacing) * 2)
    }
    .gallery.gallery--left .gallery__title.gallery__title--single{
        margin-top:0;
        margin-bottom:calc(var(--spacing) * -1)
    }
}
@media only screen and (min-width:980px){
    .gallery.gallery--left .gallery__title{
        padding-left:calc(var(--spacing) * 1.5);
        top:calc(var(--spacing) * 2)
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .gallery.gallery--left .gallery__title{
        padding-left:calc(var(--spacing) * 2);
        top:calc(var(--spacing) * 3)
    }
}
@media only screen and (min-width:1920px) and (min-height:600px){
    .gallery.gallery--left .gallery__title{
        padding-left:calc(var(--spacing) * 5.5)
    }
}
.gallery.gallery--left .gallery__text{
    display:block
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery.gallery--left .gallery__text{
        padding-right:calc(var(--spacing) * 5);
        padding-left:calc(var(--spacing) * 1.5)
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .gallery.gallery--left .gallery__text{
        top:auto;
        margin-top:0;
        width:auto;
        left:calc(50vw + var(--spacing) * 2);
        right:calc(var(--spacing) * 1);
        bottom:calc(var(--spacing) * 4)
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .gallery.gallery--left .gallery__text{
        left:calc(var(--spacing) * 12)
    }
}
@media only screen and (min-width:980px){
    .gallery.gallery--left .gallery__text{
        left:calc(var(--spacing) * 14);
        right:calc(var(--spacing) * 2)
    }
}
@media only screen and (min-width:1200px) and (min-height:500px){
    .gallery.gallery--left .gallery__text{
        left:calc(var(--spacing) * 16);
        right:calc(var(--spacing) * 2);
        bottom:calc(var(--spacing) * 4.3);
        max-width:calc(var(--spacing) * 6)
    }
}
@media only screen and (min-width:1920px) and (min-height:600px){
    .gallery.gallery--left .gallery__text{
        left:calc(var(--spacing) * 17);
        bottom:calc(var(--spacing) * 4)
    }
}
.gallery.gallery--left .gallery__tabs{
    margin-right:auto
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .gallery.gallery--left .gallery__relative{
        position:relative
    }
}
.gallery.gallery--left .gallery__counter{
    left:calc(75vw - var(--spacing) * 3)
}
.gallery.gallery--left .gallery__counter>span{
    right:calc(var(--spacing) * 1.05)
}
@media only screen and (max-width:567px) and (max-aspect-ratio:13/9){
    .gallery.gallery--left .gallery__counter>span{
        padding-right:calc(var(--spacing) * 5 / 20)
    }
}
@media (min-aspect-ratio:13/9),only screen and (min-width:568px){
    .gallery.gallery--left .gallery__counter{
        left:auto;
        right:calc(50vw + var(--spacing-2));
        bottom:var(--spacing)
    }
}
@media only screen and (min-width:568px) and (max-aspect-ratio:13/9),only screen and (min-width:666px) and (min-height:416px),only screen and (min-width:980px){
    .gallery.gallery--left .gallery__counter{
        right:var(--spacing)
    }
}