html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    height:100%;
    overflow-x:hidden;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,optgroup,strong{
    font-weight:700
}
h1{
    margin:.67em 0
}
img{
    border:0;
    max-width:100%;
    vertical-align:middle;
    display:inline-block
}
svg:not(:root){
    overflow:hidden
}
hr{
    box-sizing:content-box;
    height:0
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
@font-face{
    font-family:webflow-icons;
    src:url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');
    font-weight:400;
    font-style:normal
}
    [class*=" w-icon-"],[class^=w-icon-]{
        font-family:webflow-icons!important;
        speak:none;
        font-style:normal;
        font-weight:400;
        font-variant:normal;
        text-transform:none;
        line-height:1;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale
    }
    *{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box
    }
    body{
        margin:0;
        min-height:100%;
        background-color:#fff;
        font-family:Arial,sans-serif;
        font-size:14px;
        line-height:20px;
        color:#333;
    }
    html.w-mod-touch *{
        background-attachment:scroll!important
    }
    .w-block{
        display:block
    }
    .w-inline-block{
        max-width:100%;
        display:inline-block
    }
    .w-hidden{
        display:none
    }
    .w-button{
        display:inline-block;
        padding:9px 15px;
        background-color:#3898ec;
        color:#fff;
        border:0;
        line-height:inherit;
        text-decoration:none;
        cursor:pointer;
        border-radius:0
    }
    input.w-button{
        -webkit-appearance:button
    }
    html[data-w-dynpage] [data-w-cloak]{
        color:transparent!important
    }
    h1,h2,h3,h4,h5,h6{
        font-weight:700;
        margin-bottom:10px
    }
    h1{
        font-size:38px;
        line-height:44px;
        margin-top:20px
    }
    h2{
        font-size:32px;
        line-height:36px;
        margin-top:20px
    }
    h3{
        font-size:24px;
        line-height:30px;
        margin-top:20px
    }
    h4{
        font-size:18px;
        line-height:24px;
        margin-top:10px
    }
    h5{
        font-size:14px;
        line-height:20px;
        margin-top:10px
    }
    h6{
        font-size:12px;
        line-height:18px;
        margin-top:10px
    }
    p{
        margin-top:0;
        margin-bottom:10px
    }
    blockquote{
        margin:0 0 10px;
        padding:10px 20px;
        border-left:5px solid #e2e2e2;
        font-size:18px;
        line-height:22px
    }
    figure{
        margin:0 0 10px
    }
    figcaption{
        margin-top:5px;
        text-align:center
    }
    ol,ul{
        margin-top:0;
        margin-bottom:10px;
        padding-left:40px
    }
    .w-list-unstyled{
        padding-left:0;
        list-style:none
    }
    .w-embed:after,.w-embed:before{
        content:" ";
        display:table;
        grid-column-start:1;
        grid-row-start:1;
        grid-column-end:2;
        grid-row-end:2
    }
    .w-embed:after{
        clear:both
    }
    .w-video{
        width:100%;
        position:relative;
        padding:0
    }
    fieldset{
        padding:0;
        margin:0;
        border:0
    }
    [type=button],[type=reset],button{
        border:0;
        cursor:pointer;
        -webkit-appearance:button
    }
    .w-form{
        margin:0 0 15px
    }
    .w-form-done{
        display:none;
        padding:20px;
        text-align:center;
        background-color:#ddd
    }
    .w-form-fail{
        display:none;
        margin-top:10px;
        padding:10px;
        background-color:#ffdede
    }
    label{
        display:block;
        margin-bottom:5px;
        font-weight:700
    }
    .w-container{
        margin-left:auto;
        margin-right:auto;
        max-width:940px
    }
    .w-container:after,.w-container:before{
        content:" ";
        display:table;
        grid-column-start:1;
        grid-row-start:1;
        grid-column-end:2;
        grid-row-end:2
    }
    .w-container:after{
        clear:both
    }
    .w-container .w-row{
        margin-left:-10px;
        margin-right:-10px
    }
    .w-row:after,.w-row:before{
        content:" ";
        display:table;
        grid-column-start:1;
        grid-row-start:1;
        grid-column-end:2;
        grid-row-end:2
    }
    .w-row:after{
        clear:both
    }
    .w-row .w-row{
        margin-left:0;
        margin-right:0
    }
    .w-col{
        position:relative;
        float:left;
        width:100%;
        min-height:1px;
        padding-left:10px;
        padding-right:10px
    }
    .w-col .w-col{
        padding-left:0;
        padding-right:0
    }
    .w-col-1{
        width:8.33333333%
    }
    .w-col-2{
        width:16.66666667%
    }
    .w-col-3{
        width:25%
    }
    .w-col-4{
        width:33.33333333%
    }
    .w-col-5{
        width:41.66666667%
    }
    .w-col-6{
        width:50%
    }
    .w-col-7{
        width:58.33333333%
    }
    .w-col-8{
        width:66.66666667%
    }
    .w-col-9{
        width:75%
    }
    .w-col-10{
        width:83.33333333%
    }
    .w-col-11{
        width:91.66666667%
    }
    .w-col-12{
        width:100%
    }
    .w-hidden-main{
        display:none!important
    }
    @media screen and (max-width:991px){
        .w-container{
            max-width:728px
        }
        .w-hidden-main{
            display:inherit!important
        }
        .w-hidden-medium{
            display:none!important
        }
        .w-col-medium-1{
            width:8.33333333%
        }
        .w-col-medium-2{
            width:16.66666667%
        }
        .w-col-medium-3{
            width:25%
        }
        .w-col-medium-4{
            width:33.33333333%
        }
        .w-col-medium-5{
            width:41.66666667%
        }
        .w-col-medium-6{
            width:50%
        }
        .w-col-medium-7{
            width:58.33333333%
        }
        .w-col-medium-8{
            width:66.66666667%
        }
        .w-col-medium-9{
            width:75%
        }
        .w-col-medium-10{
            width:83.33333333%
        }
        .w-col-medium-11{
            width:91.66666667%
        }
        .w-col-medium-12{
            width:100%
        }
        .w-col-stack{
            width:100%;
            left:auto;
            right:auto
        }
    }
    @media screen and (max-width:767px){
        .w-hidden-main,.w-hidden-medium{
            display:inherit!important
        }
        .w-hidden-small{
            display:none!important
        }
        .w-container .w-row,.w-row{
            margin-left:0;
            margin-right:0
        }
        .w-col{
            width:100%;
            left:auto;
            right:auto
        }
        .w-col-small-1{
            width:8.33333333%
        }
        .w-col-small-2{
            width:16.66666667%
        }
        .w-col-small-3{
            width:25%
        }
        .w-col-small-4{
            width:33.33333333%
        }
        .w-col-small-5{
            width:41.66666667%
        }
        .w-col-small-6{
            width:50%
        }
        .w-col-small-7{
            width:58.33333333%
        }
        .w-col-small-8{
            width:66.66666667%
        }
        .w-col-small-9{
            width:75%
        }
        .w-col-small-10{
            width:83.33333333%
        }
        .w-col-small-11{
            width:91.66666667%
        }
        .w-col-small-12{
            width:100%
        }
    }
    @media screen and (max-width:479px){
        .w-container{
            max-width:none
        }
        .w-hidden-main,.w-hidden-medium,.w-hidden-small{
            display:inherit!important
        }
        .w-hidden-tiny{
            display:none!important
        }
        .w-col{
            width:100%
        }
        .w-col-tiny-1{
            width:8.33333333%
        }
        .w-col-tiny-2{
            width:16.66666667%
        }
        .w-col-tiny-3{
            width:25%
        }
        .w-col-tiny-4{
            width:33.33333333%
        }
        .w-col-tiny-5{
            width:41.66666667%
        }
        .w-col-tiny-6{
            width:50%
        }
        .w-col-tiny-7{
            width:58.33333333%
        }
        .w-col-tiny-8{
            width:66.66666667%
        }
        .w-col-tiny-9{
            width:75%
        }
        .w-col-tiny-10{
            width:83.33333333%
        }
        .w-col-tiny-11{
            width:91.66666667%
        }
        .w-col-tiny-12{
            width:100%
        }
    }
    @media screen and (max-width:767px){
        .w-nav-brand{
            padding-left:10px
        }
    }
    .w-nav{
        position:relative;
        background:#ddd;
        z-index:1000
    }
    .w-nav:after,.w-nav:before{
        content:" ";
        display:table;
        grid-column-start:1;
        grid-row-start:1;
        grid-column-end:2;
        grid-row-end:2
    }
    .w-nav:after{
        clear:both
    }
    .w-nav-brand{
        position:relative;
        float:left;
        text-decoration:none;
        color:#333
    }
    .w-nav-link{
        position:relative;
        display:inline-block;
        vertical-align:top;
        text-decoration:none;
        color:#222;
        padding:20px;
        text-align:left;
        margin-left:auto;
        margin-right:auto
    }
    .w-nav-link.w--current{
        color:#0082f3
    }
    .w-nav-menu{
        position:relative;
        float:right
    }
    [data-nav-menu-open]{
        display:block!important;
        position:absolute;
        top:100%;
        left:0;
        right:0;
        background:#c8c8c8;
        text-align:center;
        overflow:visible;
        min-width:200px
    }
    .w--nav-link-open{
        display:block;
        position:relative
    }
    .w-nav-overlay{
        position:absolute;
        overflow:hidden;
        display:none;
        top:100%;
        left:0;
        right:0;
        width:100%
    }
    .w-nav-overlay [data-nav-menu-open]{
        top:0
    }
    .w-nav[data-animation=over-left] .w-nav-overlay{
        width:auto
    }
    .w-nav[data-animation=over-left] .w-nav-overlay,.w-nav[data-animation=over-left] [data-nav-menu-open]{
        right:auto;
        z-index:1;
        top:0
    }
    .w-nav[data-animation=over-right] .w-nav-overlay{
        width:auto
    }
    .w-nav[data-animation=over-right] .w-nav-overlay,.w-nav[data-animation=over-right] [data-nav-menu-open]{
        left:auto;
        z-index:1;
        top:0
    }
    .w-nav-button{
        position:relative;
        float:right;
        padding:18px;
        font-size:24px;
        display:none;
        cursor:pointer;
        -webkit-tap-highlight-color:transparent;
        tap-highlight-color:rgba(0,0,0,0);
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none
    }
    .w-nav-button:focus{
        outline:0
    }
    .w-nav-button.w--open{
        background-color:#c8c8c8;
        color:#fff
    }
    .w-nav[data-collapse=all] .w-nav-menu{
        display:none
    }
    .w--nav-dropdown-open,.w--nav-dropdown-toggle-open,.w-nav[data-collapse=all] .w-nav-button{
        display:block
    }
    .w--nav-dropdown-list-open{
        position:static
    }
    @media screen and (max-width:991px){
        .w-nav[data-collapse=medium] .w-nav-menu{
            display:none
        }
        .w-nav[data-collapse=medium] .w-nav-button{
            display:block
        }
    }
    @media screen and (max-width:767px){
        .w-nav[data-collapse=small] .w-nav-menu{
            display:none
        }
        .w-nav[data-collapse=small] .w-nav-button{
            display:block
        }
        .w-nav-brand{
            padding-left:10px
        }
    }
    @media screen and (max-width:479px){
        .w-nav[data-collapse=tiny] .w-nav-menu{
            display:none
        }
        .w-nav[data-collapse=tiny] .w-nav-button,.w-tab-link{
            display:block
        }
    }
    .w-ix-emptyfix:after{
        content:""
    }
    @keyframes spin{
        0%{
            transform:rotate(0)
        }
        100%{
            transform:rotate(360deg)
        }
    }
    .w-dyn-empty{
        padding:10px;
        background-color:#ddd
    }
    .w-condition-invisible,.w-dyn-bind-empty,.w-dyn-hide{
        display:none!important
    }
    .w-layout-grid{
        display:-ms-grid;
        display:grid;
        grid-auto-columns:1fr;
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr;
        -ms-grid-rows:auto auto;
        grid-template-rows:auto auto;
        grid-row-gap:16px;
        grid-column-gap:16px
    }
    .body{
        max-height:0;
        background-color:#fff;
        font-family:'Tomato grotesk',Arial,sans-serif;
        color:#000;
        font-size:16px;
        line-height:120%
    }
    .hero-header{
        position:relative;
        z-index:0;
        display:block;
        overflow:visible;
        width:100vw;
        height:100vh;
        max-height:none;
        max-width:none;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -webkit-box-align:start;
        -webkit-align-items:flex-start;
        -ms-flex-align:start;
        align-items:flex-start;
        -webkit-align-content:flex-end;
        -ms-flex-line-pack:end;
        align-content:flex-end;
        background-color:#fff;
        text-align:center;
        -o-object-fit:fill;
        object-fit:fill
    }
    .full-bleed-heading{
        bottom:0;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        overflow:visible;
        max-width:none;
        min-width:100vw;
        margin-top:0;
        margin-bottom:0;
        clear:none;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -webkit-box-align:end;
        -webkit-align-items:flex-end;
        -ms-flex-align:end;
        align-items:flex-end;
        -webkit-align-self:flex-end;
        -ms-flex-item-align:end;
        align-self:flex-end;
        opacity:1;color:#000;
        font-size:22vw;
        line-height:90%;
        font-weight:400;
        text-align:center;
        letter-spacing:-.04em;
        text-transform:uppercase;
        white-space:normal;
        -o-object-fit:scale-down;
        object-fit:scale-down
    }
    .intro-text.livreblanc{
        font-size:6vw;
    }
    .full-bleed-heading.work{
        left:0;
        top:0;
        right:auto;
        bottom:0;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100vw;
        height:25vh;
        min-width:0;
        margin-top:auto;
        margin-bottom:auto;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-flex:0;
        -webkit-flex:0 auto;
        -ms-flex:0 auto;
        flex:0 auto;
        color:#000;
        font-size:6vw;
    }
    .full-bleed-heading.work.projets{
        font-size:10vw;
        height:70vh;
    }
    .full-bleed-heading.about{
        position:absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        font-family:'Tomato grotesk',Arial,sans-serif;
        font-size:29vw;
        font-weight:400;
        -o-object-fit:scale-down;
        object-fit:scale-down
    }
    .full-bleed-heading.about.fade-up.tricks{
        font-size:30vw
    }
    .text-span{
        display:block;
        margin-left:0;
        padding-left:0;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        font-family:'Canela web','Times New Roman',sans-serif;
        font-style:italic;
        font-weight:100;
        text-align:center;
        letter-spacing:-.02em
    }
    .intro-text{
        position:relative;
        z-index:3;
        display:block;
        max-width:90vw;
        margin:0 0 60px;
        -webkit-box-align:end;
        -webkit-align-items:flex-end;
        -ms-flex-align:end;
        align-items:flex-end;
        -webkit-box-flex:0;
        -webkit-flex:0 auto;
        -ms-flex:0 auto;
        flex:0 auto;
        font-family:'Tomato grotesk',Arial,sans-serif;
        font-size:68px;
        line-height:90%;
        font-weight:400;
        text-align:center;
        letter-spacing:-.02em;
        text-transform:uppercase
    }
    .text-span-2,.text-span-3,.text-span-4,.text-span-5{
        font-family:'Canela web','Times New Roman',sans-serif;
        font-style:italic;
        font-weight:100;
        text-transform:none
    }
    .container-6{
        max-width:100vw;
        margin-top:30px;
        padding-right:30px;
        padding-left:30px
    }
    .grid-2{
        position:relative;
        z-index:200;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        -ms-grid-columns:1fr 1fr 1fr;
        grid-template-columns:1fr 1fr 1fr;
        -ms-grid-rows:auto;
        grid-template-rows:auto;
        background-color:transparent;
        mix-blend-mode:normal
    }
    .caption{
        background-color:transparent;
        font-family:'Tomato grotesk',Arial,sans-serif;color:#000;
        font-size:14px;
        line-height:120%;
        font-weight:400;
        letter-spacing:.05em;
        text-decoration:none;
        text-transform:uppercase;
        mix-blend-mode:normal
    }
    .caption.right{
        font-family:'Tomato grotesk',Arial,sans-serif;
        text-align:right
    }
    .caption.right.social-links{
        color:#fff
    }
    .caption.time{
        font-family:'Tomato grotesk',Arial,sans-serif;
        color:#000
    }
    .caption.centred{
        margin-top:40px;
        margin-bottom:24px;
        text-align:center
    }
    .caption.next-up{
        margin-bottom:20px;
        color:#fff
    }
    .caption.is-white{
        position:static;
        color:#fff
    }
    .caption.is-white.is-centred{
        text-align:center
    }
    .menu-icon{
        width:40px;
        height:40px
    }
    .mobile-nav{
        display:none
    }
    .about-blurb{
        position:relative;
        z-index:9;
        width:100vw;
        height:300vh;
        margin-top:0;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        background-color:#fff
    }
    .container-7{
        position:relative;
        z-index:2;
        max-width:100vw;
        margin-top:200px;
        padding-right:30px;
        padding-left:30px
    }
    .grid-3{
        grid-column-gap:0px;
        grid-row-gap:0px;
        -ms-grid-columns:0.75fr 1fr 1fr 1.25fr 1.25fr 1.25fr 1fr 0.75fr;
        grid-template-columns:0.75fr 1fr 1fr 1.25fr 1.25fr 1.25fr 1fr 0.75fr;
        -ms-grid-rows:auto auto auto auto auto;
        grid-template-rows:auto auto auto auto auto
    }
    .navigation-time{
        position:static;
        left:0;
        top:0;
        right:0;
        bottom:auto;
        z-index:11;
        min-width:100vw;
        mix-blend-mode:exclusion
    }
    .time{
        color:#fff;
        font-size:14px;
        text-align:right;
        letter-spacing:.05em;
        text-transform:uppercase
    }
    .title-row{
        mix-blend-mode:exclusion
    }
    .title-row.clock{
        mix-blend-mode:normal
    }
    .title-row.mobile{
        margin-bottom:0;
        background-color:transparent;
        color:#fff;
        mix-blend-mode:normal
    }
    .image{
        position:relative;
        z-index:1;
        margin-top:-25px;
        padding-bottom:0
    }
    .image-2,.image-3{
        position:relative;
        margin-top:-30px
    }
    .work-section{
        position:relative;
        z-index:10;
        display:block;
        overflow:visible;
        width:100vw;
        padding-top:0;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        background-color:#fff
    }
    .collection-item{
        position:relative;
        display:inline-block;
        overflow:visible;
        width:572px;
        height:572px;
        -o-object-fit:fill;
        object-fit:fill
    }
    .project-thumbnail-image{
        position:absolute;
        z-index:2;
        border-radius:20px;
        opacity:1;
        -webkit-transition:opacity .5s ease-in-out;
        transition:opacity .5s ease-in-out
    }
    .project-thumbnail-image:hover{
        opacity:0
    }
    .project-thumbnail-image.hover{
        position:absolute;
        opacity:1
    }
    .project-wrapper{
        position:absolute;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        overflow:hidden;
        width:100%;
        height:100%;
        -webkit-box-pack:start;
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        -webkit-box-align:end;
        -webkit-align-items:flex-end;
        -ms-flex-align:end;
        align-items:flex-end;
        border-radius:20px;
    }
    .projects-wrapper{
        position:relative;
        display:inline-block;
        margin-right:auto;
        margin-left:auto;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center
    }
    .grid-4{
        position:absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        grid-column-gap:8px;
        grid-row-gap:16px;
        -ms-grid-columns:auto 1fr;
        grid-template-columns:auto 1fr;
        -ms-grid-rows:1fr 1fr;
        grid-template-rows:1fr 1fr
    }
    .heading-4{
        margin-top:0;
        margin-bottom:0;
        padding:12px 20px
    }
    .heading-4.caption{
        margin-bottom:20px;
        margin-left:20px;
        border-radius:100vw;
        background-color:#fff;
        color:#000
    }
    .heading-4.caption:hover{
        background-color:#000;
        color:#fff
    }
    .heading-4.caption.status{
        margin-left:0;
        border:1px solid #fff;
        background-color:transparent;
        color:#fff
    }
    .camera{
        position:-webkit-sticky;
        position:sticky;
        top:0;
        overflow:visible;
        width:100vw;
        height:100vh;
        background-color:transparent
    }
    .frame{
        position:relative;
        z-index:1;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        height:100%;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        border-bottom-left-radius:30px;
        border-bottom-right-radius:30px
    }
    .item{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100vw;
        height:100vh;
        margin-left:0;
        padding-right:40px;
        padding-left:40px;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-flex:0;
        -webkit-flex:0 auto;
        -ms-flex:0 auto;
        flex:0 auto
    }
    .item.hero-text{
        position:-webkit-sticky;
        position:sticky;
        left:auto;
        right:auto;
        bottom:0;
        z-index:0;
        display:block;
        margin-left:0;
        padding-right:0;
        padding-left:0;
        -webkit-box-pack:start;
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        border-bottom-left-radius:30px;
        border-bottom-right-radius:30px
    }
    .item.all-projects{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100vw;
        height:100vh;
        margin-top:auto;
        margin-bottom:auto;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center
    }
    .div-block-5{
        position:relative;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:572px;
        height:572px;
        margin-top:auto;
        margin-bottom:auto;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        grid-auto-columns:1fr;
        grid-column-gap:16px;
        grid-row-gap:0px;
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        -ms-grid-rows:2fr;
        grid-template-rows:2fr;
        border-radius:20px;
        background-color:#000
    }
    .all-projects{
        position:static;
        bottom:-239px;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        overflow:visible;
        width:100%;
        height:100%;
        margin-top:0;
        margin-bottom:0;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-flex:0;
        -webkit-flex:0 auto;
        -ms-flex:0 auto;
        flex:0 auto;
        font-family:'Tomato grotesk',Arial,sans-serif;
        color:#fff;
        font-size:48px;
        line-height:120%;
        font-weight:400;
        text-align:center;
        text-transform:uppercase;
        -o-object-fit:fill;
        object-fit:fill
    }
    .text-span-6{
        font-family:'Canela web','Times New Roman',sans-serif;
        font-style:italic
    }
    .div-block-7{
        min-height:100vh;
        min-width:100vw
    }
    .hero-camera{
        position:-webkit-sticky;
        position:sticky;
        top:0;
        width:100vw;
        height:100vh;
        background-color:#fff
    }
    .hero-frame{
        position:relative;
        z-index:3;
        height:100%;
        background-color:#fff
    }
    .element{
        position:-webkit-sticky;
        position:sticky;
        top:0;
        bottom:auto;
        z-index:20;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100vw;
        height:100vh;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:end;
        -webkit-align-items:flex-end;
        -ms-flex-align:end;
        align-items:flex-end;
        background-color:#fff
    }
    .about-camera{
        position:-webkit-sticky;
        position:sticky;
        top:0;
        bottom:
        auto;
        z-index:1;
        overflow:hidden;
        width:100vw;
        height:100vh
    }
    .div-block-12{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100vw;
        height:100vh;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:end;
        -webkit-justify-content:flex-end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center
    }
    .about-frame{
        position:relative;
        z-index:3;
        height:100%
    }
    .image-7{
        position:relative
    }
    .image-8{
        position:relative;
        z-index:4
    }
    .image-9{
        position:relative
    }
    .footer{
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:1;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100vw;
        height:80vh;
        margin:auto 0;
        padding-top:0;
        padding-bottom:0;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        background-color:#000;
        opacity:1
    }
    .footer-content{
        position:relative;
        left:0;
        top:auto;
        right:0;
        bottom:0;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        overflow:visible;
        max-width:100vw;
        margin:auto auto 80px;
        padding-left:0;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -webkit-box-align:start;
        -webkit-align-items:flex-start;
        -ms-flex-align:start;
        align-items:flex-start;
        -webkit-align-content:flex-start;
        -ms-flex-line-pack:start;
        align-content:flex-start;
        -webkit-box-flex:0;
        -webkit-flex:0 auto;
        -ms-flex:0 auto;
        flex:0 auto;
        background-color:transparent;
        -o-object-fit:fill;
        object-fit:fill
    }
    .footer-heading{
        position:static;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:90vw;
        margin-top:0;
        margin-bottom:80px;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-flex:0;
        -webkit-flex:0 auto;
        -ms-flex:0 auto;
        flex:0 auto;
        font-family:'Tomato grotesk',Arial,sans-serif;
        color:#fff;
        font-size:9vw;
        line-height:90%;
        font-weight:400;
        letter-spacing:-.04em;
        text-transform:uppercase
    }
    .paragraph{
        height:100%;
        font-family:'Canela web','Times New Roman',sans-serif;
        color:#fff;
        font-size:48px;
        font-style:italic;
        font-weight:100;
        text-decoration:none
    }
    .grid-5{
        width:90vw;
        margin-bottom:0;
        justify-items:stretch;
        -webkit-box-align:end;
        -webkit-align-items:end;
        -ms-flex-align:end;
        align-items:end;
        -ms-grid-columns:7fr 3fr;
        grid-template-columns:7fr 3fr;
        -ms-grid-rows:auto;
        grid-template-rows:auto
    }
    .paragraph-2{
        color:#fff
    }
    .section-footer-spacer{
        position:relative;
        left:0;
        right:0;
        bottom:0;
        z-index:0;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100vw;
        height:80vh;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        border-bottom-left-radius:30px;
        border-bottom-right-radius:30px;
        opacity:0
    }
    .section{
        width:100%;
        height:50%;
        background-color:#e43333
    }
    .div-block-13{
        position:relative;
        z-index:10;
        width:100%;
        height:25vh;
        border-bottom-left-radius:30px;
        border-bottom-right-radius:30px;
        background-color:#fff
    }
    .container-8{
        height:100vh;
        border-bottom-left-radius:30px;
        border-bottom-right-radius:30px;
        background-color:#fff
    }
    .div-block-14{
        position:relative;
        z-index:0;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100%;
        height:50vh;
        border-bottom-left-radius:30px;
        border-bottom-right-radius:30px;
        background-color:#fff;
        color:#ca1d1d
    }
    .nav{
        max-width:100vw;
        margin-top:0;
        margin-right:0;
        padding:30px;
        background-color:transparent;
        opacity:1;mix-blend-mode:normal
    }
    .nav.mobile{
        display:none;
        padding-bottom:30px;
        mix-blend-mode:normal
    }
    .menu-button{
        position:static;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;padding:0;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .menu-button.w--open{
        padding:0;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        background-color:transparent
    }
    .navbar{
        position:fixed;
        left:0;
        top:0;
        right:0;
        bottom:auto;
        z-index:200;
        min-width:100vw;
        background-color:transparent;
        background-clip:border-box;
        -webkit-text-fill-color:inherit;
        mix-blend-mode:normal
    }
    .navbar.mobile{
        background-color:transparent;
        mix-blend-mode:exclusion
    }
    .nav-link,.nav-link-2,.nav-link-3{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        color:#fff
    }
    .nav-menu{
        position:fixed;
        left:0;
        top:0;
        right:0;
        bottom:0;
        z-index:199;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:auto;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:end;
        -webkit-align-items:flex-end;
        -ms-flex-align:end;
        align-items:flex-end;
        background-color:#000
    }
    .header{
        position:static;
        z-index:200;
        width:100vw;
        background-color:transparent
    }
    .section-2{
        position:relative;
        z-index:100;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex
    }
    .nav-link-wrapper{
        position:relative;
        left:0;
        top:0;
        right:0;
        bottom:0;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100vw;
        height:100vh;
        margin-bottom:0;
        padding-bottom:120px;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:end;
        -webkit-justify-content:flex-end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1;
        -o-object-fit:fill;
        object-fit:fill
    }
    .nav-link-block{
        display:block;
        width:100%;
        margin-right:0;
        padding-right:0;
        padding-bottom:20px;
        padding-left:40px;
        -webkit-box-align:stretch;
        -webkit-align-items:stretch;
        -ms-flex-align:stretch;
        align-items:stretch;
        -webkit-box-flex:0;
        -webkit-flex:0 auto;
        -ms-flex:0 auto;
        flex:0 auto;
        border:1px #272727;
        border-radius:1px;
        -webkit-transition:letter-spacing .2s;
        transition:letter-spacing .2s;
        font-family:'Tomato grotesk',Arial,sans-serif;
        color:#fff;
        font-size:140px;
        line-height:90%;
        text-align:left;
        letter-spacing:-.04em;
        text-decoration:none
    }
    .nav-link-block:hover{
        font-family:Canela,sans-serif;
        font-style:italic;
        font-weight:100;
        letter-spacing:-.02em
    }
    .text-span-7{
        position:absolute;
        display:inline;
        padding-bottom:0;
        padding-left:24px;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -webkit-box-align:start;
        -webkit-align-items:flex-start;
        -ms-flex-align:start;
        align-items:flex-start;
        font-family:Canela,sans-serif;
        font-size:80px;
        font-style:italic;
        font-weight:100;
        letter-spacing:normal
    }
    .nav-link-row{
        position:relative;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:90vw;
        padding-top:16px;
        padding-bottom:16px;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:start;
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        border-bottom:1px solid #363636;
        border-radius:0;
        opacity:1
    }
    .nav-link-row:hover{
        opacity:1
    }
    .menu-image{
        height:120px;
        padding-right:0;
        padding-left:0;
        border-radius:8px;
        white-space:normal;
        -o-object-fit:cover;
        object-fit:cover
    }
    .menu-image.about{
        margin-left:240px;
        -o-object-fit:cover;
        object-fit:cover
    }
    .menu-image.contact{
        margin-left:100px;
        -o-object-fit:cover;
        object-fit:cover
    }
    .html-embed{
        width:40px;
        height:40px;
        color:#000
    }
    .link-block{
        color:#fff;
        text-decoration:none
    }
    .link{
        text-decoration:none
    }
    .link-2{
        border:1px #000;
        font-family:'Tomato grotesk',Arial,sans-serif;
        color:#fff;
        text-decoration:none
    }
    .link-2:hover{
        color:#707070
    }
    .link-3,
    .link-4{
        font-family:'Tomato grotesk',Arial,sans-serif;
        color:#fff;
        text-decoration:none
    }
    .link-3:hover,
    .link-4:hover,
    .link-5:hover{
        color:#707070
    }
    .link-5{
        color:#fff;
        text-decoration:none
    }
    .link-6{
        font-family:'Tomato grotesk',Arial,sans-serif;
        color:#000;
        text-decoration:none
    }
    .link-6.w--current{
        color:#000;
        text-decoration:none
    }
    .link-6.w--current:hover{
        color:#707070
    }
    .link-7{
        background-color:transparent;
        font-family:'Tomato grotesk',Arial,sans-serif;
        color:#000;
        text-decoration:none
    }
    .link-7.w--current{
        text-decoration:none
    }
    .link-7.w--current:hover{
        color:#707070
    }
    .button{
        position:relative;
        left:0;
        top:auto;
        right:auto;
        bottom:0;
        z-index:2;
        padding:8px 16px;
        border-radius:1000px;
        background-color:#fff;
        color:#000;
        font-size:12px;
        letter-spacing:.5px;
        text-transform:uppercase
    }
    .button:hover{
        background-color:#000;
        color:#fff
    }
    .button.status{
        left:12px;
        border:1px solid #fff;
        background-color:transparent;
        color:#fff
    }
    .button._404{
        position:static;
        padding:12px 28px;
        background-color:#000;
        color:#fff
    }
    .button._404:hover{
        background-color:#3f3f3f
    }
    .project-thumbnail{
        position:absolute;
        z-index:1;
        display:block;
        width:100%;
        height:100%;
        -webkit-transition:1s ease-in-out;
        transition:1s ease-in-out
    }
    .collection-list{
        max-height:572px
    }
    .link-8{
        -webkit-transition:color .2s;
        transition:color .2s;
        color:#fff;
        text-decoration:none
    }
    .link-8:hover{
        color:#8a8a8a
    }
    .link-8.w--current{
        color:#fff
    }
    .link-8.w--current:hover{
        color:#707070
    }
    .text-block{
        position:relative;
        z-index:3;
        color:#000
    }
    .text-block.caption{
        position:absolute;
        left:auto;
        top:auto;
        right:0;
        bottom:0;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-align:stretch;
        -webkit-align-items:stretch;
        -ms-flex-align:stretch;
        align-items:stretch
    }
    .button-2{
        position:relative;
        z-index:3
    }
    .button-container{
        position:absolute;
        left:20px;
        top:auto;
        right:auto;
        bottom:20px;
        z-index:3;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:auto;
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -webkit-box-flex:0;
        -webkit-flex:0 auto;
        -ms-flex:0 auto;
        flex:0 auto
    }
    .project-title{
        position:relative;
        z-index:2;
        display:block;
        width:100vw;
        height:180vh;
        margin-top:0;
        margin-bottom:0;
        padding-right:0;
        padding-left:0;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        background-color:#fff;
        font-family:'Tomato grotesk',Arial,sans-serif;
        color:#000;
        font-size:100px;
        line-height:90%;
        font-weight:400;
        text-align:center;
        letter-spacing:-.04em;
        text-transform:uppercase
    }
    .title-container{
        position:relative;
        height:80vh;
        max-width:100vw;
        padding-right:0;
        padding-left:0
    }
    .heading-5{
        display:block;
        color:#000
    }
    .project-title-heading{
        position:absolute;
        left:0;
        top:auto;
        right:0;
        bottom:0;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        margin-top:0;
        margin-bottom:40px;
        padding-right:30px;
        padding-left:30px;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:end;
        -webkit-justify-content:flex-end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        font-family:'Tomato grotesk',Arial,sans-serif;
        color:#000;
        font-size:100px;
        line-height:90%;
        font-weight:400;
        text-align:center
    }
    .project-title-heading.next-project{
        margin-top:auto;
        margin-bottom:auto;
        padding-right:0;
        padding-left:0;
        -webkit-box-align:start;
        -webkit-align-items:flex-start;
        -ms-flex-align:start;
        align-items:flex-start;
        border-radius:0;
        color:#fff;
        font-size:80px;
        text-align:left;
        text-decoration:none;
        text-transform:uppercase
    }
    .title-camera{
        position:-webkit-sticky;
        position:sticky;
        top:0;
        z-index:0;
        width:100vw;
        height:80vh
    }
    .project-title-frame{
        position:relative;
        height:100%
    }
    .div-block-15{
        width:100vw;
        height:80vh
    }
    .image-10{
        position:relative;
        z-index:1;
        width:100vw;
        height:100vh;
        max-width:none;
        background-clip:border-box;
        -webkit-text-fill-color:inherit;
        -o-object-fit:cover;
        object-fit:cover
    }
    .project-description{
        position:relative;
        z-index:3;
        padding-top:1px;
        padding-bottom:1px;
        background-color:#fff
    }
    .container-9{
        max-width:80vw
    }
    .project-content{
        max-width:80vw;
        margin-top:60px;
        margin-bottom:0
    }
    .project-content.bottom{
        margin-top:100px;
        margin-bottom:100px
    }
    .large-para{
        margin-top:0;
        font-family:'Tomato grotesk',Arial,sans-serif;
        color:#000;
        font-size:40px;
        line-height:100%;
        font-weight:400;
        text-align:center;
        letter-spacing:-.02em;
        text-transform:uppercase
    }
    .gallery{
        position:relative;
        z-index:4;
        width:100vw;
        height:600vw;
        background-color:#fff
    }
    .gallery-camera{
        position:-webkit-sticky;
        position:sticky;
        top:0;overflow:hidden;
        width:100vw;
        height:100vh
    }
    .div-block-16{
        position:-webkit-sticky;
        position:sticky;
        top:0;width:100vw;
        height:100vh
    }
    .collection-list-wrapper{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100vw;
        height:100vh;
        padding:0;
        -webkit-box-pack:start;
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        -webkit-box-flex:0;
        -webkit-flex:0 0 auto;
        -ms-flex:0 0 auto;
        flex:0 0 auto
    }
    .project-image{
        display:inline-block;
        width:auto;
        height:auto;
        max-height:80%;
        max-width:80%;
        padding:0;
        border-radius:16px;
        box-shadow:0 8px 20px 0 rgba(0,0,0,.1)
    }
    .collection-list-2{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:start;
        -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
        justify-content:flex-start;
        -webkit-box-align:stretch;
        -webkit-align-items:stretch;
        -ms-flex-align:stretch;
        align-items:stretch;
        -webkit-box-flex:0;
        -webkit-flex:0 0 auto;
        -ms-flex:0 0 auto;
        flex:0 0 auto
    }
    .collection-item-2{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100vw;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center
    }
    .what-we-did{
        position:relative;
        z-index:6;
        padding-top:1px;
        padding-bottom:1px;
        background-color:#fff
    }
    .lifestyle-image{
        position:relative;
        z-index:5;
        background-color:#fff
    }
    .image-12{
        position:relative;
        z-index:1;
        width:100vw;
        height:auto;
        max-width:none;
        -o-object-fit:cover;
        object-fit:cover
    }
    .lifestyle-container{
        position:relative;
        z-index:1;
        width:100vw;
        height:auto
    }
    .mobile-images{
        position:relative;
        z-index:7;
        padding-top:1px;
        padding-bottom:120px;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        background-color:#fff
    }
    .container-10,.container-11{
        max-width:80vw
    }
    .mobile{
        max-width:80vw;
        margin-bottom:auto;
        background-color:#fff
    }
    .mobile-image{
        position:relative;
        width:auto;
        max-height:100%;
        max-width:80%;
        margin-right:auto;
        margin-left:auto;
        border-radius:20px;
        box-shadow:0 8px 20px 5px rgba(0,0,0,.09)
    }
    .collection-list-wrapper-2{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;width:100%;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-justify-content:space-around;
        -ms-flex-pack:distribute;
        justify-content:space-around;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        grid-auto-columns:1fr;
        grid-column-gap:0px;
        grid-row-gap:0px;
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr;
        -ms-grid-rows:auto auto;
        grid-template-rows:auto auto
    }
    .collection-list-3{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-justify-content:space-around;
        -ms-flex-pack:distribute;
        justify-content:space-around;
        -webkit-box-flex:1;
        -webkit-flex:1;
        -ms-flex:1;
        flex:1
    }
    .body-2{
        background-color:#fff;
    }
    .collection-item-3{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-flex:0;
        -webkit-flex:0 auto;
        -ms-flex:0 auto;
        flex:0 auto
    }
    .project-thumbnail-hover{
        position:absolute;
        z-index:1;
        opacity:1
    }
    .div-block-18{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        max-width:90vw;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .container-12{
        position:relative;
        max-width:85vw;
        margin-top:0;
        padding-top:0
    }
    .collection-list-4{
        position:relative;
        display:-ms-grid;
        display:grid;
        grid-auto-columns:1fr;
        grid-column-gap:60px;
        grid-row-gap:60px;
        -ms-grid-columns:1fr 1fr 1fr;
        grid-template-columns:1fr 1fr 1fr;
        -ms-grid-rows:auto auto;
        grid-template-rows:auto auto
    }
    .project-page-thumb{
        position:static;
        z-index:2;
        border-radius:20px
    }
    .project-page-thumb:hover{
        opacity:0
    }
    .project-page-thumb-hover{
        position:relative;
        z-index:1;
        border-radius:20px
    }
    .collection-item-4{
        position:absolute;
        width:200px;
        max-width:none
    }
    .collection-list-wrapper-3{
        position:static;
        -o-object-fit:fill;
        object-fit:fill
    }
    .project-grid{
        display:-ms-grid;
        display:grid;
        grid-auto-columns:1fr;
        grid-column-gap:60px;
        grid-row-gap:60px;
        grid-template-areas:".";
        -ms-grid-columns:1fr 60px 1fr 60px 1fr;
        grid-template-columns:1fr 1fr 1fr;
        -ms-grid-rows:auto 60px auto;
        grid-template-rows:auto auto
    }
    .project-image-2{
        position:absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        z-index:2;
        width:100%;
        height:100%;
        max-height:none;
        border-radius:20px;
        -webkit-transition:opacity .5s ease-in-out;
        transition:opacity .5s ease-in-out;
        -o-object-fit:cover;
        object-fit:cover
    }
    .project-image-2:hover{
        opacity:0
    }
    .div-block-19{
        position:relative
    }
    .project-image-2-hover{
        position:relative;
        left:0;
        top:0;
        right:0;
        bottom:0;
        z-index:1;
        border-radius:20px
    }
    .body-3{
        background-color:#fff;
    }
    .intro{
        position:relative;
        z-index:3;
        overflow:visible;
        width:100vw;
        height:auto;
        padding-bottom:120px;
        border-bottom-left-radius:30px;
        border-bottom-right-radius:30px;
        background-color:#fff
    }
    .link-block-2{
        text-decoration:none
    }
    .hero{
        position:relative;
        z-index:4;
        background-color:#fff
    }
    .text-span-8{
        font-family:Canela,sans-serif;
        font-style:italic
    }
    .thumbnail-grid{
        position:static;
        left:0;
        top:0;
        right:0;
        bottom:0;
        height:auto
    }
    .utility-page-wrap{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100vw;
        height:100vh;
        max-height:100%;
        max-width:100%;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center
    }
    .utility-page-content{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;width:auto;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        text-align:center
    }
    .heading-6{
        font-family:'Tomato grotesk',Arial,sans-serif;
        font-size:100px;
        font-weight:400
    }
    .text-block-2{
        font-family:'Tomato grotesk',Arial,sans-serif;
        color:#000;
        font-size:200px;
        line-height:100%;
        font-weight:400;
        text-align:center
    }
    .text-span-9{
        font-family:Canela,sans-serif;
        font-style:italic;
        font-weight:100
    }
    .button-3{
        font-family:Inconsolata,monospace
    }
    .image-13{
    max-width:300px
    }
    .preloader{
        position:fixed;
        left:0;
        top:0;
        right:0;
        bottom:0;
        z-index:9999;
        display:none;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        background-color:#fff
    }
    .lottie-animation{
        max-width:500px
    }
    .dive-block-20{
        position:relative;
        width:auto;
        height:auto;
        max-width:none
    }
    .project-image-3{
        position:absolute;
        z-index:2;
        border-radius:20px;
        -webkit-transition:opacity .5s ease-in-out;
        transition:opacity .5s ease-in-out
    }
    .project-image-3:hover{
        opacity:0
    }
    .project-image-3-hover{
        border-radius:20px
    }
    .collection-item-5{
        display:inline-block
    }
    .div-block-20{
        display:-ms-grid;
        display:grid;
        grid-auto-columns:1fr;
        grid-column-gap:48px;
        grid-row-gap:48px;
        -ms-grid-columns:1fr 1fr 1fr;
        grid-template-columns:1fr 1fr 1fr;
        -ms-grid-rows:auto auto;
        grid-template-rows:auto auto
    }
    .collection-list-wrapper-4{
        margin-top:-80px;
        padding-top:0
    }
    .collection-list-wrapper-5{
        display:block
    }
    .collection-tile-centred,.collection-tile.centre{
        margin-top:-80px
    }
    .about-intro-text{
        position:relative;
        z-index:15;
        height:auto;
        margin-top:0;
        background-color:#fff
    }
    .content{
        position:static;
        top:auto;max-width:100%;
        margin-top:auto;
        padding-top:0;
        padding-right:0;
        padding-left:0;
        font-family:'Tomato grotesk',Arial,sans-serif
    }
    .split-lines{
        margin-top:0;
        margin-bottom:0;
        padding-bottom:60px;
        color:#000;
        font-size:68px;
        line-height:120%;
        font-weight:400;
        letter-spacing:-.04em;
        white-space:normal
    }
    .heading-wrapper{
        position:static;
        top:auto;
        bottom:0;
        padding-right:15%;
        padding-left:5%
    }
    .image-wrapper{
        position:absolute;
        left:auto;
        top:auto;
        right:0;
        bottom:0
    }
    .image-14{
        position:relative;
        left:auto;
        top:0;
        right:0;
        bottom:auto
    }
    .div-block-21{
        position:-webkit-sticky;
        position:sticky;
        top:0;
        bottom:auto;
        width:100vw;
        height:100vh
    }
    .instagram-feed{
        padding-right:0;
        padding-left:0
    }
    .div-block-22{
        position:relative;
        max-width:90vw;
        padding-right:0;
        padding-left:0
    }
    .image-grid{
        margin-top:180px
    }
    .image-grid-wrapper{
        position:relative;
        display:-ms-grid;
        display:grid;
        max-width:90vw;
        margin-right:auto;
        margin-left:auto;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        grid-auto-columns:1fr;
        grid-column-gap:16px;
        grid-row-gap:16px;
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr;
        -ms-grid-rows:auto auto;
        grid-template-rows:auto auto
    }
    .body-4{
        background-color:#fff;
    }
    .link-9{
        font-family:Canela,sans-serif;
        color:#000;
        line-height:10%;
        font-style:italic;
        font-weight:100;
        text-decoration:none
    }
    .text-span-10,.text-span-11,.text-span-12,.text-span-13{
        font-family:Canela,sans-serif;
        font-style:italic;
        font-weight:100
    }
    .cursor-dot{
        width:20px;
        height:20px;
        border-radius:100vw;
        background-color:#7b33ff
    }
    .project_hero_image{
        position:relative;
        z-index:1;
        overflow:visible;
        width:100vw;
        height:100vh;
        background-image:url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
        background-position:50% 50%;
        background-size:cover;
        background-repeat:no-repeat;
        background-attachment:fixed
    }
    .cursor{
        position:fixed;
        left:0;
        top:0;
        right:0;
        bottom:0;
        z-index:100000;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100%;
        height:100vh;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        opacity:0;
        -webkit-transition:opacity 275ms;
        transition:opacity 275ms;
        mix-blend-mode:exclusion
    }
    .cursor_dot{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:16px;
        height:16px;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        border-radius:100vw;
        background-color:#fff;
        mix-blend-mode:exclusion
    }
    .next-project{
        position:relative;
        z-index:8;
        border-radius:0 0 30px 30px;
        background-color:transparent;
        outline-offset:0px;
        outline:#555 3px
    }
    .next-project-wrapper{
        position:relative;
        z-index:1;
        display:block;
        max-width:none;
        margin-right:auto;
        margin-left:auto;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        border-bottom-left-radius:30px;
        border-bottom-right-radius:30px;
        background-color:#fff
    }
    .next-project-collection{
        width:100%;
        border-radius:0 0 30px 30px
    }
    .next-project-image{
        position:relative;
        left:0;
        top:0;
        right:0;
        bottom:0;
        z-index:1;
        overflow:visible;
        width:100%;
        max-height:none;
        max-width:none;
        border-radius:30px;
        background-color:transparent;
        opacity:1;
        -webkit-transition:-webkit-transform .4s;
        transition:transform .4s;
        transition:transform .4s,-webkit-transform .4s;
        -o-object-fit:cover;
        object-fit:cover;
        -o-object-position:50% 50%;
        object-position:50% 50%
    }
    .empty-state{
        display:none;
        overflow:visible
    }
    .next-project-item{
        position:relative;
        z-index:1;
        border-radius:30px
    }
    .next-project-link{
        position:relative;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;overflow:hidden;
        width:100%;
        height:auto;
        max-height:600px;
        max-width:none;
        margin-right:auto;
        margin-left:auto;
        border-radius:30px
    }
    .next-project-link.w--current{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        max-width:90vw;
        margin-right:auto;
        margin-left:auto
    }
    .padding{
        position:absolute;
        left:0;
        top:auto;
        right:0;
        bottom:0;
        z-index:3;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        max-width:90vw;
        margin-right:auto;
        margin-left:auto;
        padding:0 5% 5%;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:end;
        -webkit-justify-content:flex-end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        -webkit-box-align:start;
        -webkit-align-items:flex-start;
        -ms-flex-align:start;
        align-items:flex-start
    }
    .next-project-title{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100%;
        margin-right:0;
        padding-right:0;
        -webkit-box-align:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        grid-column-gap:3%;
        grid-row-gap:3%
    }
    .next-project-arrow{
        display:block;
        max-height:48px;
        max-width:48px;
        -webkit-box-pack:end;
        -webkit-justify-content:flex-end;
        -ms-flex-pack:end;
        justify-content:flex-end;
        -webkit-box-flex:0;
        -webkit-flex:0 0 auto;
        -ms-flex:0 0 auto;
        flex:0 0 auto;
        -webkit-transition:-webkit-transform .4s;
        transition:transform .4s;
        transition:transform .4s,-webkit-transform .4s;
        color:#fff;
        text-align:left
    }
    .padding_next-project{
        padding:0 5% 5%;
        border-bottom-left-radius:30px;
        border-bottom-right-radius:30px;
        background-color:#fff
    }
    .overlay{
        position:absolute;
        left:0;
        top:0;
        right:0;
        bottom:0;
        z-index:2;
        background-color:#000;
        opacity:.1
    }
    .about-hero{
        position:relative;
        z-index:9;
        width:100vw;
        height:350vh;
        margin-top:0;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0;
        background-color:#fff
    }
    .text-span-14{
        font-family:Canela,sans-serif;
        font-style:italic;
        font-weight:100
    }
    .about-collage-grid{
        grid-column-gap:0px;
        grid-row-gap:0px;
        -ms-grid-columns:0.75fr 1fr 1fr 1.25fr 1.25fr 1.25fr 1fr 0.75fr;
        grid-template-columns:0.75fr 1fr 1fr 1.25fr 1.25fr 1.25fr 1fr 0.75fr;
        -ms-grid-rows:auto auto auto auto auto;
        grid-template-rows:auto auto auto auto auto
    }
    .about-collage{
        position:relative;
        z-index:2;
        max-width:100vw;
        margin-top:200px;
        padding-right:30px;
        padding-left:30px
    }
    .about-collage-img-1{
        position:relative;
        z-index:4
    }
    .about-collage-img-2{
        position:relative;
        z-index:1;
        margin-top:-25px;
        padding-bottom:0
    }
    .about-collage-img-3{
        position:relative
    }
    .about-collage-img-4,.about-collage-img-5{
        position:relative;
        margin-top:-30px
    }
    .about-collage-img-6{
        position:relative
    }
    .page-loader{
        position:fixed;
        left:0;
        top:0;
        right:0;
        bottom:0;
        z-index:999999999999;
        display:none;
        width:100%;
        height:100vh
    }
    .loader_bars{
        position:fixed;
        left:0;
        top:0;
        right:0;
        bottom:0;
        z-index:1;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100%;
        height:100%
    }
    .loader-bar_1,.loader-bar_2,.loader-bar_3{
        display:block;
        width:33.33%;
        height:100%;
        background-color:#000
    }
    .div-block-23{
        position:fixed;
        left:0;
        top:0;
        right:0;
        bottom:0;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex
    }
    .loader_text{
        position:relative;
        left:0;
        top:0;
        right:0;
        bottom:0;
        z-index:2;
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        width:100%;
        height:100%;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .loader_hide{
        display:none
    }
    @media screen and (min-width:1440px){
        .intro-text{
            font-size:68px
        }
        .collection-item{
            width:600px;
            height:600px
        }
        .projects-wrapper{
            display:-webkit-box;
            display:-webkit-flex;
            display:-ms-flexbox;
            display:flex;
            -webkit-box-pack:center;
            -webkit-justify-content:center;
            -ms-flex-pack:center;
            justify-content:center;
            -webkit-box-align:center;
            -webkit-align-items:center;
            -ms-flex-align:center;
            align-items:center
        }
        .camera{
            overflow:hidden
        }
        .div-block-5{
            width:600px;
            height:600px
        }
        .footer{
            height:80vh
        }
        .footer-content{
            margin-bottom:80px
        }
        .footer-heading{
            font-size:8vw
        }
        .section-footer-spacer{
            height:80vh
        }
        .button{
            padding:8px 16px;
            font-size:12px
        }
        .collection-list{
            position:relative;
            display:-webkit-box;
            display:-webkit-flex;
            display:-ms-flexbox;
            display:flex;
            max-height:600px;
            -webkit-box-align:center;
            -webkit-align-items:center;
            -ms-flex-align:center;
            align-items:center
        }
        .image-10{
            max-width:none
        }
        .project-content.bottom{
            margin-top:120px;
            margin-bottom:120px
        }
        .mobile-images{
            padding-bottom:140px
        }
        .body-3{
            background-color:#fff;
        }
        .intro{
            position:relative;
            z-index:2;
            padding-bottom:140px;
            border-bottom-left-radius:30px;
            border-bottom-right-radius:30px;
            background-color:#fff
        }
        .content{
            max-width:100%;
            padding-right:0;
            padding-left:0
        }
        .heading-wrapper{
            padding-right:15%
        }
        .next-project-image{
            max-height:none
        }
        .next-project-link{
            max-height:800px
        }
    }
    @media screen and (min-width:1920px){
        .intro-text{font-size:100px
        }
        .caption.next-up{
            font-size:16px
        }
        .collection-item{
            width:660px;
            height:660px
        }
        .camera{
            overflow:hidden;
            height:100vh
        }
        .div-block-5{
            width:660px;
            height:660px
        }
        .footer-heading{
            margin-bottom:100px;
            font-size:6vw
        }
        .button{
            padding:12px 20px;
            font-size:14px
        }
        .collection-list{
            max-height:660px
        }
        .project-title-heading{
            margin-bottom:60px;
            font-size:120px
        }
        .project-title-heading.next-project{
            font-size:100px
        }
        .image-10{
            width:100vw
        }
        .project-description{
            padding-bottom:1px
        }
        .project-content{
            margin-top:140px;
            margin-bottom:80px
        }
        .project-content.bottom{
            margin-top:160px;
            margin-bottom:160px
        }
        .large-para{
            font-size:60px
        }
        .gallery{
            height:600vw
        }
        .gallery-camera{
            overflow:hidden
        }
        .collection-list-wrapper{
            padding:0;
            -webkit-box-orient:horizontal;
            -webkit-box-direction:normal;
            -webkit-flex-direction:row;
            -ms-flex-direction:row;
            flex-direction:row;
            -webkit-box-pack:start;
            -webkit-justify-content:flex-start;
            -ms-flex-pack:start;
            justify-content:flex-start;
            -webkit-box-align:stretch;
            -webkit-align-items:stretch;
            -ms-flex-align:stretch;
            align-items:stretch
        }
        .project-image{
            position:relative;
            width:auto;
            height:auto;
            max-height:80%;
            max-width:80%;
            margin-left:0;
            padding-right:0;
            -o-object-fit:fill;
            object-fit:fill
        }
        .collection-list-2{
            display:-webkit-box;
            display:-webkit-flex;
            display:-ms-flexbox;
            display:flex;
            padding-right:0;
            padding-left:0;
            -webkit-box-orient:horizontal;
            -webkit-box-direction:normal;
            -webkit-flex-direction:row;
            -ms-flex-direction:row;
            flex-direction:row;
            -webkit-box-pack:start;
            -webkit-justify-content:flex-start;
            -ms-flex-pack:start;
            justify-content:flex-start;
            -webkit-box-align:stretch;
            -webkit-align-items:stretch;
            -ms-flex-align:stretch;
            align-items:stretch;
            -webkit-box-flex:0;
            -webkit-flex:0 0 auto;
            -ms-flex:0 0 auto;
            flex:0 0 auto
        }
        .collection-item-2{
            display:-webkit-box;
            display:-webkit-flex;
            display:-ms-flexbox;
            display:flex;
            -webkit-box-orient:horizontal;
            -webkit-box-direction:normal;
            -webkit-flex-direction:row;
            -ms-flex-direction:row;
            flex-direction:row;
            -webkit-box-pack:center;
            -webkit-justify-content:center;
            -ms-flex-pack:center;
            justify-content:center;
            -webkit-box-align:center;
            -webkit-align-items:center;
            -ms-flex-align:center;
            align-items:center;
            -webkit-box-flex:0;
            -webkit-flex:0 auto;
            -ms-flex:0 auto;
            flex:0 auto
        }
        .div-block-17{
            width:100vw;
            height:100vh
        }
        .mobile-images{
            margin-top:-2px;
            padding-top:0;
            padding-bottom:180px
        }
        .mobile-image{
            border-radius:30px
        }
        .project-grid{
            grid-column-gap:88px;
            grid-row-gap:88px
        }
        .intro{
            padding-bottom:160px
        }
        .div-block-20{
            grid-column-gap:68px;
            grid-row-gap:68px
        }
        .collection-list-wrapper-4{
            margin-top:-100px
        }
        .split-lines{
            padding-bottom:80px;
            font-size:100px
        }
        .heading-wrapper{
            padding-right:15%
        }
    }
    @media screen and (max-width:991px){
        .full-bleed-heading{
            clear:left
        }
        .intro-text{
            font-size:44px
        }
        .container-6{
            margin-top:24px;
            padding-right:24px;
            padding-left:24px
        }
        .caption,.caption.right{
            font-size:12px
        }
        .mobile-nav{
            display:none
        }
        .grid-3{
            padding-right:24px;
            padding-left:24px;
            -ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr;
            grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr
        }
        .navigation-time{
            position:fixed
        }
        .time{
            font-size:12px
        }
        .title-row.clock{
            text-align:right
        }
        .work-section{
            height:auto
        }
        .collection-item{
            width:600px;
            height:600px
        }
        .project-wrapper{
            display:block
        }
        .camera{
            overflow:visible;
            width:auto;
            height:auto
        }
        .frame{
            height:auto;
            -webkit-box-orient:vertical;
            -webkit-box-direction:normal;
            -webkit-flex-direction:column;
            -ms-flex-direction:column;
            flex-direction:column
        }
        .item{
            width:100%;
            height:100%;
            padding-top:40px;
            padding-bottom:40px
        }
        .item.all-projects{
            width:100%;
            height:100%
        }
        .div-block-5{
            width:600px;
            height:600px
        }
        .footer{
            height:60vh
        }
        .footer-content{
            margin-bottom:48px
        }
        .footer-heading{
            margin-bottom:60px
        }
        .paragraph{
            font-size:36px
        }
        .section-footer-spacer{
            height:60vh
        }
        .nav-link-block{
            padding-left:28px;
            font-size:100px
        }
        .text-span-7{
            padding-left:16px;
            font-size:48px
        }
        .menu-image{
            height:80px;
            border-radius:4px
        }
        .menu-image.about{
            margin-left:140px
        }
        .menu-image.contact{
            margin-left:68px
        }
        .button{
            padding:6px 11px;
            font-size:10px
        }
        .collection-list{
            width:600px;
            height:600px;
            max-height:none;
            padding-bottom:0
        }
        .button-container{
            left:16px;
            bottom:16px
        }
        .project-title-heading{
            font-size:80px
        }
        .project-title-heading.next-project{
            font-size:60px
        }
        .image-10{
            position:-webkit-sticky;
            position:sticky
        }
        .project-content{
            margin-top:48px;
            margin-bottom:60px
        }
        .project-content.bottom{
            margin-top:68px;
            margin-bottom:68px
        }
        .large-para{
            font-size:32px
        }
        .gallery{
            height:auto
        }
        .gallery-camera{
            overflow:visible;
            width:auto;
            height:auto
        }
        .collection-list-wrapper{
            width:auto;
            height:auto;
            padding-bottom:41px;
            -webkit-box-orient:vertical;
            -webkit-box-direction:normal;
            -webkit-flex-direction:column;
            -ms-flex-direction:column;
            flex-direction:column
        }
        .project-image{
            margin-bottom:40px;
            padding:0;border-radius:8px
        }
        .collection-list-2{
            -webkit-box-orient:vertical;
            -webkit-box-direction:normal;
            -webkit-flex-direction:column;
            -ms-flex-direction:column;
            flex-direction:column
        }
        .mobile-images{
            padding-bottom:80px;
            border-bottom-left-radius:0;
            border-bottom-right-radius:0
        }
        .mobile-image{
            border-radius:16px
        }
        .project-grid{
            grid-column-gap:28px;
            grid-row-gap:28px;
            -ms-grid-columns:1fr 1fr;
            grid-template-columns:1fr 1fr
        }
        .project-image-2,.project-image-2-hover{
            border-radius:16px
        }
        .intro{
            padding-bottom:80px
        }
        .project-image-3,.project-image-3-hover{
            border-radius:16px
        }
        .div-block-20{
            grid-column-gap:28px;
            grid-row-gap:28px
        }
        .collection-list-wrapper-4{
            margin-top:-60px
        }
        .collection-tile-centred{
            margin-top:-59px
        }
        .content{
            padding-right:5vw
        }
        .split-lines{
            padding-bottom:48px;
            font-size:48px
        }
        .heading-wrapper{
            padding-right:10%
        }
        .cursor{
            display:none
        }
        .next-project-link{
            max-height:400px
        }
        .next-project-arrow{
            max-height:32px;
            max-width:32px
        }
        .about-collage-grid{
            padding-right:24px;
            padding-left:24px;
            -ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr;
            grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr
        }
    }
    @media screen and (max-width:767px){.hero-header{
        width:100%;
        height:100%
    }
    .full-bleed-heading.fade-up.tricks{
        position:absolute;
        left:0;
        top:auto;
        right:0;
        bottom:0;
        min-width:100%
    }
    .full-bleed-heading.about.fade-up.tricks{
        left:0;
        top:0;
        right:0;
        bottom:0
    }
    .intro-text{
        font-size:36px
    }
    .container-6{
        margin-top:24px
    }
    .caption.right.social-links{
        text-align:left
    }
    .caption.centred{
        margin-bottom:24px
    }
    .mobile-nav{
        display:none
    }
    .collection-item{
        width:400px;
        height:400px
    }
    .project-wrapper{
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .projects-wrapper{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex
    }
    .div-block-5{
        width:400px;
        height:400px;
        -ms-grid-rows:1fr 1.75fr;
        grid-template-rows:1fr 1.75fr
    }
    .hero-camera{
        width:100%;
        height:100%
    }
    .element{
        width:100%
    }
    .about-camera{
        z-index:1
    }
    .footer{
        height:60vh
    }
    .footer-content{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .footer-heading{
        margin-bottom:36px;
        letter-spacing:-.02em
    }
    .paragraph{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        height:auto;
        margin-bottom:40px;
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
    .grid-5{
        display:block;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-pack:center;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:start;
        -webkit-align-items:flex-start;
        -ms-flex-align:start;
        align-items:flex-start;
        -webkit-box-flex:0;
        -webkit-flex:0 auto;
        -ms-flex:0 auto;
        flex:0 auto;
        grid-auto-columns:1fr;
        grid-column-gap:16px;
        grid-row-gap:16px;
        -ms-grid-columns:10fr;
        grid-template-columns:10fr;
        -ms-grid-rows:1fr 1fr;
        grid-template-rows:1fr 1fr;
        text-align:left
    }
    .section-footer-spacer{
        height:60vh
    }
    .nav.mobile{
        display:none
    }
    .nav-link-block{
        padding-bottom:16px;
        padding-left:20px;
        font-size:68px
    }
    .text-span-7{
        padding-left:12px;
        font-size:32px
    }
    .menu-image{
        height:60px
    }
    .menu-image.about{
        margin-left:88px
    }
    .menu-image.contact{
        margin-left:36px
    }
    .button{
        padding:6px 12px;
        font-size:10px
    }
    .collection-list{
        width:100%;
        height:100%
    }
    .button-container{
        left:12px;
        bottom:12px
    }
    .project-title-heading{
        font-size:60px
    }
    .project-title-heading.next-project{
        font-size:48px
    }
    .project-content{
        margin-top:20px;
        margin-bottom:0;
        padding-right:0;
        padding-left:0
    }
    .project-content.bottom{
        margin-top:52px;
        margin-bottom:32px
    }
    .large-para{
        padding-bottom:20px;
        font-size:24px
    }
    .project-image{
        max-height:90%;
        max-width:90%;
        margin-top:32px;
        margin-bottom:0
    }
    .mobile-images{
        padding-bottom:60px;
        border-bottom-left-radius:0;
        border-bottom-right-radius:0
    }
    .mobile{
        max-width:90vw
    }
        .mobile-image{
            order-radius:12px
        }
        .project-image-2,.project-image-2-hover{
            border-radius:16px
        }
        .intro{
            padding-bottom:48px
        }
        .text-block-2{
            font-size:160px
        }
        .project-image-3,.project-image-3-hover{
            border-radius:12px
        }
        .div-block-20{
            grid-column-gap:20px;
            grid-row-gap:20px;
            -ms-grid-columns:1fr 1fr;
            grid-template-columns:1fr 1fr
        }
        .collection-list-wrapper-4,.collection-tile-centred{
            margin-top:0
        }
        .content{
            padding-right:0;
            padding-left:0
        }
        .split-lines{
            padding-bottom:36px;
            font-size:40px;
            line-height:110%
        }
        .next-project-link{
            max-height:300px
        }
        .next-project-arrow{
            max-height:28px;
            max-width:28px
        }
    }
    @media screen and (max-width:479px){
        .hero-header{
            position:relative;
            left:0;
            top:0;
            right:0;
            bottom:auto;
            width:100%;
            height:100%;
            max-height:100%
        }
        .full-bleed-heading{
            margin-bottom:80px;
            padding-right:0;
            padding-left:0
        }
        .full-bleed-heading.fade-up.tricks{
            position:relative;
            left:auto;
            top:auto;
            right:0;
            bottom:0;
            height:100%;
            min-height:100%;
            min-width:100%;
            margin-bottom:0;
            -webkit-box-align:end;
            -webkit-align-items:flex-end;
            -ms-flex-align:end;
            align-items:flex-end;
            -o-object-fit:fill;
            object-fit:fill
        }
        .full-bleed-heading.about.fade-up.tricks{
            -webkit-box-align:center;
            -webkit-align-items:center;
            -ms-flex-align:center;
            align-items:center;
            font-size:29vw
        }
        .intro-text{
            font-size:28px
        }
        .container-6{
            margin-top:20px;
            padding-right:20px;
            padding-left:20px
        }
        .grid-2{
            display:-ms-grid;
            display:grid;
            -webkit-box-align:center;
            -webkit-align-items:center;
            -ms-flex-align:center;
            align-items:center;
            grid-auto-columns:1fr;
            grid-column-gap:0px;
            grid-row-gap:16px;
            -ms-grid-columns:1fr 1fr 1fr;
            grid-template-columns:1fr 1fr 1fr;
            -ms-grid-rows:auto;
            grid-template-rows:auto;
            color:#fff;
            mix-blend-mode:exclusion
        }
        .caption{
            display:block;
            overflow:visible;
            padding-right:0;
            padding-left:0;
            font-size:10px
        }
        .caption.right{
            font-size:10px
        }
        .caption.next-up{
            margin-bottom:12px
        }
        .menu-icon{
            padding-right:0;
            padding-left:0;
            color:#000
        }
        .mobile-nav{
            position:fixed;
            left:0;
            top:0;
            right:0;
            bottom:auto;
            z-index:11;
            display:block;
            mix-blend-mode:exclusion
        }
        .container-7{
            max-width:80vw;
            padding-right:0;
            padding-left:0
        }
        .grid-3{
            overflow:hidden;
            width:100%;
            max-width:100%;
            padding-right:0;
            padding-left:0;
            grid-auto-rows:1fr;
            grid-column-gap:0px;
            grid-row-gap:40px;
            -ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
            grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
            -ms-grid-rows:auto auto auto auto auto;
            grid-template-rows:auto auto auto auto auto;
            -o-object-fit:scale-down;
            object-fit:scale-down
        }
        .navigation-time{
            display:none
        }
        .title-row.mobile{
            display:-webkit-box;
            display:-webkit-flex;
            display:-ms-flexbox;
            display:flex;
            padding-bottom:0;
            -webkit-box-align:center;
            -webkit-align-items:center;
            -ms-flex-align:center;
            align-items:center
        }
        .image,.image-2,.image-3{
            margin-top:0
        }
        .work-section{
            width:100%;
            border-bottom-left-radius:20px;
            border-bottom-right-radius:20px
        }
        .collection-item{
            display:-webkit-box;
            display:-webkit-flex;
            display:-ms-flexbox;
            display:flex;
            width:80vw;
            height:80vw;
            max-height:none;
            max-width:none
        }
        .project-thumbnail-image{
            border-radius:12px
        }
        .project-wrapper{
            position:relative;
            display:-webkit-box;
            display:-webkit-flex;
            display:-ms-flexbox;
            display:flex;
            height:100%;
            -webkit-box-orient:horizontal;
            -webkit-box-direction:normal;
            -webkit-flex-direction:row;
            -ms-flex-direction:row;
            flex-direction:row;
            -webkit-box-pack:center;
            -webkit-justify-content:center;
            -ms-flex-pack:center;
            justify-content:center;
            -webkit-flex-wrap:nowrap;
            -ms-flex-wrap:nowrap;
            flex-wrap:nowrap;
            -webkit-box-align:end;
            -webkit-align-items:flex-end;
            -ms-flex-align:end;
            align-items:flex-end;
            -webkit-align-content:flex-end;
            -ms-flex-line-pack:end;
            align-content:flex-end;
            border-radius:12px
        }
        .projects-wrapper{
            display:-webkit-box;
            display:-webkit-flex;
            display:-ms-flexbox;
            display:flex;
            -webkit-box-orient:horizontal;
            -webkit-box-direction:normal;
            -webkit-flex-direction:row;
            -ms-flex-direction:row;
            flex-direction:row;
            -webkit-box-flex:0;
            -webkit-flex:0 auto;
            -ms-flex:0 auto;
            flex:0 auto
        }
        .heading-4.caption{
            padding-right:20px;
            padding-left:20px
        }
        .camera{
            overflow:visible;
        }
        .frame{
            border-bottom-left-radius:20px;
            border-bottom-right-radius:20px
        }
        .item{
            display:-webkit-box;
            display:-webkit-flex;
            display:-ms-flexbox;
            display:flex;
            padding-top:20px;
            padding-bottom:20px
        }
        .item.hero-text{
            border-bottom-left-radius:20px;
            border-bottom-right-radius:20px
        }
        .div-block-5{
            width:80vw;
            height:80vw;
            -webkit-box-flex:0;
            -webkit-flex:0 0 auto;
            -ms-flex:0 0 auto;
            flex:0 0 auto;
            -ms-grid-rows:1fr 1.75fr;
            grid-template-rows:1fr 1.75fr;
            border-radius:12px
        }
        .all-projects{
            font-size:28px
        }
        .hero-camera{
            top:0;
            width:100%;
            height:100%;
            max-height:100%;
            padding-right:0;
            padding-left:0
        }
        .hero-frame{
            position:relative;
            left:auto;
            top:auto;
            right:auto;
            bottom:auto;
            max-height:100%
        }
        .element{
            position:-webkit-sticky;
            position:sticky;
            left:0;
            top:0;
            right:0;
            bottom:auto;
            width:100%;
            height:auto;
            max-height:none
        }
        .image-9{
            margin-top:0;
            padding-top:0
        }
        .footer{
            height:50vh
        }
        .footer-content{
            margin-bottom:80px
        }
        .footer-heading{
            margin-bottom:23px;
            font-size:10vw;
            letter-spacing:-.02em
        }
        .paragraph{
            margin-bottom:28px;
            font-size:28px
        }
        .section-footer-spacer{
            height:50vh
        }
        .nav{
            display:block;
            padding:20px
        }
        .nav.mobile{
            display:none;
            margin-right:0;
            padding:20px
        }
        .nav-link-wrapper{
            height:100%;
            padding-bottom:80px;
            -webkit-box-pack:end;
            -webkit-justify-content:flex-end;
            -ms-flex-pack:end;
            justify-content:flex-end
        }
        .nav-link-block{
            padding-bottom:8px;
            padding-left:0;
            font-size:48px
        }
        .text-span-7{
            padding-left:10px;
            font-size:24px
        }
        .menu-image{
            display:none
        }
        .link-5{
            font-size:24px
        }
        .button{
            position:relative;
            left:0;
            bottom:0;
            padding:6px 12px;
            font-size:10px
        }
        .button.status{
            left:28px
        }
        .collection-list{
            position:relative;
            display:block;
            width:auto;
            height:auto;
            max-height:none;
            -webkit-box-flex:0;
            -webkit-flex:0 auto;
            -ms-flex:0 auto;
            flex:0 auto
        }
        .button-container{
            left:16px;
            bottom:16px
        }
        .project-title{
            z-index:2;
            height:120vh
        }
        .project-title-heading{
            z-index:auto;
            font-size:36px;
            letter-spacing:-.04em
        }
        .project-title-heading.next-project{
            font-size:28px
        }
        .title-camera{
            z-index:2
        }
        .project-title-frame{
            z-index:auto
        }
        .div-block-15{
            position:relative;
            z-index:auto
        }
        .image-10{
            position:-webkit-sticky;
            position:sticky;
            left:0;
            top:0;
            right:0;
            bottom:auto;
            z-index:99
        }
        .project-content{
            max-width:90vw;
            margin-top:16px
        }
        .project-content.bottom{
            margin-top:28px;
            margin-bottom:12px
        }
        .large-para{
            margin-top:28px;
            padding-bottom:32px;
            font-size:20px
        }
        .project-image{
            margin-top:32px;
            padding:0;
            border-radius:4px
        }
        .mobile-images{
            padding-bottom:0;
            border-bottom-left-radius:0;
            border-bottom-right-radius:0
        }
        .mobile{
            padding-bottom:20px
        }
        .mobile-image{
            max-width:90%
        }
        .collection-list-3,.collection-list-wrapper-2{
            -webkit-box-orient:vertical;
            -webkit-box-direction:normal;
            -webkit-flex-direction:column;
            -ms-flex-direction:column;
            flex-direction:column
        }
        .collection-item-3{
            padding-bottom:36px
        }
        .project-thumbnail-hover{
            border-radius:12px
        }
        .container-12{
            max-width:80vw;
            padding-bottom:0
        }
        .project-grid{
            grid-row-gap:20px;
            -ms-grid-columns:1fr;
            grid-template-columns:1fr
        }
        .project-image-2,.project-image-2-hover{
            border-radius:12px
        }
        .intro{
            padding-bottom:40px;
            border-bottom-left-radius:20px;
            border-bottom-right-radius:20px
        }
        .link-block-2{
            position:absolute
        }
        .thumbnail-grid{
            position:-webkit-sticky;
            position:sticky;
            bottom:auto
        }.utility-page-content{
            max-width:100%
        }
        .text-block-2{
            font-size:100px
        }
        .div-block-20{
            grid-column-gap:40px;
            grid-row-gap:40px;
            -ms-grid-columns:1fr;
            grid-template-columns:1fr
        }
        .content{
            padding-right:0;
            padding-left:0
        }
        .split-lines{
            padding-bottom:28px;
            font-size:28px;
            line-height:120%
        }
        .heading-wrapper{
            padding-right:10%
        }
        .project_hero_image{
            position:-webkit-sticky;
            position:sticky;
            top:0;
            z-index:2;
            height:40vh
        }
        .next-project{
            border-bottom-left-radius:20px;
            border-bottom-right-radius:20px
        }
        .next-project-collection,.next-project-image,.next-project-item,.next-project-link{
            border-radius:20px
        }
        .next-project-link.w--current{
            border-top-left-radius:20px;
            border-top-right-radius:20px
        }
        .padding{
            padding-bottom:8%
        }
        .next-project-title{
            grid-column-gap:3%;
            grid-row-gap:10%
        }
        .next-project-arrow{
            max-height:16px;
            max-width:16px
        }
        .padding_next-project{
            border-bottom-left-radius:20px;
            border-bottom-right-radius:20px
        }
        .about-collage-grid{
            overflow:hidden;
            width:100%;
            max-width:100%;
            padding-right:0;
            padding-left:0;
            grid-auto-rows:1fr;
            grid-column-gap:0px;
            grid-row-gap:40px;
            -ms-grid-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
            grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;
            -ms-grid-rows:auto auto auto auto auto;
            grid-template-rows:auto auto auto auto auto;
            -o-object-fit:scale-down;
            object-fit:scale-down
        }
        .about-collage{
            max-width:80vw;
            padding-right:0;
            padding-left:0
        }
        .about-collage-img-2,.about-collage-img-4,.about-collage-img-5{
            margin-top:0
        }
        .about-collage-img-6{
            margin-top:0;
            padding-top:0
        }
    }
    #w-node-fb2d187a-6833-5c8c-6c7d-2c10e88ae074-ea6f639e{
        -ms-grid-column:6;
        grid-column-start:6;
        -ms-grid-column-span:1;
        grid-column-end:7;
        -ms-grid-row:1;
        grid-row-start:1;
        -ms-grid-row-span:1;
        grid-row-end:2;
        -webkit-box-ordinal-group:1;
        -webkit-order:0;
        -ms-flex-order:0;
        order:0
    }
    #w-node-b6d4b900-42a6-7b4c-4eb8-94b9e55b51ef-ea6f639e{
        -ms-grid-column:3;
        grid-column-start:3;
        -ms-grid-column-span:1;
        grid-column-end:4;
        -ms-grid-row:5;
        grid-row-start:5;
        -ms-grid-row-span:1;
        grid-row-end:6
    }
    #w-node-_8342fc73-9148-0a1a-17ce-3932bfff3f8e-ea6f639e{
        -ms-grid-column:4;
        grid-column-start:4;
        -ms-grid-column-span:1;
        grid-column-end:5;
        -ms-grid-row:2;
        grid-row-start:2;
        -ms-grid-row-span:1;
        grid-row-end:3
    }
    #w-node-_08dbf3b5-cf84-6231-ffec-88f76af7cdae-ea6f639e{
        -ms-grid-column:2;
        grid-column-start:2;
        -ms-grid-column-span:1;
        grid-column-end:3;
        -ms-grid-row:3;
        grid-row-start:3;
        -ms-grid-row-span:1;
        grid-row-end:4
    }
    #w-node-_2a23edde-1a11-df53-8655-5c50ff980f96-ea6f639e{
        -ms-grid-column:5;
        grid-column-start:5;
        -ms-grid-column-span:1;
        grid-column-end:6;
        -ms-grid-row:4;
        grid-row-start:4;
        -ms-grid-row-span:1;
        grid-row-end:5
    }
    #w-node-a0117fc5-d504-84db-2b80-61d41d43a858-ea6f639e{
        -ms-grid-column:7;
        grid-column-start:7;
        -ms-grid-column-span:1;
        grid-column-end:8;
        -ms-grid-row:4;
        grid-row-start:4;
        -ms-grid-row-span:1;
        grid-row-end:5
    }
    #w-node-_6e0faa02-3eea-b7d2-326b-51c68acc29e9-8acc29e2{
        -webkit-align-self:end;
        -ms-flex-item-align:end;
        -ms-grid-row-align:end;
        align-self:end
    }
    #w-node-_6e0faa02-3eea-b7d2-326b-51c68acc29ec-8acc29e2{
        -ms-grid-column-span:1;
        grid-column-end:3;
        -ms-grid-column:2;
        grid-column-start:2;
        -ms-grid-row-span:1;
        grid-row-end:2;
        -ms-grid-row:1;
        grid-row-start:1;
        -ms-grid-row-align:end;
        align-self:end
    }
    #w-node-_6bcadf6a-066b-1000-d6a6-e6589196b67a-9196b676,#w-node-_6bcadf6a-066b-1000-d6a6-e6589196b684-9196b676{
        -ms-grid-column:span 1;
        grid-column-start:span 1;
        -ms-grid-column-span:1;
        grid-column-end:span 1;
        -ms-grid-row:span 1;
        grid-row-start:span 1;
        -ms-grid-row-span:1;
        grid-row-end:span 1
    }
    #menu-button.w-node-_6bcadf6a-066b-1000-d6a6-e6589196b681-9196b676{
        -ms-grid-column-align:center;
        justify-self:center
    }
    #w-node-_6bcadf6a-066b-1000-d6a6-e6589196b683-9196b676{
        -ms-grid-column:span 1;
        grid-column-start:span 1;
        -ms-grid-column-span:1;
        grid-column-end:span 1;
        -ms-grid-row:span 1;
        grid-row-start:span 1;
        -ms-grid-row-span:1;
        grid-row-end:span 1
    }
    #w-node-dbc3819b-6f91-cfd8-45ed-946c6f94045d-726f63a0{
        -ms-grid-column:6;
        grid-column-start:6;
        -ms-grid-column-span:1;
        grid-column-end:7;
        -ms-grid-row:1;
        grid-row-start:1;
        -ms-grid-row-span:1;
        grid-row-end:2;
        -webkit-box-ordinal-group:1;
        -webkit-order:0;
        -ms-flex-order:0;
        order:0
    }
    #w-node-dbc3819b-6f91-cfd8-45ed-946c6f94045e-726f63a0{
        -ms-grid-column:3;
        grid-column-start:3;
        -ms-grid-column-span:1;
        grid-column-end:4;
        -ms-grid-row:5;
        grid-row-start:5;
        -ms-grid-row-span:1;
        grid-row-end:6
    }
    #w-node-dbc3819b-6f91-cfd8-45ed-946c6f940460-726f63a0{
        -ms-grid-column:2;
        grid-column-start:2;
        -ms-grid-column-span:1;
        grid-column-end:3;
        -ms-grid-row:3;
        grid-row-start:3;
        -ms-grid-row-span:1;
        grid-row-end:4
    }
    #w-node-dbc3819b-6f91-cfd8-45ed-946c6f940461-726f63a0{
        -ms-grid-column:5;
        grid-column-start:5;
        -ms-grid-column-span:1;
        grid-column-end:6;
        -ms-grid-row:4;
        grid-row-start:4;
        -ms-grid-row-span:1;
        grid-row-end:5
    }
    #w-node-dbc3819b-6f91-cfd8-45ed-946c6f940462-726f63a0{
        -ms-grid-column:7;
        grid-column-start:7;
        -ms-grid-column-span:1;
        grid-column-end:8;
        -ms-grid-row:4;
        grid-row-start:4;
        -ms-grid-row-span:1;
        grid-row-end:5
    }
    @media screen and (max-width:991px){
        #w-node-dbc3819b-6f91-cfd8-45ed-946c6f94045d-726f63a0,#w-node-fb2d187a-6833-5c8c-6c7d-2c10e88ae074-ea6f639e{
            -ms-grid-column:5;
            grid-column-start:5;
            -ms-grid-column-span:1;
            grid-column-end:6;
            -ms-grid-row:1;
            grid-row-start:1;
            -ms-grid-row-span:1;
            grid-row-end:2
        }
        #w-node-b6d4b900-42a6-7b4c-4eb8-94b9e55b51ef-ea6f639e,#w-node-dbc3819b-6f91-cfd8-45ed-946c6f94045e-726f63a0{
            -ms-grid-column:2;
            grid-column-start:2;
            -ms-grid-column-span:1;
            grid-column-end:3;
            -ms-grid-row:5;
            grid-row-start:5;
            -ms-grid-row-span:1;
            grid-row-end:6
        }
        #w-node-_8342fc73-9148-0a1a-17ce-3932bfff3f8e-ea6f639e,#w-node-dbc3819b-6f91-cfd8-45ed-946c6f94045f-726f63a0{
            -ms-grid-column:3;
            grid-column-start:3;
            -ms-grid-column-span:1;
            grid-column-end:4;
            -ms-grid-row:2;
            grid-row-start:2;
            -ms-grid-row-span:1;
            grid-row-end:3
        }
        #w-node-_08dbf3b5-cf84-6231-ffec-88f76af7cdae-ea6f639e,#w-node-dbc3819b-6f91-cfd8-45ed-946c6f940460-726f63a0{
            -ms-grid-column:1;
            grid-column-start:1;
            -ms-grid-column-span:1;
            grid-column-end:2;
            -ms-grid-row:3;
            grid-row-start:3;
            -ms-grid-row-span:1;
            grid-row-end:4
        }
        #w-node-_2a23edde-1a11-df53-8655-5c50ff980f96-ea6f639e,#w-node-dbc3819b-6f91-cfd8-45ed-946c6f940461-726f63a0{
            -ms-grid-column:4;
            grid-column-start:4;
            -ms-grid-column-span:1;
            grid-column-end:5;
            -ms-grid-row:4;
            grid-row-start:4;
            -ms-grid-row-span:1;
            grid-row-end:5
        }
        #w-node-a0117fc5-d504-84db-2b80-61d41d43a858-ea6f639e,#w-node-dbc3819b-6f91-cfd8-45ed-946c6f940462-726f63a0{
            -ms-grid-column:6;
            grid-column-start:6;
            -ms-grid-column-span:1;
            grid-column-end:7;
            -ms-grid-row:4;
            grid-row-start:4;
            -ms-grid-row-span:1;
            grid-row-end:5
        }
        #w-node-_6bcadf6a-066b-1000-d6a6-e6589196b67a-9196b676,#w-node-_6bcadf6a-066b-1000-d6a6-e6589196b683-9196b676{
            -ms-grid-column-span:1;
            grid-column-end:span 1;
            -ms-grid-column:span 1;
            grid-column-start:span 1;
            -ms-grid-row-span:1;
            grid-row-end:span 1;
            -ms-grid-row:span 1;
            grid-row-start:span 1;
            -ms-grid-row-align:auto;
            align-self:auto
        }
    }
    @media screen and (max-width:767px){
        #w-node-_6e0faa02-3eea-b7d2-326b-51c68acc29e9-8acc29e2{
            -webkit-align-self:end;
            -ms-flex-item-align:end;
            -ms-grid-row-align:end;
            align-self:end
        }
        #w-node-_6e0faa02-3eea-b7d2-326b-51c68acc29ec-8acc29e2{
            -ms-grid-column:1;
            grid-column-start:1;
            -ms-grid-column-span:1;
            grid-column-end:2;
            -ms-grid-row:2;
            grid-row-start:2;
            -ms-grid-row-span:1;
            grid-row-end:3;
            -ms-grid-column-align:start;
            justify-self:start
        }
    }
    @media screen and (max-width:479px){
        #w-node-dbc3819b-6f91-cfd8-45ed-946c6f94045d-726f63a0,#w-node-fb2d187a-6833-5c8c-6c7d-2c10e88ae074-ea6f639e{
            -ms-grid-column:4;
            grid-column-start:4;
            -ms-grid-column-span:3;
            grid-column-end:7;
            -ms-grid-row:1;
            grid-row-start:1;
            -ms-grid-row-span:1;
            grid-row-end:2;
            -webkit-box-ordinal-group:1;
            -webkit-order:0;
            -ms-flex-order:0;
            order:0
        }
        #w-node-b6d4b900-42a6-7b4c-4eb8-94b9e55b51ef-ea6f639e,#w-node-dbc3819b-6f91-cfd8-45ed-946c6f94045e-726f63a0{
            -ms-grid-column:1;
            grid-column-start:1;
            -ms-grid-column-span:2;
            grid-column-end:3;
            -ms-grid-row:6;
            grid-row-start:6;
            -ms-grid-row-span:1;
            grid-row-end:7
        }
        #w-node-_8342fc73-9148-0a1a-17ce-3932bfff3f8e-ea6f639e,#w-node-dbc3819b-6f91-cfd8-45ed-946c6f94045f-726f63a0{
            -ms-grid-column:5;
            grid-column-start:5;
            -ms-grid-column-span:3;
            grid-column-end:8;
            -ms-grid-row:5;
            grid-row-start:5;
            -ms-grid-row-span:1;
            grid-row-end:6
        }
        #w-node-_08dbf3b5-cf84-6231-ffec-88f76af7cdae-ea6f639e,#w-node-dbc3819b-6f91-cfd8-45ed-946c6f940460-726f63a0{
            -ms-grid-column:1;
            grid-column-start:1;
            -ms-grid-column-span:2;
            grid-column-end:3;
            -ms-grid-row:2;
            grid-row-start:2;
            -ms-grid-row-span:1;
            grid-row-end:3
        }
        #w-node-_2a23edde-1a11-df53-8655-5c50ff980f96-ea6f639e,#w-node-dbc3819b-6f91-cfd8-45ed-946c6f940461-726f63a0{
            -ms-grid-column:4;
            grid-column-start:4;
            -ms-grid-column-span:3;
            grid-column-end:7;
            -ms-grid-row:3;
            grid-row-start:3;
            -ms-grid-row-span:1;
            grid-row-end:4
        }
        #w-node-a0117fc5-d504-84db-2b80-61d41d43a858-ea6f639e,#w-node-dbc3819b-6f91-cfd8-45ed-946c6f940462-726f63a0{
            -ms-grid-column:2;
            grid-column-start:2;
            -ms-grid-column-span:2;
            grid-column-end:4;
            -ms-grid-row:4;
            grid-row-start:4;
            -ms-grid-row-span:1;
            grid-row-end:5
        }
        #w-node-_6bcadf6a-066b-1000-d6a6-e6589196b67a-9196b676{
            -webkit-align-self:center;
            -ms-flex-item-align:center;
            -ms-grid-row-align:center;
            align-self:center;
            -ms-grid-column-align:start;
            justify-self:start
        }
        #w-node-_6bcadf6a-066b-1000-d6a6-e6589196b683-9196b676{
            -webkit-align-self:center;
            -ms-flex-item-align:center;
            -ms-grid-row-align:center;
            align-self:center
        }
    }
    
@font-face {
  font-family: 'Canela web';
  src: url('https://assets.website-files.com/634fe04d71ccb5324bb6e509/635180ef0d0721eb3545ff6a_Canela-ThinItalic-Web.woff2') format('woff2'), url('https://assets.website-files.com/634fe04d71ccb5324bb6e509/634fe0d1766bef2fc1ef72df_Canela-ThinItalic-Web.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Tomato grotesk';
  src: url('https://assets.website-files.com/634fe04d71ccb5324bb6e509/634fe0c3766bef9bfeef71ca_Tomato%20Grotesk%20Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Tomato grotesk';
  src: url('https://assets.website-files.com/634fe04d71ccb5324bb6e509/634fe0c353b051d76bd7b06d_Tomato%20Grotesk%20Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Canela';
  src: url('https://assets.website-files.com/634fe04d71ccb5324bb6e509/6351796ab549f59c7123fbc0_Canela-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}


/* Timeline */


/* Compétences */

.competences{
    margin-left:10%;
    width:80vw;
}
.competences > p{
    margin-bottom:50px;
}
.competences > a{
    background-color:#000;
    color:#fff;
    padding:10px;
    border-radius: 10px;
    text-decoration: none;
    font-weight:bold;
}

.parent {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(5, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    }
    
    .div1 { grid-area: 1 / 1 / 3 / 4; }
    .div2 { grid-area: 1 / 4 / 2 / 5; }
    .div3 { grid-area: 2 / 4 / 3 / 5; }
    .div4 { grid-area: 1 / 5 / 2 / 6; }
    .div5 { grid-area: 2 / 5 / 3 / 6; }


.div1>p{
    width:40vw;
    margin-bottom:30px;
}

.div1>a{
    font-weight:bold;
    background-color: #000;
    color:#fff;
    padding:15px;
    border-radius:10px;
    text-decoration:none;
}

.div2,
.div3,
.div4,
.div5{
    padding:15px;
    border:#000 1px solid;
    border-radius:10px;
    text-align: center;
}


/* COMPETENCES */


/* STRUCTURE */
 .wrapper {
	 padding: 5px;
	 max-width: 960px;
	 width: 95%;
	 margin: 20px auto;
}
 header {
	 padding: 0 15px;
}
 footer {
	 padding: 0 15px;
}

 






/* TIMELINE */

:root {
    --color-secondary: #ccc;

    --text-color-default: #2c2c2c;
    --text-color-light: #fff;

    --font-size-default: 15px;
    --font-size-lg: 25px;

    --font-weight-regular: 400;
    --font-weight-semibold: 600;
    --font-weight-default: var(--font-weight-regular);

    --border-color-default: var(--color-secondary);
    --border-color-accent: var(--color-accent-dark);

    --bg-color-default: #fff;
    --bg-color-dark: #2c2c2c;
    --bg-color-accent--lignt: var(--color-accent-light);
    --bg-color-accent--dark: var(--color-accent-dark);

    --transition-duration: .2s;
    --transition-timing-function: linear;
    --transition-delay: 0s;

    --negative-multiplier: -1;

    --gradient-default: linear-gradient(122deg, var(--color-accent-light) 0%, var(--color-accent-dark) 100%);

}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: var(--font-size-default);
    color: var(--text-color-default);
}

/* EXAMPLE STYLES: YOU DON'T NEED THEM!!! */
.header {
    max-width: 500px;
    margin: auto;
    text-align: center;
}

.header__btns {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

body a {
    color: inherit;
    text-decoration: none;
}

.header__btn {
    transition:
            all
            var(--transition-duration)
            var(--transition-timing-function)
            var(--transition-delay);
    padding: 10px 20px;
    margin-right: 10px;
    background-color: var(--bg-color-default);
    border: 1px solid var(--border-color-default);
    border-radius: 3px;
    cursor: pointer;
    outline: none;
}

.header__btn:hover,
.header__btn.js-active {
    color: var(--text-color-light);
    background-color: var(--bg-color-dark);
}

.header__title {
    margin-bottom: 10px;
    font-weight: var(--font-weight-semibold);
}

.content {
    margin: 50px auto;
}

.content__title {
    margin-bottom: 80px;
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-default);
    text-align: center;
}

/* TIMELINE STYLES: YOU NEED THEM!!! */
.timeline {
    --wrapper-width: 900px;

    width: 95%;
    max-width: var(--wrapper-width);
    margin: auto;
}

.timeline__stepper {
    --step-border-width: 3px;
    --offset-to-slider-content: 30px;

    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: var(--offset-to-slider-content);
}

@media(min-width: 530px) {
    .timeline__stepper {
        display: flex;
        justify-content: space-around;
        gap: 0;
    }
}

@media(min-width: 700px) {
    .timeline__stepper {
        --offset-to-slider-content: 50px;
    }
}

.timeline__step {
    position: relative;
    width: 100%;
    cursor: pointer;
}

@media(min-width: 530px) {
    .timeline__step {
        width: 100%;;
    }
}

.timeline__icon {
   /* --timeline-icon-dimensions: 45px; */

    position: relative;
    display: block;
    width: var(--timeline-icon-dimensions);
    max-height: var(--timeline-icon-dimensions);
    height: auto;
    margin: 0 auto;
    transition: opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay);
    text-align:center;

}

@media(min-width: 700px) {
    .timeline__icon {
        /* --timeline-icon-dimensions: 60px; */

        margin-bottom: 30px;
    }
}

.timeline__icon--active {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    fill: url(#icon-gradient);
    opacity: 0;
    font-weight:800;
}

.timeline__step-title {
    --timeline-dot-dimensions: 11px;
    --extra-offset-fox-pixelperfect: -1px;

    position: relative;
    display: none;
    padding-top: 30px;
    margin-bottom: 0;
    text-align: center;
    line-height: 1.7;
    border-top: var(--step-border-width) solid var(--border-color-default);
}

@media(min-width: 700px) {
    .timeline__step-title {
        display: block;
    }
}

.timeline__step-title:before,
.timeline__step-title:after {
    position: absolute;
    top: var(--dot-top-position);
    left: 50%;
    display: block;
    width: var(--timeline-dot-dimensions);
    height: var(--timeline-dot-dimensions);
    content: '';
    border-radius: 50%;
}

.timeline__step-title:before {
    --dot-top-position: calc(
            var(--timeline-dot-dimensions)/2 * var(--negative-multiplier) + var(--extra-offset-fox-pixelperfect)
    );

    transform: translate(-50%);
    border: 2px solid var(--border-color-default);
    border-radius: 50%;
    background-color: #fff;
    z-index: 5;
}

.timeline__step-title:after {
    --timeline-dot-dimensions: 25px;
    --dot-top-position: calc(
            var(--timeline-dot-dimensions)/2 * var(--negative-multiplier) + var(--extra-offset-fox-pixelperfect)
    );

    transform: translate(-50%) scale(0);
    border-radius: 50%;
    background-color: #fff;
}

/* this elements generates in JS */
.timeline__step-active-marker {
    --slide-pos-y: none; /* calcs on the fly in js */
    --slide-pos-x: none; /* calcs on the fly in js */
    --slide-width: auto; /* calcs on the fly in js */

    --transition-timing-function: cubic-bezier(0, 0, 0, 1.2);

    position: absolute;
    top: var(--slide-pos-y);
    left: 0;
    display: none;
    width: var(--slide-width);
    height: var(--step-border-width);
    transform: translateX(var(--slide-pos-x));
    transition: transform var(--transition-duration) var(--transition-timing-function) var(--transition-delay);
    background-color:#000;
}

@media(min-width: 700px) {
    .timeline__step-active-marker {
        display: block;
    }
}

.timeline__step.is-active {
    cursor: default;
}

.timeline__step.is-active .timeline__step-title {
    font-weight: var(--font-weight-semibold);
}

.timeline__step.is-active .timeline__step-title:before {
    background-color:#000;
    border-color:#000;
}

.timeline__step.is-active .timeline__step-title:after {
    transform: translate(-50%) scale(1);
    transition: transform var(--transition-duration) var(--transition-timing-function) var(--transition-delay);
    opacity: .35;
}

.timeline__step.is-active .timeline__icon--default,
.timeline__step:not(.is-active):hover .timeline__icon--default {
    opacity: 0;
}

.timeline__step.is-active .timeline__icon--active,
.timeline__step:not(.is-active):hover .timeline__icon--active {
    opacity: 1;
}

.timeline__slides {
    --slides-container-height: 0px; /* calcs on the fly in js */

    --content-offset-x: 20px;
    --content-offset-y: 30px;


    position: relative;
    width: 600px;
    max-width: 100%;
    margin: auto;
    height: var(--slides-container-height);
    background-color: #fff;
    border: 2px solid #000;

    box-shadow: 12px 12px 2px 1px rgb(230,230,230);
}

@media(min-width: 700px) {
    .timeline__slides {
        --content-offset-x: 30px;
        --content-offset-y: 40px;
    }
}

.timeline__slides:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    opacity: var(--decoration-opacity);
    background-image: var(--gradient-default);
    filter: blur(var(--decoration-blur-spread));
    transform: translate3d(var(--decoration-pos-x), var( --decoration-pos-y), 0) scale(var(--decoration-scale));
    z-index: -1;
}

.timeline__slide {
    position: absolute;
    top: 0;
    left: 0;
    padding: var(--content-offset-y) var(--content-offset-x);
    opacity: 0;
    visibility: hidden;
}

.timeline__slide.is-active {
    transition: opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay);
    opacity: 1;
    visibility: visible;
}

.timeline__slide-title {
    margin-top: 0;
}

.timeline__slide-content {
    line-height: 1.7;
}

.timeline__slide-content p:first-child {
    margin-top: 0;
}

.timeline__slide-content p:last-child {
    margin-bottom: 0;
}


/* ALTERNANCE */


section.card {
    padding: 48px 48px 48px 308px;
    margin: 84px 0 150px 0;
    width: 60vw;
    max-width: 920px;
    min-width: 640px;
    display: flex;
    flex-direction: row;
    align-self: flex-start;
    position: relative;
    background-color: #f4F4F4;
}
section.card .text-content {
    display: flex;
    flex-direction: column;
    width: calc(50vw);
}
section.card .text-content h3 {
    margin: 0;
    font-size: 1.5em;
    max-width: 20ch;
}
section.card .text-content p {
    margin: 16px 0 24px;
    max-width: 36ch;
}
section.card .text-content a {
    border: 3px solid #000;
    color: #000;
    align-self: flex-start;
    text-decoration: none;
    padding: 16px 32px;
    transition: 400ms all;
}
section.card .text-content a:hover {
    background: #000;
    color: white;
}
section.card .visual {
    width: 240px;
    height: 100%;
    position: absolute;
    top: -24px;
    left: 24px;
    overflow: hidden;

}
section.card .visual img {
    width:100%
}
section.card {
    margin: 0 0 0 248px;
    padding: 48px 308px 48px 60px;
}
section.card .visual {
    right: 24px;
    left: auto;
}
section.card .text-content a {
    align-self: flex-start;
}
article {
    margin: 120px auto auto auto;
    display: block;
    width: calc(308vw);
    max-width: calc(1168px);
    min-width: calc(888px);
}
@media only screen and (max-width: 1100px) {
    article {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
   }
    section.card {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
   }
    section.card .text-content {
        width: 100%;
   }
    section.card {
        margin: 0;
   }
}
@media only screen and (max-width: 720px) {
    section.card {
        margin: 64px 0;
        padding: 88px 36px 36px;
        flex-direction: column;
   }
    section.card:nth-of-type(odd) {
        padding: 88px 36px 36px;
   }
    section.card .text-content h3 {
        max-width: calc(-50%);
        font-size: 1em;
   }
    section.card .text-content p, section.card .text-content a {
        font-size: 0.8em;
   }
    section.card .visual {
        width: 150px;
        height: 150px;
        right: 16px;
        left: auto;
   }
    section.card .visual img {
        width: 100%;
        height: auto;
   }
}
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}






/* FOOTER */




footer{
    height: 45vh;
    padding: 2rem 1rem;
    display: grid;
    grid-template-columns: repeat(30,1fr);
    align-items: end;
    width: 100vw;
    background-color:rgb(30,30,30);
    color:#fff;
}

.footer-top{
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: space-between;
    grid-column:3/30;
}

.footer-top-left{
    font-weight: 500;
    text-transform: uppercase;
}

.footer-top-right{
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 600;
    columns: var(--white);
}

.footer-bottom{
    align-items: center;
    display: flex;
    width: 100%;
    justify-content: space-between;
    grid-column:3/30;
    height: 5vh;
}

.footer-bottom-left{
    font-weight: 600;
    text-transform: uppercase;
}

.footer-bottom-left li {
    list-style: none;
}

.footer-bottom-right{
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.top-icon {
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: 12px;
    margin-right: 12px;
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid var(--white);
    background-color: var(--black);
    text-align: center;
}

.top-icon::before, .icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: all 0.25s ease;
    border-radius: 30px;
}

.arrow-footer{
    width: 14px;
    position: relative;
    z-index: 99;
    margin-top: 6px;
}

.arrow-footer:hover{
    mix-blend-mode: difference;
}

.top-icon-expand::after {
    box-shadow: inset 0 0 0 1px var(--white);
}

.top-icon-expand::before {
    background: var(--white);
    box-shadow: inset 0 0 0 60px var(--black);
}

.top-icon-expand:hover::before {
    box-shadow: inset 0 0 0 0 var(--black);
}



@media screen and (max-width: 770px) {
    .cookies-banner{width:72%}
    footer { height: 40vh;}
    .footer-top { grid-column: 4/30; align-items:flex-end; }
    .footer-top-left { width: 20%;}
    .footer-top-right{ font-size: 2rem; line-height: 4.5rem; text-align: right; width: 56%;}
    .footer-bottom { grid-column: 4/30;}
    .text-link a::after { transform: scaleX(1); transform-origin: bottom left; }
    .footer-bottom-left li { margin-bottom: 0.75rem;}
}

@media screen and (max-width: 420px) {
    footer { display: block; width: 100vw; overflow: hidden; height: 58vh;}
    .footer-top { display: block; margin-top: 4rem;}
    .footer-bottom { display: block;}
    .footer-top-left { width: 80%; margin-bottom: 2rem;}
    .footer-top-right { width: 100%; margin-bottom: 2rem;}
    .footer-bottom-left { text-align: right;}
    .footer-bottom-right { text-align: right; justify-content: flex-end;}
    .top-icon { margin-right: 0px;}
}


.text-link a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: inherit;
    padding-bottom: 4px;
  }

.text-link a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: var(--white);
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}
  
.text-link a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}








.lien{
    margin-right:auto;
    margin-left:auto;
}

.lien-ext{
    font-family: 'Canela web', 'Times New Roman', sans-serif;
    font-weight:800;
}

.top {
    text-decoration: none;
    color:#fff;
}
.top:visited{
    color:#fff;
}