/**** NAVIGATION****/
:root {
    --font-s-h0: 17.3611111111vw;
    --font-lh-h0: 15.6944444444vw;
    --font-ls-h0: -0.7986111111vw;
    --font-s-h1: 10vw;
    --font-lh-h1: 10vw;
    --font-ls-h1: -0.3472222222vw;
    --font-s-h2: 3.6111111111vw;
    --font-lh-h2: 5.522222222vw;
    --font-ls-h2: -0.1041666667vw;
    --font-s-h3: 2.2222222222vw;
    --font-lh-h3: 2.7777777778vw;
    --font-ls-h3: -0.0069444444vw;
    --font-s-h4: 1.6666666667vw;
    --font-lh-h4: 2.2222222222vw;
    --font-ls-h4: 0vw;
    --font-s-p: 1.1111111111vw;
    --font-lh-p: 1.6666666667vw;
    --font-ls-p: 0.0069444444vw;
    --font-s-subtitle: 0.8333333333vw;
    --font-lh-subtitle: 1.1111111111vw;
    --font-ls-subtitle: 0.0069444444vw;
    --font-s-p-small: 0.9722222222vw;
    --font-lh-p-small: 1.4583333333vw;
    --font-ls-p-small: 0.0069444444vw;
    --font-s-cta: 1.1111111111vw;
    --font-lh-cta: 1.1111111111vw;
    --font-ls-cta: 0vw;
    --font-s-label: 0.9722222222vw;
    --font-lh-label: 0.9722222222vw;
    --font-ls-label: 0vw;

    --color-white: #fff;
    --color-white-02: hsla(0, 0%, 100%, 0.2);
    --color-white-04: hsla(0, 0%, 100%, 0.4);
    --color-white-06: hsla(0, 0%, 100%, 0.6);
    --color-white-08: hsla(0, 0%, 100%, 0.8);
    --color-off-white: #f8f8f8;
    --color-off-white-02: hsla(0, 0%, 97%, 0.2);
    --color-off-white-04: hsla(0, 0%, 97%, 0.4);
    --color-off-white-06: hsla(0, 0%, 97%, 0.6);
    --color-off-white-08: hsla(0, 0%, 97%, 0.8);
    --color-dark-grey: #0d0e13;
    --color-dark-grey-02: rgba(13, 14, 19, 0.2);
    --color-dark-grey-04: rgba(13, 14, 19, 0.4);
    --color-dark-grey-06: rgba(13, 14, 19, 0.6);
    --color-dark-grey-08: rgba(13, 14, 19, 0.8);
    --color-light-grey: #e4e0db;
    --color-light-grey-02: hsla(33, 14%, 88%, 0.2);
    --color-light-grey-06: hsla(33, 14%, 88%, 0.6);
    --color-light-grey-08: hsla(33, 14%, 88%, 0.8);
    --color-sand: #e0ccbb;
    --color-sand-06: hsla(28, 37%, 81%, 0.6);
    --color-sand-08: hsla(28, 37%, 81%, 0.8);

}

.main-wrapper {
    height: 100vh;
    width: 100vh;
    background-color: #fff;
    position: relative;
}

.is-light .menu-button[data-v-649bbaab] {
    color: #fff;
    color: var(--color-white);
}

.menu-button[data-v-649bbaab] {
    line-height: 1.3888888889vw;
    margin: 20px;
}

.menu-button::before {
    content: "menu"
}


.menu-button[data-v-649bbaab] {

    display: flex;
    font-family: var(--fontuse);
    font-weight: 400;
    font-size: 1.3rem;

    letter-spacing: var(--font-ls-p-small);

    line-height: 12px;
    color: #fff;
    mix-blend-mode: difference;
    position: fixed;
    right: 10px;
    top: 0px;
    transition: color 0.5s;
    z-index: 99914;
}

button {
    cursor: pointer;
    appearance: none;
    background: 0 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font: inherit;
    outline: 0;
}

.label[data-v-649bbaab] {
    position: relative;
}

.label-item[data-v-649bbaab] {
    display: block;
    position: absolute;
    right: 0;
    transform-origin: top left;
    will-change: transform;
}

.js-label-menu-close {
    visibility: hidden;
}

.icon[data-v-649bbaab] {
    height: 1vw;
    margin-left: 0.8333333333vw;
    width: 1.25vw;
    will-change: transform;
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}

.icon-close[data-v-649bbaab] {
    height: 1.0416666667vw;
    width: 1.0416666667vw;
    position: absolute;
}

@media screen and (min-width:990px) {

    .icon-burger[data-v-649bbaab] {
        height: 1vw;
        width: 1.35vw;
        position: absolute;
    }
}

@media screen and (max-width:990px) {
       .icon-burger[data-v-649bbaab] {
        height: 1rem;
        width: 2.2rem;
        position: absolute;
        right: -2.2vw;
        top: 0vw;
    }

       .icon-close[data-v-649bbaab] {
        height: 2rem;
        width: 1rem;
        position: absolute;
        right: -1vw;
        top: -0.55rem;
    }


}





/* Menu  */

.is-light-grey .nav[data-v-ee146a3a] {
    color: #e4e0db;
    color: var(--color-light-grey);

}

.nav[data-v-ee146a3a] {

    position: fixed;
    right: 3.4722222222vw;
    top: 3.125vw;
    transition: color 0.5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 99999999;
}

.menu[data-v-919f03a6],
.wrapper[data-v-919f03a6] {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}

.menu[data-v-919f03a6] {
    background-color: var(--primary);

    color: var(--color-light-grey);
    position: fixed;
    z-index: 10;
    transform: translate(0px, 0px) !important
}

.wrapper[data-v-919f03a6] {
    will-change: transform;
}

.wrapper[data-v-919f03a6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
}

.wrapper[data-v-919f03a6] {
    will-change: transform;
}

.wrapper[data-v-919f03a6] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
}

.container[data-v-919f03a6] {
    grid-column-gap: 0.2222222222vw;
    grid-template-columns: repeat(12, 1fr);
    margin: 0 8.3333333333vw;
}

.container[data-v-919f03a6] {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    margin: 0 15vw;
}


.images[data-v-919f03a6] {
    height: 38.138889vw;
    left: 19.7916666667vw;
    overflow: hidden;
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
    width: 33.319444vw;
}

.image-item[data-v-919f03a6]:first-child {
    visibility: visible;
}

.image-item[data-v-919f03a6] {
    will-change: transform;
}

.image-item[data-v-919f03a6] {
    backface-visibility: hidden;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;

}

.image[data-v-919f03a6] {
    backface-visibility: hidden;
}

.image-item-js {
    position: absolute;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: .4s cubic-bezier(0.9, 0, 0.1, 1);
    transform: rotate(2deg) scale(1.13, 1.13) !important;
}

.image-item-js.active {
    z-index: 5 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: rotate(0deg) scale(1, 1) !important;
}


.main[data-v-919f03a6] {
    grid-column: 8 / 12;
    margin-bottom: 1.4055555556vw;
    text-align: left
}

.main[data-v-919f03a6] {
    /* grid-column: 2 / 11; */
    position: relative;
}

.main-link[data-v-919f03a6] {
    overflow: hidden;
}

.current[data-v-919f03a6] {
    height: 0.8333333333vw;
    margin: 1.7361111111vw 0;
    width: 0.8333333333vw;
}

.current[data-v-919f03a6] {
    align-items: center;
    display: flex;
    height: 16vw;
    left: -8.5333333333vw;
    position: absolute;
    top: 0;
    visibility: hidden;
    /* width: 3.2vw; */
}

.icon-star[data-v-919f03a6] {
    height: 0.8333333333vw;
    width: 0.8333333333vw;
}

.main-line[data-v-919f03a6] {
    font-family: var(--fontuse);
    font-weight: 400;
    font-size: clamp(20px, 6vw, 72px);
    letter-spacing: var(--font-ls-h2);
    line-height: clamp(20px, 7vw, 10vh);
    will-change: transform;
    transform-style: preserve-3d;
    perspective: 1200px;
    transition: all 0.5s;
}

.main-line[data-v-919f03a6] {
    display: inline-flex;
    position: relative;
    transform-origin: top left;
    text-decoration: auto;
    color: var(--white)
}

.main-line[data-v-919f03a6]:after {
    bottom: 1px;
    height: 2px;
}

.main-line[data-v-919f03a6]:after {
    background: currentColor;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.5s cubic-bezier(1, 0, 0, 1);
    width: 100%;
    top: 92%;
    will-change: transform;
}

.main-line[data-v-919f03a6]:hover {
    color: var(--cooffice);
    transition: all 0.5s;


}




.main-line[data-v-919f03a6]:hover:after {
    transform: scaleX(1);
    transform-origin: left center;
}

.link[data-v-919f03a6] {
    bottom: 4.1666666667vw;
    position: fixed;
    right: 4.1666666667vw;
}

.link[data-v-5152decb] {
    display: inline-flex;

    font-family: var(--fontuse);
    font-weight: 400;

    font-size: var(--font-s-cta);
    justify-self: flex-start;

    letter-spacing: var(--font-ls-cta);

    line-height: var(--font-lh-cta);

}

.circle[data-v-5152decb] {
    align-items: center;
    border-radius: 100%;
    display: flex;
    height: 0.408333vw;
    justify-content: center;
    background-color: var(--cooffice);
    left: -0.95vw;
    overflow: hidden;
    position: absolute;
    top: -0.99vw;
    z-index: 9999;
    width: 0.408333vw;
}

.circle-fill[data-v-5152decb] {
    background: currentColor;
    border-radius: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    will-change: transform;
    z-index: 1;
}

.circle-outline[data-v-5152decb] {
    height: 0.4166666667vw;
    width: 0.4166666667vw;
}

.circle-outline[data-v-5152decb] {
    fill: none;
    overflow: visible;
    position: absolute;
}

.circle-icon[data-v-5152decb] {
    align-items: center;
    bottom: 0;
    color: var(--color-dark-grey);
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.icon-arrow[data-v-5152decb] {
    height: 0.6944444444vw;
    width: 0.7638888889vw;
}

.label[data-v-5152decb] {
    will-change: transform;
}

.label[data-v-5152decb] {
    padding-bottom: 2.1388888889vw;
}

.border[data-v-5152decb] {
    will-change: transform;
}

.border[data-v-5152decb] {
    background: currentColor;
    bottom: 0;
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    transform-origin: right;
}

.social[data-v-919f03a6] {
    grid-column: 8 / 13;


}

.social[data-v-919f03a6] {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: flex-start;
    flex-wrap: nowrap;
}


.social-link[data-v-919f03a6] {
    overflow: hidden;


}

.link-item[data-v-919f03a6] {

    color: var(--color-light-grey-66);
    display: inline-flex;

    font-family: var(--fontuse);
    font-weight: 400;
    font-size: 1.22995555vw;

    letter-spacing: var(--font-l-p);
    line-height: 2.56622vw;
    position: relative;
    transform-origin: top left;
    transition: color 0.45s;
    will-change: transform;
    text-decoration: auto;
}


.link-item[data-v-919f03a6]:after {
    bottom: 2px;
}

.link-item[data-v-919f03a6]:after {
    background: currentColor;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform 0.5s cubic-bezier(1, 0, 0, 1);
    width: 100%;
    will-change: transform;
}

.link-item[data-v-919f03a6]:hover {
    /* color: #e4e0db; */
    color: var(--color-light-grey);
}

.link-item[data-v-919f03a6]:hover:after {
    transform: scaleX(1);
    transform-origin: left center;
}

.sub[data-v-919f03a6] {
    align-items: flex-start;
    font-size: 1.2rem;
    font-weight: 400;
    bottom: 6.1666666667vw;
    display: flex;
    left: 4.1666666667vw;
    position: fixed;
    width: fit-content;
    flex-direction: column;
    justify-content: flex-start;
    list-style: none;
}

.link-item.is-reel[data-v-919f03a6] {
    display: flex;
}

.sub-link[data-v-919f03a6]:last-child {
    margin-left: auto;


}

#phonenav {
    color: var(--white);
    text-decoration: auto
}

#emailnav {
    color: var(--white);
    text-decoration: auto;
}

li.sub-link2 {
    margin-top: 1rem
}

.paged {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;

}

.menu {
    display: none;
}