/* font invition */

@font-face {

    font-family: "Saans-Regular-1";
    src: url("https://intvition.com/assets/fonts/Saans-Regular-1.woff") format('woff'), url("https://intvition.com/assets/fonts/Saans-Regular-1.woff2") format('woff2');
    font-weight: 400;
    font-style :normal;

}

@font-face {

    font-family: "Saans-Regular-1";
    src: url("https://intvition.com/assets/fonts/Saans-Regular-1.woff") format('woff'), url("https://intvition.com/assets/fonts/Saans-Regular-1.woff2") format('woff2');
    font-weight: 400;
    font-style :normal;

}

/* body invition */

:root{

    --intvition-brand-bg-color-first: #1d0000;
    --intvition-brand-color-first: #eee3d1;
    --intvition-brand-bg-color-second: #001b47;
    --intvition-brand-color-second: #e8e1e1;
    --intvition-brand-bg-color-three: #051417;
    --intvition-brand-color-three: #e8e1e1;

    --intvition-brand-color-three: #ffffff;

    --intvition-brand-color-buttom-target: #1f0000;

    --intvition-brand-bg-color-web: #5C2120;
    --intvition-brand-color-web: #F1E4D0;

    --intvition-opacity: .5; /* .4 .75 */

    --intvition-brand-bg-color-first: #5C2120;
    --intvition-brand-color-first: #F1E4D0;
}

html, body {

    font-family: "Saans-Regular-1";

}

html, body, main { /* NOT Locomotive scroll */
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.app-container-inner {
    min-height: var(--vh);
    width: 100%;
}

#cursor {
    opacity: 0;
    visibility: hidden;
}

/* msi intvition */
.msie{
    background-color: var(--intvition-brand-bg-color-first);
    background: var(--intvition-brand-bg-color-first);
}
.msie > div{
    color: var(--intvition-brand-color-first);

    text-transform: lowercase;
    font-family: "Saans-Regular-1";
    font-weight: 600;
    letter-spacing: calc((1 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
body[data-namespace="item"] .msie{
    background-color: var(--intvition-brand-bg-color-second);
    background: var(--intvition-brand-bg-color-second);
}
body[data-namespace="item"] .msie > div{
    color: var(--intvition-brand-color-second);
}

/* load intvition */
.load{
    background-color: var(--intvition-brand-bg-color-first);
    background: var(--intvition-brand-bg-color-first);
}
.load > div{
    color: var(--intvition-brand-bg-color-first);

    text-transform: lowercase;
    font-family: "Saans-Regular-1";
    font-weight: 600;
    letter-spacing: calc((1 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
body[data-namespace="item"] .load{
    background-color: var(--intvition-brand-bg-color-first);
    background: var(--intvition-brand-bg-color-first);
}
body[data-namespace="item"] .load > div{
    color: var(--intvition-brand-bg-color-first);
}

/* head intvition */
.header_intvition{
    position: relative;
    /*
    padding-top: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    margin: 0 calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    */
    padding: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem) 0 calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    width: 100%;
}
.header__nav_intvition {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    gap: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 24px */
    pointer-events: auto;
}
.header__nav_intvition .logo-link_intvition {
    width: 100%;
}
.header__nav_intvition .logo-link_intvition .header__logo_intvition {
    display: block;
    width: 100%;
}

.header__navigations-wrapper_intvition {
    display: flex
;
    justify-content: space-between;
    unicode-bidi: isolate;
}
.header__navigations-wrapper_intvition {
    font-family: "Saans-Regular-1";
    text-transform: capitalize;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-size: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 300;
}
.header__navigations-wrapper_intvition a {
    --hover_duration: 0.5s;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    display: inline-block;
    color: inherit;
}
@media (min-width: 768px) {
    .header__navigations-wrapper_intvition a:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: var(--intvition-brand-color-first);
        will-change: transform;
        transition: transform var(--hover_duration);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1);
    }
    .header__navigations-wrapper_intvition a:hover:after {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        /* width: 100%; */
    }
}
    .header__navigations-wrapper_intvition a.is-active:after {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        /* width: 100%; */
    }

#main_menu_intvition{

}
    .header__subnav_intvition {
        display: block;
        margin-top: calc((38 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 20px */
        position: static;
        text-align: left;
        z-index: 9;
        font-size: 0;

        font-family: "Saans-Regular-1";
        text-transform: capitalize;
        font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        font-size: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        line-height: 1.2;
        font-weight: 300;
    }
.header__subnav_intvition ul {
    margin: 0;
    padding: 0;
}
    .header__subnav_intvition li {
        display: inline-block;
        margin-right: calc((calc(51 / 2) / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 28px */
        vertical-align: middle;
        list-style-type: none;
    }
    .header__subnav_intvition li:first-child {
        display: none;
    }
    .header__subnav_intvition li a{
        display: inline-block;
        margin-top: calc((6 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 3px */
        opacity: var(--intvition-opacity);
    }
    .header__subnav_intvition li a.is-active{
        opacity: 1 !important;
        font-weight: 900;
        pointer-events: none;
    }
@media (min-width: 768px) {
    .header__subnav_intvition li a:hover{
        transition: opacity var(--hover_duration);
        opacity: 1 !important;
    }
}
.projects-nav_intvition{
    
}
    .list_intvition{

    }
    .list--cat_intvition{
        z-index: 8;
        margin-top: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 22px */
        position: relative;
        text-align: right;
    }
.list--cat_intvition > li {
    display: inline-block;
    margin: 0 0 0 calc((calc(51 / 2) / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 28px */
    vertical-align: middle;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}
.list--cat_intvition > li > a{
    display: block;
}
    .list--cat_intvition li a{
        opacity: var(--intvition-opacity);
    }
    .list--cat_intvition li a.is-active{
        opacity: 1 !important;
    }
@media (min-width: 768px) {
    .list--cat_intvition li a:hover{
        transition: opacity var(--hover_duration);
        opacity: 1 !important;
    }
}
.projects-nav_count_intvition{

}
.projects-nav_count_intvition > div {
        z-index: 8;
        margin-top: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 22px */
        position: relative;
        text-align: right;
    }
.projects-nav_count_intvition > div > div{
    display: inline-block;
    vertical-align: middle;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;

    /* opacity: var(--intvition-opacity); */
}

@media (max-width: 768px){
.header_intvition{
            padding: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem) 0;
}
}
@media (max-width: 480px){
        .header_intvition{
        padding: calc((27 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem) 0;
    }
    .projects-nav_count_intvition {
        opacity: 0 !important;
        visibility: hidden;
        pointer-events: none;
        display: none;
    }   
 .list--cat_intvition{
    bottom: calc((27 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    left: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    position: fixed;
    right: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-align: center;
    margin-top: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
 }
 .list--cat_intvition > li {
    margin: 0 calc((9 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((9 / ((var(--dw) / 100) * var(--cs))) * 1rem);
 }
 .header__subnav_intvition li a{
   opacity: 1 !important; 
 }
    .list--cat_intvition > li > a {
        opacity: 1 !important;
        border-radius: 5.6rem;
        padding: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((37 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        background-color: var(--intvition-brand-bg-color-first);
    }
}

/* home intvition */
body[data-namespace="home_intvition"] {
    background-color: var(--intvition-brand-bg-color-web);
}
.custom-100h{
    min-height: 100vh;
    min-height: 100svh;
    height: 100svh;
}
body[data-namespace="home_intvition"] .home-hero__list {
        display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    grid-row-gap: .8rem;
    row-gap: .8rem;
    grid-column-gap: .8rem;
    -moz-column-gap: .8rem;
    column-gap: .8rem;
    max-width: 72rem;
    margin: 0 auto;
    list-style-type: none;
    padding: 0;
} 
body[data-namespace="home_intvition"] .home-hero__list .home-hero__list-item{

}  
body[data-namespace="home_intvition"] .home-hero__list .home-hero__list-item a{
    color: var(--intvition-brand-color-web); 
    border: .1rem solid #000;
    border-color: rgba(234, 238, 244, .15);
    border-radius: 5.6rem;
    padding: .4rem 1.6rem;

    text-decoration: none;
    cursor: pointer;
}   
body[data-namespace="home_intvition"] .home-hero__list .home-hero__list-item a span{
    font-size: 3rem;
    font-size: 1.5rem;
    font-size: 1.2rem;            
    line-height: 1;
    letter-spacing: .02em;
} 
@media (min-width: 768px) {
    body[data-namespace="home_intvition"] .home-hero__list .home-hero__list-item a:hover {
        transition: background-color var(--hover_duration);
        background-color: rgba(234, 238, 244, .15);
    }
}
.header__scale_intvition {

}
.footer__scale_intvition{
    
}
@media (max-width: 768px) {
    .header__scale_intvition {
    transform: scale(1.5);
    transform-origin: top center;
    }
    .footer__scale_intvition{
    transform: scale(1.5);
    transform-origin: bottom center;    
    }
}
@media (max-width: 480px) {
    .header__scale_intvition {
    transform: scale(1.5);
    transform-origin: top center;
    }
    .footer__scale_intvition{
    transform: scale(1.3);
    transform-origin: bottom center;    
    }
.header__subnav_intvition li a:after{
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: var(--intvition-brand-color-first);
        will-change: transform;
        transition: transform var(--hover_duration);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1);    
}
.list--cat_intvition li a:after {
    content: "";
    display: block;
    width: calc(100% - calc(2 * calc((37 / ((var(--dw) / 100) * var(--cs))) * 1rem)));
    height: 1px;
    position: absolute;
    bottom: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    left: calc((37 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    background-color: var(--intvition-brand-color-first);
    will-change: transform;
    transition: transform var(--hover_duration);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
}
}
/* showcase intvition */
body[data-namespace="works_intvition"]{
    background-color: var(--intvition-brand-bg-color-first);
    background: var(--intvition-brand-bg-color-first);

    color: var(--intvition-brand-color-first);
}
body[data-namespace="works_intvition"] .page-inner-content_intvition {
    min-height: calc(var(--ivh) - var(--header-h));
    width: 100%;
}
.page-inner-content_intvition{
    position: relative;
    width: 100%;
}
.bloc-projects-listing_intvition{
        display: flex
;
    flex-wrap: wrap;
        perspective: 1000px;
        width: 100%;
        padding-top: calc((calc(19 + 10) / ((var(--dw) / 100) * var(--cs))) * 1rem); 
    
}
.work__item_intvition {
        --margin-work_item: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        --width-work_item: 33.333%;

        flex: 0 0 calc(var(--width-work_item) - calc(2 * var(--margin-work_item)));
        max-width: calc(var(--width-work_item) - calc(2 * var(--margin-work_item)));
        width: 100%;

        margin: var(--margin-work_item);
        vertical-align: middle;
        height: 48.55%;;
        height: 56.25%;
        height: auto;

        color: inherit;
    }
.work__item_intvition > div {

}
/*
    portrait
    aspect-ratio: 400 / 700;
    aspect-ratio: 205 / 345;
    aspect-ratio: 2 / 3;
*/
.work__image--container_intvition {
    border-radius: calc((var(--intvition-brand-border-radius) / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 133 */
    /* aspect-ratio: 345 / 205; */
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
    width: 100%;

    height: 0;
    padding-bottom: 56.25%;
}
.work__image--container_intvition .work__image{
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;

    border-radius: calc((var(--intvition-brand-border-radius) / ((var(--dw) / 100) * var(--cs))) * 1rem);
    overflow: hidden;
}
.work__image--container_intvition .work__image--image {
    transition: filter .3s 
ease;
}
.work__image--container_intvition .work__image--hover {
    --clip1: 0%;
    --clip2: 0%;
    -webkit-clip-path: polygon(0 var(--clip2), 100% var(--clip1), 100% 0, 0 0);
    clip-path: polygon(0 var(--clip2), 100% var(--clip1), 100% 0, 0 0);
    transition: transform .3s 
ease;
    z-index: 6;
}
.work__title_intvition{
    position: relative;
    margin-top: calc((calc(20 / 2) / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-size: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 300;
    text-transform: capitalize;
}
.work__title_intvition{
    display: flex
;
    flex-direction: column;
    gap: calc((calc(10 / 2) / ((var(--dw) / 100) * var(--cs))) * 1rem);
    padding: 0 calc((calc(51 + calc(51 / 2)) / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.work__title_intvition > div:first-child{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    opacity: var(--intvition-opacity);
}
.work__title_intvition > div:last-child{
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;

    text-transform: uppercase;
}
.work__overlay_intvition--darken {
    display: none;
}
@media (max-width: 768px){
    .work__item_intvition {
        --margin-work_item: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        --width-work_item: 50%;
    }
}
@media (max-width: 480px){
    .bloc-projects-listing_intvition {
        padding-left: calc((27 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        padding-right: calc((27 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .work__item_intvition {
        --margin-work_item: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        --width-work_item: 100%;
    }
    .work__overlay_intvition--darken {
        display: none !important;
        z-index: 5;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

        opacity: var(--intvition-opacity);
        pointer-events: none;
        opacity: 1;

        background-color: rgba(23, 22, 20, .6);
        
        background: linear-gradient(77deg, rgba(0, 0, 0, .6), transparent 85%);
        background: linear-gradient(77deg, rgba(23, 22, 20, .6), transparent 85%);

        background-color: transparent !important;
    }
    .work__image--container_intvition,
    .work__image--container_intvition .work__image {
        border-radius: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem);

    }
    .work__title_intvition {

        margin-top: calc((calc(20 / 2) / ((var(--dw) / 100) * var(--cs))) * 1rem);
        padding: 0;

    }
    .work__title_intvition > div {
        /* opacity: 1 !important; */
    }
    .work__title_intvition > div:first-child {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
}
/* about intvition */
body[data-namespace="about_intvition"]{
    background-color: var(--intvition-brand-color-first);
    background: var(--intvition-brand-color-first);

    color: var(--intvition-brand-bg-color-first);

        font-family: "Saans-Regular-1";
        text-transform: none;
        font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        font-size: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        line-height: 1.2;
        font-weight: 400;
}
body[data-namespace="about_intvition"] .header__navigations-wrapper_intvition a:after {
        background-color: var(--intvition-brand-bg-color-first);
    }
#about_intvition {

}
.page-inner-content_intvition {

}
.about-inner-wrapper_intvition {
    box-sizing: border-box;
    display: flex
;
    flex-direction: column;
    justify-content: flex-end;


        gap: calc((40 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        min-height: calc(var(--vh) - var(--header-h));
        padding-top: calc((108 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
    .content-wrapper_intvition {
        box-sizing: border-box;
    display: flex
;
    gap: calc((50 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    margin: 0 auto;
        align-items: flex-end;
        flex-direction: row;
        justify-content: space-between;
        max-width: none;
        padding: 0 calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        width: 100%;
    }
    .content-wrapper_intvition .box--about_intvition {
        column-count: 2;
        column-gap: calc((36 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 20px */
        margin-left: 0;
        max-width: calc((1143 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 640px */
    } 
        .content-wrapper_intvition .box--about_intvition svg {
     
    }
    .content-wrapper_intvition .box--about_intvition svg path,
    .content-wrapper_intvition .box--about_intvition .currentColor {
      stroke: var(--intvition-brand-bg-color-first);  
    }
body[data-namespace="about_intvition"] a.btn {
    --hover_duration: 0.5s;
    color: var(--intvition-brand-bg-color-first); 
    border: calc((2.5 / ((var(--dw) / 100) * var(--cs))) * 1rem) solid var(--intvition-brand-bg-color-first);
    border-radius: 5.6rem;
    padding: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((37 / ((var(--dw) / 100) * var(--cs))) * 1rem);

    text-decoration: none;
    cursor: pointer;
}   
body[data-namespace="about_intvition"] a.btn span.btn-label{ 
    font-size: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);          
    line-height: 1;
    letter-spacing: .02em;
} 
@media (min-width: 768px) {
    body[data-namespace="about_intvition"] a.btn:hover {
        transition: background-color var(--hover_duration);
        background-color: rgba(29, 0, 0, .05);
    }
}
html.has-video-open .video .video_burger .video_burger-container .video_burger-close .bar {
    background: var(--intvition-brand-bg-color-first);
}
.about-inner-wrapper_intvition .list--about-images_intvition {
    bottom: 0;
    font-size: 0;
    height: calc((595 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 626 or 330px */
    left: 0;
    overflow-x: scroll;
    right: 0;
    white-space: nowrap;
    width: 100%;
    -overflow-scrolling: touch;
}
.about-inner-wrapper_intvition .list--about-images_intvition {
    scrollbar-color: var(--intvition-brand-color-first);
    scrollbar-width: none;
}
.list_intvition {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
    .about-inner-wrapper_intvition .list--about-images_intvition > li:first-child:nth-last-child(5), 
    .about-inner-wrapper_intvition .list--about-images_intvition > li:first-child:nth-last-child(5) ~ li {
        width: 20%;
    }
.about-inner-wrapper_intvition .list--about-images_intvition > li {
    display: inline-block;
    height: 100%;
    vertical-align: middle;

    overflow: hidden;
    border-radius: calc((var(--intvition-brand-border-radius) / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.about-inner-wrapper_intvition .list--about-images_intvition .pic_intvition {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.pic_intvition {
    display: block;
}
.pic_genre_intvition{
    position: relative;
    width: 100%;
    height: 100%;
}
.pic_genre_intvition > div {
    z-index: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(29, 0, 0, var(--intvition-opacity));
}
.pic_genre_intvition > div {
        display: flex
;
    row-gap: calc((calc(51 / 2) / ((var(--dw) / 100) * var(--cs))) * 1rem);
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: calc((calc(51 / 2) / ((var(--dw) / 100) * var(--cs))) * 1rem);
    align-content: center;
}
.pic_genre_intvition > div > a.btn{
    pointer-events: none;
    display: inline-block;
    color: var(--intvition-brand-color-first);
    border-color: rgba(234, 238, 244, .15);
}
html.has-photo-open body[data-namespace="about_intvition"] .photo .photo_burger .photo_burger-container .photo_burger-close .bar, 
body[data-namespace="about_intvition"] .photo .photo_burger .photo_burger-container .photo_burger-close .bar, 
html.has-video-open body[data-namespace="about_intvition"] .video .video_burger .video_burger-container .video_burger-close .bar, 
body[data-namespace="about_intvition"] .video .video_burger .video_burger-container .video_burger-close .bar{
    background: var(--intvition-brand-bg-color-first);
}
@media (max-width: 768px){

}
@media (max-width: 480px){
    .about-inner-wrapper_intvition .list--about-images_intvition > li:first-child:nth-last-child(5), 
    .about-inner-wrapper_intvition .list--about-images_intvition > li:first-child:nth-last-child(5) ~ li {
        width: 80%;
    }
}
/* contact intvition */
body[data-namespace="contact_intvition"] {
    background-color: var(--intvition-brand-color-first);
    background: var(--intvition-brand-color-first);
    color: var(--intvition-brand-bg-color-first);
}
body[data-namespace="contact_intvition"] .header__navigations-wrapper_intvition a:after {
    background-color: var(--intvition-brand-bg-color-first);
}
.contact-page-title_intvition {
        box-sizing: border-box;
    display: flex
;
    align-items: flex-end;
    flex-direction: row;
    justify-content: space-between;
    min-height: calc(var(--ivh) - var(--header-h));
    padding: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 40px 30px */
}
.contact-page-title_intvition .box_intvition {
    color: var(--intvition-brand-bg-color-first);
    font-family: "Saans-Regular-1";
    text-transform: none;
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-size: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    line-height: 1.2;
    font-weight: 400;
}
.contact-page-title_intvition .box_intvition:first-child {
    text-align: left;
}
.contact-page-title_intvition .box_intvition:nth-child(2) {
    align-content: center;
    align-self: center;

    border-radius: calc((var(--intvition-brand-border-radius) / ((var(--dw) / 100) * var(--cs))) * 1rem);
    overflow: hidden;

    max-width: calc(var(--ivh) / 1.5);
    width: calc(33.333% - calc(2 * calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem)));
}
.contact-page-title_intvition .box_intvition:last-child {
    text-align: right;
}
.box_video_intvition {
    width: 100%;
    display: block;
    height: auto;
}
.box_video_intvition {
    border-radius: calc((var(--intvition-brand-border-radius) / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.contact-page-title_intvition .box_intvition:first-child > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.contact-page-title_intvition .box_intvition:first-child > ul > li {
        display: flex
;
    margin-top: calc((35 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    position: relative;
    align-items: baseline;
}
/* .contact-page-title_intvition .box_intvition:first-child > ul > li:last-child, */
.contact-page-title_intvition .box_intvition:first-child > ul > li:first-child {
    margin-top: calc((calc(41 / 1) / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 20px */
    margin-top: 0px !important;
}
.contact-page-title_intvition .box_intvition:first-child > ul > li > div {
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-size: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-weight: 400;
    line-height: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 1.4 */
    margin: 0;
    /* max-width: 80px; */
    width: calc((calc(163 / 1.5) / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.contact-page-title_intvition .box_intvition:first-child > ul > li > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding: 0 0 0 calc((29 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 14px */
    text-transform: uppercase;
}
.contact-page-title_intvition .box_intvition:first-child > ul > li > ul > li {
    margin-top: calc((calc(41 / 2) / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 10px */

    text-transform: capitalize;
}
.contact-page-title_intvition .box_intvition:first-child > ul > li > ul > li:first-child {
    margin-top: 0;
}
.contact-page-title_intvition .box_intvition a {
    color: inherit;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    --hover_duration: 0.5s;

    text-transform: lowercase;
}
body[data-namespace="contact_intvition"] .contact-page-title_intvition .box_intvition a:after {
    background-color: var(--intvition-brand-bg-color-first);
}
@media (min-width: 768px) {
    .contact-page-title_intvition .box_intvition a:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: var(--intvition-brand-color-first);
        will-change: transform;
        transition: transform var(--hover_duration);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scale3d(0, 1, 1);
        transform: scale3d(0, 1, 1);
    }
    .contact-page-title_intvition .box_intvition a:hover:after {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        /* width: 100%; */
    }
}
.contact-page-title_intvition .box_intvition:last-child > div {
    margin: calc((25 / ((var(--dw) / 100) * var(--cs))) * 1rem) 0 0; /* 14px */
}
.contact-page-title_intvition .box_intvition:last-child > div:last-child {
    display: none;
}
.contact-page-title_intvition .box_intvition:last-child > div:first-child {
    margin-top: 0px;
}
@media (max-width: 768px){
    .contact-page-title_intvition {
        flex-direction: column;
        padding: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .contact-page-title_intvition .box_intvition:first-child,
    .contact-page-title_intvition .box_intvition:last-child{
        width: 100%;
    }
    .contact-page-title_intvition .box_intvition:nth-child(2){
        width: calc(calc(33.333% * 2) - calc(2 * calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem)));
        
        border-radius: calc((var(--intvition-brand-border-radius) / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .contact-page-title_intvition .box_intvition:first-child > ul > li {
        margin-top: calc((20 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .contact-page-title_intvition .box_intvition:first-child > ul > li > ul {
        padding: 0 0 0 calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .contact-page-title_intvition .box_intvition:last-child > div {
        margin: calc((14 / ((var(--dw) / 100) * var(--cs))) * 1rem) 0 0;
    }
}
@media (max-width: 480px){
    .contact-page-title_intvition {
        padding: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem) calc((27 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 28 */
    }
    .contact-page-title_intvition .box_intvition:nth-child(2) {
        width: 100%;

        
        border-radius: calc((var(--intvition-brand-border-radius) / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .contact-page-title_intvition .box_intvition:first-child > ul > li > div {
        width: calc((calc(163 / 1.9) / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
}
/* target intvition */
html.has-dom-animated .navigator>div .navigator_content>a {
    pointer-events: all;
    transition: none;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
}
body[data-namespace="item"] .navigator>div .navigator_content>a {
    pointer-events: all;
    transition: none;
    -webkit-transform: translateY(0%) translateX(-50%);
    transform: translateY(0%) translateX(-50%);
}
html.has-dom-animated .navigator>div .navigator_content>div {
    pointer-events: all;
    transition: none;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
body[data-namespace="item"] .navigator>div .navigator_content>div {
    pointer-events: all;
    transition: none;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
html.has-dom-animated body[data-namespace="item"] .--yup {
    -webkit-transform: none !important;
    transform: none !important;
    pointer-events: all !important;
}
body[data-namespace="item"] .--yup {
    -webkit-transform: none !important;
    transform: none !important;
    pointer-events: all !important;
}
html.has-dom-animated body[data-namespace="item"] .mask {
    pointer-events: all !important;
    transition: none !important;
    transform: scale(1, 0) !important;
}
body[data-namespace="item"] .mask {
    pointer-events: all !important;
    transition: none !important;
    transform: scale(1, 0) !important;
}

body[data-namespace="home_intvition"] .customvideo-video {
    opacity: 0;
    transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
html.has-dom-animated body[data-namespace="home_intvition"] .customvideo-video {
    opacity: 1;
}
body[data-namespace="item"] .navigator>div .navigator_content,
body[data-namespace="item"] .item>div>div:first-child,
body[data-namespace="item"] .item>div>div:nth-child(2) {
    opacity: 0;
    transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
html.has-dom-animated body[data-namespace="item"] .navigator>div .navigator_content,
html.has-dom-animated body[data-namespace="item"] .item>div>div:first-child,
html.has-dom-animated body[data-namespace="item"] .item>div>div:nth-child(2) {
    opacity: 1;
}
body[data-namespace="item"] .item>div>div:first-child {
    transition-delay: 0.05s;
}
body[data-namespace="item"] .item>div>div:nth-child(2){
    transition-delay: 0.10s;
}

body[data-namespace="item"] {
    background-color: var(--intvition-brand-bg-color-first);
    background: var(--intvition-brand-bg-color-first);
    color: var(--intvition-brand-color-first);
}
body[data-namespace="item"] .navigator {
    position: relative;
    position: static;
}
.navigator > div .navigator_content > a {
    pointer-events: auto !important;
}
.navigator > div .navigator_content > div > a {
    opacity: 1;
    pointer-events: auto !important;
    visibility: visible;

    color: var(--intvition-brand-color-first);
}
.navigator > div .navigator_content > div > a:after{
    background-color: var(--intvition-brand-color-first);
}
.item>div>div:first-child > div .mask {
    background-color: var(--intvition-brand-bg-color-first) !important;
}
.item>div>div:first-child>div, 
.item>div>div:first-child>div img {
    border-radius: calc((var(--intvition-brand-border-radius) / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.item > div > div:nth-child(2) > div:nth-child(3) a{
    color: var(--intvition-brand-color-first); 
    border: calc((2.5 / ((var(--dw) / 100) * var(--cs))) * 1rem) solid var(--intvition-brand-color-first);
}
.item>div>div:nth-child(2)>div:nth-child(2)>div>div span {
    opacity: var(--intvition-opacity);
}
@media (min-width: 768px) {
    .item>div>div:nth-child(2)>div:nth-child(3) a:hover>div>div {
        color: var(--intvition-brand-bg-color-first);
        color: var(--intvition-brand-color-first); 
    }
}
.item>div>div:nth-child(2)>div:nth-child(3) a>div::after {
    background-color: var(--intvition-brand-color-first); 
    background-color: rgb(241 228 208 / 15%);
}
html.has-photo-open .photo .photo_burger .photo_burger-container .photo_burger-close .bar,
.photo .photo_burger .photo_burger-container .photo_burger-close .bar,
html.has-video-open .video .video_burger .video_burger-container .video_burger-close .bar,
.video .video_burger .video_burger-container .video_burger-close .bar {
    background: var(--intvition-brand-color-first);
}
body[data-namespace="item"] svg #next {
    fill: var(--intvition-brand-color-first) !important;
}
.navigator>div .navigator_content>div,
.item>div>div:nth-child(2)>div:first-child,
.navigator>div .navigator_content>div.item>div>div:nth-child(2)>div:first-child,
.item>div>div:nth-child(2)>div:nth-child(2)>div>div span,
.item>div>div:nth-child(2)>div:nth-child(2)>div>div p,
.item>div>div:nth-child(2)>div:nth-child(3) a>div>div,
.item>div>div:nth-child(2)>div:nth-child(4) {
    font-family: "Saans-Regular-1";
    text-transform: capitalize;
}
.item>div>div:nth-child(2)>div:nth-child(4) {
    text-transform: none;
}
.item>div>div:nth-child(2)>div:nth-child(5)>div>div>div button {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
/* cookies */
.cookies>div>div,
.cookies>div>button, 
.cookies>div>button>div {
    font-family: "Saans-Regular-1";
    text-transform: capitalize;
}
/* error 404 */
body[data-namespace="error_intvition"]{
    background-color: var(--intvition-brand-bg-color-first);
    background: var(--intvition-brand-bg-color-first);

    color: var(--intvition-brand-color-first);
}
body[data-namespace="error_intvition"] main{

}
body[data-namespace="error_intvition"] .page-inner-content_intvition {
    min-height: calc(var(--ivh) - var(--header-h));
    width: 100%;
}
.error-page-title_intvition {
    bottom: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 30 px */
    box-sizing: border-box;
    color: var(--intvition-brand-color-first);
    font-size: calc((61 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 30px */
    line-height: normal;
    padding: 0 calc((70 / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 0 30px */
    position: absolute;
    text-align: center;
    width: 100%;
    font-weight: 900;
    font-weight: bold;
}
@media (max-width: 768px){
    .error-page-title_intvition{
        padding: 0 calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        font-size: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
}
@media (max-width: 480px){
    .error-page-title_intvition{
        padding: 0 calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        font-size: calc((45 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
}

/* change */
/*
.header__nav_intvition {
    justify-content: center;
    align-items: center;
}
.header_intvition {
    padding-top: calc((75 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.header__nav_intvition .logo-link_intvition {
    width: calc((200 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
*/

/* animation intvition */
.header__logo_intvition,
.header__subnav_intvition,
.projects-nav_count_intvition,
.projects-nav_intvition,
.bloc-projects-listing_intvition {
    opacity: 0;
    transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.header__subnav_intvition{
    transition-delay: 0.05s;
}
.projects-nav_count_intvition{
    transition-delay: 0.10s;
}
.projects-nav_intvition{
    transition-delay: 0.15s;
}
.bloc-projects-listing_intvition{
    transition-delay: 0.20s;
}
html.has-dom-animated {
    opacity: ;
}
html.has-dom-animated .header__logo_intvition,
html.has-dom-animated .header__subnav_intvition,
html.has-dom-animated .projects-nav_count_intvition,
html.has-dom-animated .projects-nav_intvition,
html.has-dom-animated .bloc-projects-listing_intvition {
    opacity: 1;
}
.box--about_intvition,
body[data-namespace="about_intvition"] a.btn,
.list--about-images_intvition {
    opacity: 0;
    transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.box--about_intvition {
    transition-delay: 0.20s;
}
body[data-namespace="about_intvition"] a.btn {
    transition-delay: 0.25s;
}
.list--about-images_intvition {
    transition-delay: 0.30s;
}
html.has-dom-animated .box--about_intvition,
html.has-dom-animated body[data-namespace="about_intvition"] a.btn,
html.has-dom-animated .list--about-images_intvition {
    opacity: 1;
}
.error-page-title_intvition {
    opacity: 0;
    transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.error-page-title_intvition {
    transition-delay: 0.20s;
}
html.has-dom-animated .error-page-title_intvition {
    opacity: 1;
}
.box_intvition {
    opacity: 0;
    transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.box_intvition:first-child {
    transition-delay: 0.20s;
}
.box_intvition:nth-child(2) {
    transition-delay: 0.25s;
}
.box_intvition:last-child {
    transition-delay: 0.30s;
}
html.has-dom-animated .box_intvition {
    opacity: 1;
}

/* NOT border radius */
@import url('https://fonts.googleapis.com/css2?family=Azeret+Mono:ital,wght@0,100..900;1,100..900&display=swap');
html.font_azeret-mono,
html.font_azeret-mono body {
  font-family: "Azeret Mono", monospace, sans-serif, system-ui;
  font-optical-sizing: auto;
  font-weight: ;
  font-style: normal;
}

@import url('https://db.onlinewebfonts.com/c/55d433372d270829c51e2577a78ef12d?family=Monument+Extended+Bold');
@font-face {
    font-family: "Monument Extended Bold", sans-serif, system-ui;
    font-display: swap;
    font-style: normal;
    font-weight: 700;
    src: url("https://db.onlinewebfonts.com/t/55d433372d270829c51e2577a78ef12d.eot");
    src: url("https://db.onlinewebfonts.com/t/55d433372d270829c51e2577a78ef12d.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/55d433372d270829c51e2577a78ef12d.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/55d433372d270829c51e2577a78ef12d.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/55d433372d270829c51e2577a78ef12d.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/55d433372d270829c51e2577a78ef12d.svg#Monument Extended Bold")format("svg");
}

            @font-face {
                font-family: "GroteskNeueWeb";
                src: url('https://intvition.com/assets/fonts/FKGroteskNeue-Regular.9bdeef8.woff') format("woff"), url('https://intvition.com/assets/fonts/FKGroteskNeue-Regular.bfb48c5.woff2') format("woff2");
                font-weight: 400;
                font-style: normal;
            }
            @font-face {
                font-family: "GroteskMonoWeb";
                src: url('https://intvition.com/assets/fonts/FKGroteskMono-Regular.ed22bf6.woff') format("woff"), url('https://intvition.com/assets/fonts/FKGroteskMono-Regular.9e3aefd.woff2') format("woff2");
                font-weight: 400;
                font-style: normal;
            }

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap');
html.font_space-grotesk,
html.font_space-grotesk body {
  font-family: "Space Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: ;
  font-style: normal;
}

html.not_border-radius body[data-namespace="home_intvition"] .container-fluid{
    padding-right: 0 !important;
    padding-left: 0 !important;
}
html.not_border-radius body[data-namespace="home_intvition"] .customvideo-wrapper .customvideo-video {
    width: 100vw !important;
    height: 100% !important;
    margin-top: 0% !important;
    margin-bottom: 0% !important;
}
html.not_border-radius body[data-namespace="home_intvition"] .customvideo-wrapper .customvideo-video video {
    width: 100vw !important;
    border-radius: 0px !important;
}
.list--cat_intvition li:first-child a {
    /* text-transform: lowercase; */
}
html.small_header_logo body[data-namespace="works_intvition"] .header__nav_intvition,
html.small_header_logo body[data-namespace="contact_intvition"] .header__nav_intvition,
html.small_header_logo body[data-namespace="error_intvition"] .header__nav_intvition {
    justify-content: center;
}
html.small_header_logo body[data-namespace="works_intvition"] .header__nav_intvition .logo-link_intvition,
html.small_header_logo body[data-namespace="contact_intvition"] .header__nav_intvition .logo-link_intvition,
html.small_header_logo body[data-namespace="error_intvition"] .header__nav_intvition .logo-link_intvition {
    max-width: calc((307 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    max-width: 195px;
}
html.not_count body[data-namespace="works_intvition"] .projects-nav_count_intvition {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
html.not_border-radius body[data-namespace="works_intvition"] .work__image--container_intvition,
html.not_border-radius body[data-namespace="works_intvition"] .work__image--container_intvition .work__image{
    border-radius: 0px !important;
}
html.border_box body[data-namespace="works_intvition"] .work__item_intvition {
    background-color: #1d0000;
}
html.border_box.extended body[data-namespace="works_intvition"] .work__item_intvition > div {
    padding: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
html body[data-namespace="works_intvition"] .work__title_intvition{
    flex-direction: column-reverse;
}
html:not(.border_box) body[data-namespace="works_intvition"] .work__item_intvition > div{
    margin-bottom: calc((calc(20 / 2) / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
html body[data-namespace="works_intvition"] .work__title_intvition > div:first-child {
    display: flex
;
    flex-direction: column;
    flex: 1;
    align-items: flex-start;
}
html.not_border-radius body[data-namespace="works_intvition"] .work__title_intvition{
    padding: 0;
}
html.not_border-radius body[data-namespace="contact_intvition"] .contact-page-title_intvition .box_intvition:nth-child(2) {
    border-radius: 0px !important;
}
html.not_border-radius body[data-namespace="item"] .item>div>div:first-child>div, 
html.not_border-radius body[data-namespace="item"] .item>div>div:first-child>div img,
html.not_border-radius body[data-namespace="item"] .photo .photo_container .inner-wrapper, 
html.not_border-radius body[data-namespace="item"] .photo .photo_container .inner-wrapper .slide, 
html.not_border-radius body[data-namespace="item"] .photo .photo_container .inner-wrapper .slide .img-wrapper, 
html.not_border-radius body[data-namespace="item"] .photo .photo_container .inner-wrapper .slide .img-wrapper img,
html.not_border-radius body[data-namespace="item"] .video .video_container, 
html.not_border-radius body[data-namespace="item"] .video .video_container iframe {
    border-radius: 0px !important;
}
html.not_border-radius body[data-namespace="about_intvition"] .about-inner-wrapper_intvition .list--about-images_intvition > li {
    border-radius: 0px !important;
}

@media (max-width: 768px){

}
@media (max-width: 480px){

}

/* responsive intvition */

@media (min-width: 768px) {
    a:hover {

    }
}
@media (max-width: 768px){

}
@media (max-width: 480px){

}

/* menu */
:root {
    --rem: 16px;
    --main-bezier: 
cubic-bezier(0.63, 0.01, 0, 0.83);
    --quad-ease-out: 
cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --quad-ease-in-out: 
cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

::selection {
    background-color: #000;
    color: #fff;
    text-shadow: none;
}

.btn--menu, 
.header__subnav_intvition li {
    font-style: normal;
    font-weight: 700;
}

#menu_intvition {

}

.menu_intvition {

}

    .btn--menu {
        display: none;
        font-size: 12px;
        line-height: 14px;
        -webkit-font-smoothing: antialiased;
    } 

.btn--menu {
    background-color: rgb(29 0 0 / 75%);
    border-radius: 20px;
    box-sizing: border-box;
    clip-path: inset(0 round 0);
    color: var(--intvition-brand-color-first);
    padding: 10px 16px;
    position: absolute;
    right: calc((28 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    text-decoration: none;
    transition: all .3s var(--main-bezier), opacity .6s var(--main-bezier);
    text-transform: uppercase;
}
.btn--menu span {
    transition: opacity .3s 
cubic-bezier(.63, .01, 0, .83);
}
.btn--menu:before {
    background-color: rgb(29 0 0 / 100%);
    border-radius: 50%;
    color: var(--intvition-brand-color-first);
    content: "x";
    display: block;
    height: 34px;
    line-height: 34px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: scale(0);
    transition: all .4s 
cubic-bezier(.63, .01, 0, .83);
    width: 34px;
}
.--open .btn--menu {
    background-color: var(--intvition-brand-bg-color-first);
    clip-path: inset(0 0 0 calc(100% - 34px) round 20px);
}
.--open .btn--menu:before {
    transform: scale(1);
}
.--open .btn--menu span {
    opacity: 0;
}

.--open .header__subnav_intvition {
    display: block;
}
.--open .header__subnav_intvition li a {
    animation: scale-in .4s cubic-bezier(.175, .885, .22, 1.075) 0ms 1 normal forwards;
    opacity: 0;
    transform: scale(0);
}
.--open .header__subnav_intvition li:nth-child(2) a {
    animation-delay: 60ms;
}
.--open .header__subnav_intvition li:nth-child(3) a {
    animation-delay: .12s;
}
.--open .header__subnav_intvition li:nth-child(4) a {
    animation-delay: .18s;
}
.--close .header__subnav_intvition li a {
    animation: scale-out .4s cubic-bezier(.175,.885,.22,1.075) 0ms 1 normal forwards;
}
.--close .header__subnav_intvition li:first-child a {
    animation-delay: .18s;
}
.--close .header__subnav_intvition li:nth-child(2) a {
    animation-delay: .12s;
}
.--close .header__subnav_intvition li:nth-child(3) a {
    animation-delay: 60ms;
}

@keyframes scale-in {
    0% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}
@keyframes scale-out {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(0)
    }
}

.btn--menu {
    opacity: 0;
    transition: opacity 500ms cubic-bezier(0.03, 0.15, 0.16, 0.99);
}
.btn--menu {
    transition-delay: 0.05s;
}
html.has-dom-animated .btn--menu {
    opacity: 1;
}

@media (max-width: 768px){

}
@media (max-width: 480px){
    .header__nav_intvition .logo-link_intvition {
        width: calc(100% - 100px);
    }
    .btn--menu {
        display: block;
    }   
    .header__subnav_intvition {
        display: none;
        font-size: 0;
        margin-top: 0;
        position: absolute;
        right: 0;
        text-align: right;
        z-index: 9;
    }

    .header__subnav_intvition ul {
        margin: 0;
        padding: 0;
    }

    .header__subnav_intvition li {
        display: block;
        font-size: 12px;
        list-style-type: none;
    }

    .header__subnav_intvition li:first-child {
        display: block;
    }

    li {
        display: list-item;
        unicode-bidi: isolate;
    }

    .header__subnav_intvition li a {
        background-color: rgb(29 0 0 / 75%);
        border-radius: 20px;
        color: var(--intvition-brand-color-first);
        display: inline-block;
        margin-top: 3px;
        opacity: 1;
        padding: 10px 16px;
        pointer-events: auto;
        text-decoration: none;
        transition: all .4s 
    cubic-bezier(.63, .01, 0, .83);
    }
}
/* transform light */
::selection {
    background-color: #5C2120;
    color: #F1E4D0;
    text-shadow: none;
}
:root {
    --intvition-brand-border-radius: 111;
}
.work__item_intvition{
    border: calc((0 / ((var(--dw) / 100) * var(--cs))) * 1rem) solid #1d0000;
    border-top-left-radius: calc((var(--intvition-brand-border-radius) / ((var(--dw) / 100) * var(--cs))) * 1rem);
    border-top-right-radius: calc((var(--intvition-brand-border-radius) / ((var(--dw) / 100) * var(--cs))) * 1rem);
    background-color: #1d0000;
    border-bottom-right-radius: calc((11 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    border-bottom-left-radius: calc((11 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.projects-nav_count_intvition {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.work__title_intvition {
    padding: 0 calc((calc(20 / 2) / ((var(--dw) / 100) * var(--cs))) * 1rem); /* 0 calc((calc(51 / 2) / ((var(--dw) / 100) * var(--cs))) * 1rem) */
}
.work__title_intvition {
    font-size: calc((17 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.navigator > div .navigator_content > div > a {
    font-size: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    font-style: normal;
    font-weight: 700;
}
.navigator>div .navigator_content>a {
    height: calc((22 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.item>div>div:nth-child(2)>div:first-child>div,
.item>div>div:nth-child(2)>div:first-child,
.item>div>div:nth-child(2)>div:nth-child(2)>div>div span {
    text-transform: uppercase;
}
.item>div>div:nth-child(2)>div:nth-child(4) {
    font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
.item>div>div:nth-child(2)>div:nth-child(3) a>div>div {
    font-size: calc((17 / ((var(--dw) / 100) * var(--cs))) * 1rem);
}
@media (max-width: 768px){
    :root {
        --intvition-brand-border-radius: calc(111 / 2);
    }
    .contact-page-title_intvition .box_intvition:first-child > ul > li > div,
    .contact-page-title_intvition .box_intvition{
        font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .navigator>div .navigator_content>a {
        height: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .navigator > div .navigator_content > div > a {
        font-size: calc((19 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .item {
        padding-top: calc((calc(170 / 2) / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .item>div>div:first-child>div {
        margin-bottom: calc((calc(110 / 2) / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .item>div>div:nth-child(2)>div:nth-child(2)>div>div p,
    .item>div>div:nth-child(2)>div:nth-child(4) {
        font-size: calc((17 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .item>div>div:nth-child(2)>div:nth-child(3) a>div>div {
        font-size: calc((15 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .item>div>div:nth-child(2)>div:nth-child(5) {
        display: none;
    }
}
@media (max-width: 480px) {
    .work__image--container_intvition, 
    .work__image--container_intvition .work__image {
        border-radius: calc((var(--intvition-brand-border-radius) / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .work__item_intvition {
        --margin-work_item: calc((10 / ((var(--dw) / 100) * var(--cs))) * 1rem);
        --width-work_item: 100%;
        margin: 0 0 calc(var(--margin-work_item) * 2) 0;
        flex: 0 0 calc(var(--width-work_item));
        max-width: calc(var(--width-work_item));
    }
    .header__subnav_intvition li a:after {
        display: none;
    }
    .header__navigations-wrapper_intvition {
        font-size: 12px;
    }
    .navigator>div .navigator_content>a {
        height: 12px;
    }
    .navigator > div .navigator_content > div > a {
        font-size: 12px;
    }
    .item {
        padding-top: calc((calc(170 / 4) / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .item>div>div:nth-child(2)>div:nth-child(2)>div>div p,
    .item>div>div:nth-child(2)>div:nth-child(4) {
        font-size: calc((17 / ((var(--dw) / 100) * var(--cs))) * 1rem);
    }
    .contact-page-title_intvition .box_intvition:first-child > ul > li > div,
    .contact-page-title_intvition .box_intvition{
        font-size: 12px;
    }
    
}

/* filter */
.works_filters_intvition.--fixed {
    z-index: 10;
    position: fixed;
    top: 0;
    left: var(--fixed_left);
}