#img-load img,ol li,sub,sup,ul li{
    position:relative
}
hr,img{
    border:0
}
img,ul{
    padding:0
}
#site_menu .page-link a,#site_menu .set-link>a{
    color:rgba(255,255,255,.75)
}
#img-load img{
    top:50px;
    left:-10px;
    width:27vh;
    height:8
}
@font-face{
    font-family:Plantin;
    font-weight:400;
    font-style:normal;
    src:url('https://files.cargocollective.com/c1716270/Plantin-Light.woff2') format('woff2')
}
@font-face{
    font-family:Plantin;
    font-weight:400;
    font-style:italic;
    src:url('https://files.cargocollective.com/c1716270/Plantin-Light-Italic.woff2') format('woff2')
}
#site_menu_button.active,#toolset{
    display:none
}
html{
    scroll-padding-top:2rem
}
body{
    background-color:#fff;
    color:#000
}
body:not(.mobile){
    border-top:1.5rem solid #fff;
    border-left: 4rem solid #fff;
    border-right: 4rem solid #fff;
    border-bottom: 2rem solid #fff

}
#site_menu a.active,a:active{
    opacity:1
}
.page a.active{
    background:#fff
}
em,i{
    font-style:italic
}
b,strong{
    font-weight:bolder
}
sub,sup{
    vertical-align:baseline
}
sub{
    top:.3em
}
sup{
    top:-.4em
}
s{
    text-decoration:line-through
}
blockquote,ol{
    margin:0;
    padding:0 0 0 2em
}
ul{
    margin:0 0 0 2rem
}
ol li,ul li{
    padding-left:.5rem
}
hr{
    background:rgba(0,0,0,.3);
    height:1px;
    display:block;
    margin-bottom:1rem
}
.content img{
    float:none
}
.gallery_image_caption{
    margin-top:.3em;
    margin-bottom:.5em;
    font-size:1.3rem;
    font-weight:400;
    color:rgba(0,0,0,.4);
    font-family:"Monument Grotesk Mono",Icons;
    font-style:normal;
    line-height:1.3
}
.loading[data-loading]{
    position:fixed;
    bottom:8px;
    left:8px
}

[data-predefined-style=true] Homepage_h1{
    font-family:Sabon,Icons;
    padding-top:100px;
    margin-top: 2px;
    font-size:3.0rem;
    line-height:1.2;
    color:rgba(0,0,0,.75);
    text-transform:none;
    font-style:normal;
    font-weight:410;
    letter-spacing:-.03em
}


[data-predefined-style=true] pastwork{
    display:block;
    font-size:1.6rem;
    line-height:1.2;
    font-family:"Helvetica Neue",Helvetica,sans-serif,"Helvetica Neue Bold",Icons;
    font-style:normal;
    font-weight:700;
    color:#000;
    margin-top:.3rem;
    margin-bottom:.8rem
}

[data-predefined-style=true] CaseStudy_h2{
    display:block;
    font-size:3rem;
    line-height:1.2;
    font-family:"Helvetica Neue",Helvetica,sans-serif,"Helvetica Neue Bold",Icons;
    font-style:normal;
    font-weight:700;
    color:#000;
    margin-top:.3rem;
    margin-bottom:.1rem
}

[data-predefined-style=true] CaseStudy_h1{
    font-size:3rem;
    color:#000;
    font-family:Sabon,Icons;
    line-height:1;
    font-style:normal;
    font-weight:400;
    letter-spacing:-.024em;
    font-variant-numeric:oldstyle-nums
}

[data-predefined-style=true] special{
    font-size:2rem;
    color:#000;
    font-family:Sabon,Icons;
    line-height:1;
    font-style:normal;
    font-weight:400;
    letter-spacing:-.024em;
    font-variant-numeric:oldstyle-nums
}

[data-predefined-style=true] special_list{
    font-size:1.6rem;
    color:#000;
    font-family:Sabon,Icons;
    line-height:1.6;
    font-style:normal;
    font-weight:400;
    letter-spacing:-.024em;
    font-variant-numeric:oldstyle-nums
}

[data-predefined-style=true] Footer {
    font-size:1.1rem;
    color:rgba(0, 0, 0, 0.75);
    font-family:"Helvetica Neue",Helvetica,sans-serif,"Helvetica Neue Regular",Icons;
    line-height:1.6;
    font-style:normal;
    font-weight:400;
    font-variant-numeric:oldstyle-nums
}

[data-predefined-style=true] Footer a{
    color:rgba(0, 0, 0, 0.75);
    font-family:"Helvetica Neue",Helvetica,sans-serif,"Helvetica Neue Regular",Icons;
    line-height:1.6;
    font-style:normal;
    font-weight:400;
    font-variant-numeric:oldstyle-nums
}

[data-predefined-style=true] Address{
    font-size:1.6rem;
    color:#000;
    margin-top: 0.3em;
    font-family:"Helvetica Neue",Helvetica,sans-serif,"Helvetica Neue Regular",Icons;
    line-height:1.6;
    font-style:normal;
    font-weight:400;
    font-variant-numeric:oldstyle-nums
}


[data-predefined-style=true] bodycopy{
    font-size:1.5rem;
    color:#000;
    font-family:"Helvetica Neue",Helvetica,sans-serif,"Helvetica Neue Regular",Icons;
    line-height:1.6;
    font-style:normal;
    font-weight:400;
    font-variant-numeric:oldstyle-nums
}

[data-predefined-style=true] bodycopy a{
    border-bottom:1px solid transparent;
    color:#000;
    padding-bottom:0;
    text-decoration:none
}
bodycopy a.icon-link,bodycopy a.icon-link:hover,bodycopy a.image-link,bodycopy a.image-link:hover{
    border-bottom:0;
    padding-bottom:0
}


[data-predefined-style=true] Headline{
    font-family:"Helvetica Neue",Helvetica,sans-serif,"Helvetica Neue Bold",Icons;
    margin:0;
    font-size:3.2rem;
    line-height:1.2;
    color:rgba(0,0,-3);
    text-transform:none;
    font-style:normal;
    font-weight:600;
    letter-spacing:-.03em
}

[data-predefined-style=true] CaseBody{
    font-size:1.3rem;
    line-height:1.2;
    color:rgba(0, 0, 0);
    font-family:"Helvetica Neue",Helvetica,sans-serif,"Helvetica Neue Regular",Icons;
    font-style:normal;
    font-weight:400;
    font-variant-numeric:oldstyle-nums
}



[data-predefined-style=true] h1{
    font-family:Sabon,Icons;
    padding-top:10px;
    margin:0;
    font-size:3rem;
    line-height:1.2;
    color:rgba(0,0,0,.75);
    text-transform:none;
    font-style:normal;
    font-weight:400;
    letter-spacing:-.03em
}
[data-predefined-style=true] h2,[data-predefined-style=true] small{
    font-family:"Helvetica Neue",Helvetica,sans-serif,"Helvetica Neue Bold",Icons;
    font-style:normal
}
[data-predefined-style=true] h1 a{
    color:rgba(0,0,0,.75);
    border-bottom:none
}
[data-predefined-style=true] h2{
    font-weight:700;
    padding:0;
    margin:0;
    color:rgba(0,0,0,.85);
    font-size:2.3rem;
    line-height:1.2;
    letter-spacing:0
}
[data-predefined-style=true] h2 a{
    color:rgba(0,0,0,.85)
}
[data-predefined-style=true] small{
    display:block;
    font-size:1.6rem;
    line-height:1.2;
    font-weight:700;
    color:#000;
    margin-top:.3rem
}
[data-predefined-style=true] small a{
    color:#000;
    text-decoration:none;
    border-bottom:0
}
[data-predefined-style=true] small a:hover{
    color:#000
}
[data-css-preset] .page{
    background-color:initial
    /*!page_bgcolor*/
}
.mobile .page,[data-css-preset].mobile .page{
    position:relative;
    min-height:10px;
    max-width:100%;
    width:100%;
    background-color:transparent
    /*!page_bgcolor*/
}
[data-css-preset] .container{
    margin-left:auto;
    /*!content_center*/
    margin-right:auto;
    /*!content_center*/
    text-align:left
    /*!text_left*/
}
[data-css-preset] body{
    background-color:#fff
    /*!body_bgcolor*/
}
[data-css-preset] .container_width{
    width:85%
    /*!content_center*/
}
[data-css-preset] .content_padding{
    /*!main_margin*/
    /*!main_margin*/
    /*!main_margin*/
    /*!main_margin*/
}
[data-css-preset] .backdrop{
    width:100%
    /*!background_cover*/
}
div[thumbnails]{
    justify-content:flex-start
}
.thumbnails .content_padding{
    padding-left:1;
    padding-right:1
}
[data-css-preset] .thumbnails{
    background-color:transparent
    /*!thumbnails_bgcolor*/
}
[data-css-preset] .thumbnails_width{
    width:100%
    /*!thumbnails_width*/
}
[data-css-preset] [thumbnails-pad]{
    padding:.65rem
    /*!thumbnails_padding*/
}
[data-css-preset] [thumbnails-gutter]{
    margin:-1.3rem
    /*!thumbnails_padding*/
}
[data-css-preset] [responsive-layout] [thumbnails-pad]{
    padding:.55rem
    /*!responsive_thumbnails_padding*/
}
[data-css-preset] [responsive-layout] [thumbnails-gutter]{
    margin:-1.1rem
    /*!responsive_thumbnails_padding*/
}
.thumbnails .thumb_image{
    outline:rgba(74,52,43,.12) solid 0;
    outline-offset:-1px
}
.thumbnails .title{
    margin-top:.8rem;
    margin-bottom:0;
    font-size:1.7rem;
    font-weight:400;
    color:rgba(0,0,0,.7);
    font-family:Diatype,Icons;
    font-style:normal;
    line-height:1.3
}
.shop_product .price,.thumbnails .tags{
    font-family:"Monument Grotesk Mono",Icons;
    font-style:normal;
    font-weight:400;
    font-size:1.3rem
}
.thumbnails .tags{
    margin-top:.8rem;
    margin-bottom:1.5rem;
    color:rgba(0,0,0,.4);
    line-height:1.3
}
.thumbnails .tags a{
    border-bottom:0;
    font-size:1.3rem;
    color:transparent;
    text-decoration:none;
    line-height:1.3
}
.thumbnails .has_title .tags{
    margin-top:.4rem
}
[data-css-preset] #site_menu_button{
    color:#000;
    font-size:28px;
    /*!site_menu_button*/
    padding:6px;
    line-height:1;
    background:rgba(33,32,46,0);
    position:fixed;
    top:1rem;
    /*!site_menu_button*/
    right:1.2rem
    /*!site_menu_button*/
}
body.mobile #site_menu_button{
    margin:-6px;
    font-size:30px
}
#shop_button.custom_icon,#site_menu_button.custom_icon{
    width:40px;
    height:auto
}
#site_menu{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif,"Sans Serif",Icons;
    background:rgba(20,20,20,.95);
    font-size:20px;
    font-style:normal;
    font-weight:400;
    padding:20px 30px 90px;
    max-width:400px;
    min-width:300px;
    text-align:left;
    display:flex;
    justify-content:flex-start
}
body.mobile #site_menu{
    width:100%
}
#site_menu .set-link>a{
    font-weight:700
}
#site_menu a:active,.content img.image-zoom:active{
    opacity:.7
}
#site_menu .close{
    display:none;
    color:rgba(255,255,255,.4);
    line-height:.85em;
    font-size:45px
}
body.mobile #site_menu .close{
    display:block;
    font-size:50px;
    line-height:1em
}
#site_menu .break{
    height:28px
}
#site_menu .indent{
    margin-left:28px
}
[data-css-preset] #shop_button{
    color:rgba(0,0,0,.85);
    background:0 0;
    font-size:32px;
    font-style:normal;
    font-weight:400;
    line-height:1.;
    position:fixed;
    padding:6px;
    bottom:3rem;
    /*!shop_button*/
    right:3rem
    /*!shop_button*/
}
#shop_button.text{
    font-family:Diatype,Icons;
    font-size:1.2rem;
    padding:0;
    font-weight:400;
    color:rgba(0,0,0,.85);
    font-style:normal;
    line-height:1.3;
    letter-spacing:.07em
}
body.mobile #shop_button:not(.text){
    margin:-6px;
    font-size:36px
}
.shop_product{
    width:100%;
    max-width:22rem;
    position:relative;
    display:block
}
.shop_product .price{
    margin-bottom:1rem;
    line-height:1.3;
    color:rgba(0,0,0,.85)
}
.shop_product .dropdown{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif,"Sans Serif",Icons;
    font-size:1.3rem;
    display:inline-block;
    width:100%;
    border:1px solid rgba(0,0,0,.2);
    background:url(https://static.cargo.site/assets/images/select-arrows.svg) right no-repeat #fff;
    margin-bottom:1.3rem;
    line-height:1.3;
    padding:.7rem 1.1rem;
    font-style:normal;
    font-weight:400
}
.audio-player,.quick-view-caption,.shop_product .button{
    font-size:1.3rem;
    font-family:"Monument Grotesk Mono",Icons;
    font-style:normal;
    font-weight:400
}
.shop_product .button{
    background:#000;
    color:#fff;
    flex:0 0 50%;
    text-align:left;
    display:inline-block;
    line-height:1.3;
    padding:.8rem 1.2rem .9rem;
    border:0
}
[data-css-preset] .quick-view{
    /*!quick_view_padding*/
    /*!quick_view_padding*/
    /*!quick_view_padding*/
    /*!quick_view_padding*/
    height:100%;
    /*!quick_view_height*/
    width:100%;
    /*!quick_view_width*/
    margin-top:0;
    /*!quick_view_top_left*/
    margin-left:0
    /*!quick_view_top_left*/
}
.image-gallery-navigation .left-arrow,.image-gallery-navigation .right-arrow,.quick-view-navigation .left-arrow,.quick-view-navigation .right-arrow,.wallpaper-navigation .left-arrow,.wallpaper-navigation .right-arrow{
    width:36px;
    height:36px
}
body.mobile .quick-view{
    width:100%;
    height:100%;
    margin:0
}
[data-css-preset] .quick-view-background{
    background:#fff
    /*!quick_view_bgcolor*/
}
.quick-view-caption{
    transition:opacity .1s ease-in-out;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin:1.5rem 0;
    text-align:center
}
.quick-view-caption span{
    padding:.5rem 1rem;
    display:inline-block;
    background:0 0;
    color:rgba(0,0,0,.5)
}
.quick-view-navigation .left-arrow{
    left:10px
}
.quick-view-navigation .right-arrow{
    right:10px
}
.image-gallery-navigation .left-arrow .inner-color,.image-gallery-navigation .right-arrow .inner-color,.quick-view-navigation .close-button .inner-color,.quick-view-navigation .left-arrow .inner-color,.quick-view-navigation .right-arrow .inner-color{
    stroke:rgba(0,0,0,0.85);
    stroke-width:1.5px
}
.quick-view-navigation .close-button .outer-color,.quick-view-navigation .left-arrow .outer-color,.quick-view-navigation .right-arrow .outer-color{
    stroke:#000;
    stroke-width:0;
    opacity:.6
}
.quick-view-navigation .close-button{
    top:10px;
    right:10px;
    width:36px;
    height:36px
}
.image-gallery-navigation .left-arrow .outer-color,.image-gallery-navigation .right-arrow .outer-color,.wallpaper-navigation .left-arrow .outer-color,.wallpaper-navigation .right-arrow .outer-color{
    stroke:#000;
    stroke-width:2.5px;
    opacity:0
}
.wallpaper-navigation .left-arrow .inner-color,.wallpaper-navigation .right-arrow .inner-color{
    stroke:#000;
    stroke-width:1.5px
}
.feed .content_container .page{
    border-top:0 dashed rgba(0,0,0,.2)
}
.feed .content_container .page_container:first-child .page{
    border-top:0
}
body.mobile [grid-row]>[grid-col]:not(:last-child){
    padding-bottom:0
}
body.mobile [grid-row]>[grid-col]+[grid-col]{
    padding-top:0
}
.audio-player{
    max-width:26rem;
    height:3.3rem;
    outline:rgba(0,0,0,.25) solid 1px;
    color:rgba(0,0,0,.85);
    background:0 0;
    line-height:1.3;
    text-align:left;
    margin:1px 1px 1em
}
body.mobile .audio-player{
    max-width:100%
}
.audio-player .separator{
    width:1px;
    background-color:rgba(0,0,0,.31)
}
.audio-player .button{
    background:0 0;
    cursor:pointer;
    fill:rgba(0,0,0,0.85)
}
.audio-player .icon{
    fill:rgba(0,0,0,0.85);
    padding:30%;
    width:100%;
    margin:auto
}
.audio-player .buffer{
    background:rgba(0,0,0,.3)
}
.audio-player .progress{
    background:rgba(0,0,0,.1)
}
.audio-player .progress-indicator{
    border:1px solid rgba(0,0,0,.7);
    width:1px;
    height:100%;
    right:0;
    position:absolute;
    cursor:ew-resize
}
.audio-player .note-icon{
    height:100%;
    width:3.8rem;
    padding:1rem;
    fill:rgba(0,0,0,0.85)
}
.audio-player .current-time{
    padding-left:1rem
}
.audio-player .total-time{
    padding-right:1rem
}