/* Reset */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body,html,h1,h2,h3,h4,h5,h6,figure,video,ul,li{margin:0;padding:0;}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
::-webkit-input-placeholder{color:#c4c4c4;}:-moz-placeholder{color:#c4c4c4;}::-moz-placeholder{color:#c4c4c4;}:-ms-input-placeholder{color:#c4c4c4;}
*{font-weight:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;outline:none !important;box-sizing:border-box;-webkit-box-sizing:border-box;}
a{text-decoration:none;}
a,input[type="submit"],.external h3{transition:0.3s color cubic-bezier(0.47,0,0,1);}
input,textarea,select,button,a{padding:0;color:inherit;font:inherit;letter-spacing:inherit;background:transparent;border-radius:0;-webkit-border-radius:0;}
img,.btn{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}
figure img,figure video,figure iframe{position:absolute;top:0;left:0;width: calc(100% + 1px);height:100%;object-fit:cover;}
figure{position:relative;overflow: hidden;}
.enlarge{position:absolute;z-index:2;top:30px;right:30px;opacity:0;}
.how-col.active .post-item:hover .enlarge{opacity:1;}
img{border-style:none;vertical-align:top;max-width:100%;height:auto;pointer-events:none;}
svg{vertical-align:top;}
p:empty{display:none;}
::selection{background:rgba(222,222,222,0.3);}
::-moz-selection{background:rgba(222,222,222,0.3);}

#people h1{margin-top: 0;}
.people_section {padding-bottom: 200px;}
.activity_section {padding-bottom: 100px;}

.who_opening_image { object-fit: cover; height: 100vh; }
.who_opening_image { object-fit: cover; height: calc(100vh - 68px) ; }
.who_opening_image video {position: fixed;}
.who_opening_image img {position: fixed;}
.scroll_to_who {position: relative; background: white; z-index: 1;}
.page-who h1 {margin-top: 40px;}
.page-who ul li {list-style: none;}
.page-who ul.who_navi {margin-top: 40px;}
.person_image { object-fit: cover; height: 0; padding-top: 135%;background:#009AA7;}
.desc_box {padding-top: 20px; padding-bottom: 30px;}
.who_lead h2{margin-bottom:1em;}

.people_section .inactive {display: none;}
.initial {color: #E5E5E5; font-size: 74px;position: relative;top: -15px;}
.e_mail_who_single {color: #009AA7;}
.right_side_links {color: #009AA7; display: block;}
.link_box {margin-top: 30px;}
.who_navi a {color: #C4C4C4;}
.who_navi a.active_who_navi {color: #000000;}
.who_category_menu a {color: #C4C4C4;}
.who_category_menu a.active_who_catmenu {color:#009AA7;}
.hide_initial {display: none;}
.post_who_filters a {color: #C4C4C4;}
.post_who_filters a.active_who_catmenu {color:#009AA7;}

.activity_section .inactive {display: none;}

.mobile_nav_who {display: none;}
.desktop_nav_who {display: block;}
.page-who .col-4 {margin-bottom: 40px;}
.page-who .footer-content .col-4 {margin-bottom: 0px;} /* Whopage Correction */
.whopage_post_filters_desktop {margin-bottom: 26px;}

.home-content .mobile_posts {display: none;}

.whopage_filters_mobile {display: none;}
.whopage_filters_desktop {display: block;}

.whopage_post_filters_mobile {display: none; position: relative;}
.whopage_post_filters_desktop {display: block;}

.sticky_elements {position: sticky; top: 90px; top: 197px;  position: -webkit-sticky;}

.desktop_nav_who {position: absolute;}
.whoMenuFix .desktop_nav_who {position: fixed; top: 26px; background: white;width: calc(16.66% - 10px); padding-bottom: 26px; z-index: 1;} 

.activity_image {padding-right: 0px;padding-left: 0px; position: relative; left: -10px;}
.single-who .activity_image img {width: auto;}
.single-who .slide{height:auto;}

.desktop_who_single {display: block;}
.mobile_who_single {display: none;}

.single-whopeople .e_mail_who_single svg {transform: rotate(-45deg);color: #009AA7;width: 20px;height: 18px;vertical-align: middle;margin-left: 0px;margin-top: -9px;} 
.single-whopeople .right_side_links svg {transform: rotate(-45deg);color: #009AA7;width: 20px;height: 18px;vertical-align: middle;margin-left: 0px;margin-top: -9px;} 
.single-whopeople .right_side_links svg *, .single-whopeople .e_mail_who_single * {fill: #009AA7;}

.mobile_nav_who {position: absolute;} /* Scroll correction */

.activity_single_text a{position:relative;}
.activity_single_text a:after{content:'';position: relative;display:inline-block;background:url(../img/link-arrow.svg);width:20px;height:20px;background-repeat:no-repeat;background-size:contain;margin-left: 5px;top: 1px;transition:0.3s cubic-bezier(0.47,0,0,1)}
.activity_single_text a:hover{color:#009AA7;}
.activity_single_text a:hover:after{filter: invert(49%) sepia(38%) saturate(7121%) hue-rotate(157deg) brightness(92%) contrast(101%);}

/* Global */
body{font-family:'AkkuratBold',Helvetica,Arial,sans-serif;}
#content{min-height:100vh;display:flex;flex-direction:column;}
#main{flex:1;}
.clear{clear:both;}
.slider,.gallery-slider{height:100%;width:100%;}
.slide{top:0;width:100%;height:100%;}
#gallery .slide:not(img){width:auto;margin-bottom:30px;overflow:visible;}
#gallery .slide:not(img) h3{position:absolute;bottom:0;left:0;white-space: nowrap;}
.single-what #gallery .slide{margin:0;}
.single-what #gallery .slide h3{display:none;}
.slide img,.hero img,.slide video{object-fit:cover;width:100%;height:100%;}
.hero img,.hero video{position:absolute;top:0;left:0;}
.lazy,.lazyload,.slider,.slide img,[loading="lazy"]{opacity:0;transition:all .5s cubic-bezier(0.47,0,0,1);}
.lazy.loaded,.lazyload.loaded,.lazyloaded[loading="lazy"],img.flickity-lazyloaded,.slider.active{opacity:1;}
.mobile{display:none;}
.col{float:left;min-height:1px;}
.row{position:relative;clear:left;}
#loader{opacity:0;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1004;pointer-events:none;background:#141414;transition:transform .5s cubic-bezier(0.47,0,0,1);transform:translate3d(0,100%,0);}
figure:after{content:'';pointer-events:none;position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;opacity:0;mix-blend-mode:multiply;transition:0.3s opacity cubic-bezier(0.47,0,0,1);}
section{position:relative;background: #fff;}
#main{position:relative;transition:transform 1s cubic-bezier(0.47,0,0,1);background:#fff;z-index:2;}
path{transition:0.3s fill cubic-bezier(0.47,0,0,1);}
.filters{position:-webkit-sticky;position:sticky;align-self:flex-start;top:67px;min-width:220px;padding-right:20px;padding-bottom:20px;}
.posts-grid{display:flex;}
.posts-grid .posts{flex:1;}
.hero{position:fixed;height:calc(100vh - 67px);width:100%;background:none;}
.hero .slide img,.hero .slide video{width:auto;left:50%;transform:translate(-50%,0);}
.arrow-down{position:fixed;z-index:1;bottom: 35px;left:50%;transform:translate(-50%,0);text-align:center;cursor:pointer;opacity:0;transition:0.3s opacity cubic-bezier(0.47,0,0,1);}
.arrow-down-container{position:fixed;bottom:0;height: 33vh;width: 100%;}
.arrow-down-container:hover .arrow-down{opacity:1;}
.arrow-down svg{margin-bottom:10px;}
/*
html.no-scroll{overflow:hidden;height:100vh;}
body.no-scroll{position:fixed;overflow-y:scroll;}
*/
.gallery-view header{opacity:0;pointer-events:none;}
.gallery-view #main{z-index:104;}
.footer-mobile{display:none;}
.footer-content p:first-child{margin-top:0;}
.footer-content p:last-child{margin-bottom:0;}
.no-more-load + .load-more{display:none;}
.load-more{padding-bottom:40px;color: black !important;}
.load-more a{color:black !important;}
.simplebar-track.simplebar-horizontal{display:none !important;}
#main + #main{position:absolute;top:71px;left:100%;width:100%;transition:0.5s;}
.ltr #main + #main{left:-100%;}
.whw-transition #main + #main{left:0;}
#main.leaving{left:0;transition:0.5s}
.whw-transition #main.leaving{left:-100%;}
.ltr.whw-transition #main.leaving{left:100%;}
.whw-transition header{position:fixed;width:100%;}
.close-cursor .how-posts{cursor: url("../img/minus-icon.svg") 10 0,auto;}
.close-cursor .single-what .how-posts{cursor: url("../img/minus-icon-yellow.svg") 10 0,auto;}
.close-cursor .how-posts .how-col.active{cursor:default;}
.simplebar-vertical{/* visibility:hidden !important; */}
.post.cat-what figure{background:#EDE65B;}
.col-how .post figure{background:#EC6560;}
.post.cat-who figure{background:#009AA7;}

/* Search */
.searching{position:absolute;width:100%;left:0;top:0;height:100%;}
.searching,.searching body{overflow:hidden;}
#search{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1001;background: rgba(255,255,255,0.97);transform:translate(0,100%);transition: transform .5s cubic-bezier(0.47,0,0,1);}
#search .container{position:relative;height:100%;}
.searching #search{transform:translate(0,0);}
.searchform input{border:0;padding:10px 0;color:#c4c4c4;}
.searchform [type="submit"]{display:none;}
#search-results{position:relative;height: calc(100vh - 125px);}
#search-results .col{height:100%;}
#search-results h2{margin-bottom:16px;}
.close-icon{cursor:pointer;position:absolute;right:24px;top:35px;}


/* Gallery */
#gallery{position:fixed;top:0;left:0;width:100%;height:100%;background: #fff;z-index:1000;display:none;}
#gallery .container{height:100%;padding: 20px 20px 70px;}
#gallery .flickity-prev-next-button{position:fixed;height: calc(100% - 100px);z-index:2;}
#gallery .flickity-prev-next-button.previous{background-image:url(../img/arrow-left-red.svg);left: 10px;}
#gallery .flickity-prev-next-button.next{background-image:url(../img/arrow-right-red.svg);right: 10px;}
.single-what .hero > img{width:auto;height: 100%;object-fit: contain;left:50%;transform:translate(-50%,0);}
.single-what .slider img,.single-what .slider video{object-fit:contain;height: 100%;width: 100%;}
.single-what #gallery .flickity-prev-next-button.previous{background-image:url(../img/arrow-left-yellow.svg);}
.single-what #gallery .flickity-prev-next-button.next{background-image:url(../img/arrow-right-yellow.svg);}
.single-what .how-col figure,.single-what .how-col video{background:#EDE65B;}
.gallery-inner{display:flex;width:100%;height:100%;}
#gallery .slider{width:100%;height: 100%;text-align: center;}
#gallery img.slide{opacity:0;object-fit: contain;width: auto;max-width: 100%;}
#gallery img:not(.flickity-lazyloaded){opacity:0 !important;}
#gallery .slide-counter,.image-caption{position:absolute;bottom:20px;left:20px;}
#gallery .gallery-item{cursor:pointer;}
#gallery .close{position:absolute;top:20px;right:20px;display:block;cursor:pointer;z-index: 3;}

/* Remove list styles */
header ul,header li,.tag-list,.tag-list li{list-style:none;margin:0;padding:0;}

/* Colors */
.yellow,.page-what .current-menu-item,.single-what .item-what,.page-what .tag.active,.page-what .item-what,.single-what .how-cats .col.active h3{color:#EDE65B;}
.red,.page-how .current-menu-item,.page-how .how-cats .col.active h3{color:#EC6560;}
.blue,.page-who .current-menu-item{color:#009AA7;}
.yellow-bg{background:#EDE65B;}
.red-bg{background:#EC6560;}
.blue-bg{background:#009AA7;}
.grey{color:#C4C4C4;}
.grey-bg{background:#C4C4C4;}

/* Hovers */
@media (hover: hover) {
    .page-what #main a:hover,.item-what > a:hover,.col-what a:hover,.cat-what:hover{color:#EDE65B;}
    .page-how #main a:hover,.item-how > a:hover,.col-how a:hover,.home .cat-how:hover{color:#EC6560;}
    .page-who #main a:hover,.item-who > a:hover,.col-who a:hover,.cat-who:hover,.external:hover h3:last-child{color:#009AA7;}
    .col-what a:hover path,.page-what a:hover path,.cat-what:hover path,.single-what .close:hover path,#search-cat-4 a:hover path{fill:#EDE65B;}
    .col-how a:hover path,.page-how a:hover path,.cat-how:hover path,.page-how .close:hover path,#search-cat-3 a:hover path{fill:#EC6560;}
    .col-who a:hover path,.page-who a:hover path,.cat-who:hover path,#search-cat-2 a:hover path{fill:#009AA7;}
    .page-what .posts-grid figure:after,.col-what figure:after,.cat-what:hover figure:after{background:#EDE65B;}
    .page-how .posts-grid figure:after,.col-how figure:after,.cat-how:hover figure:after{background:#EC6560;}
    .page-who .posts-grid figure:after,.col-who figure:after,.cat-who:hover figure:after{background:#009AA7;}
}

@media (hover: none){
    .page-how .link-arrow{color:#EC6560;}
    .page-how .link-arrow path,.red path{fill:#EC6560 !important;}
    .post.cat-what path{fill:#EDE65B;}
    .post.cat-who path{fill:#009AA7;}
}


/* Font sizes */
body{font-size:24px;}
h1,.large-title{font-size:74px;line-height:1.16;margin-bottom:18px;}
h2{font-size:36px;line-height:1.12;}
h3{font-size:24px;line-height:1.12;}
h4,.paragraph,.link-arrow *{font-size:17px;line-height:1.12;}

/* Header and menu */
header{padding:20px;position: -webkit-sticky;position:sticky;top:0;z-index:100;background:#fff;transition:.5s opacity;}
header ul,header li{list-style:none;margin:0;padding:0;}
.home header{display: none;}
header .menu{display:flex;justify-content:flex-end;}
header li{margin-right:30px;}
header li:last-child{margin-right:40px;}
header li:first-child{position:absolute;left:20px;transition: .3s opacity;}
header .search-icon svg{width:20px;position:absolute;right:20px;top:7px;cursor:pointer;}
.menu .contact{display:none;}

/* Home - Landing */
.landing{position:absolute;z-index:1;left:0;top:0;width:100%;height:100vh;overflow:hidden;color:#fff;margin:0;background:#fff;display:none;}
.home .landing{display:block;}
.landing .logo{margin-top:20px;}
.landing .container{height:100%;}
.landing h1{position:absolute;top:20px;}
.landing h2{position:absolute;bottom:20px;width: 100%;}
.landing figure{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
.home #main{transform:translate(0,100vh);}
.ready .home #main{transform:translate(0,0);}

/* What/project post */
.single-what .hero,.single-what .post-headline{background:repeating-linear-gradient(-45deg,rgba(237,230,91,0.6),rgba(237,230,91,0.6) 1px,rgba(255,255,255,1) 2px,rgba(255,255,255,0.3) 12px);}
.single-what .post-headline{padding: 20px;min-height: 120px;}
.post-content{position:relative;z-index:2;margin-top: calc(100vh - 67px);}
.post-content .container{background:white;}
.post-headline{margin-bottom: 20px;}
.post-headline .tag:first-child{margin-left:5px;}
.post-content .how-col{height: calc(100vh - 245px);}
.post-content .how-col .content{padding-bottom:60px;}
.post-item{position:relative;}
.how-posts h3,.how-posts figure,.how-posts video,.how-posts .paragraph{margin:20px 0;display: block;}
.how-posts .caption{margin-top: -15px;margin-bottom: 0;}
.how-posts .paragraph:first-child,.how-posts .paragraph:first-child p,.how-posts h3:first-child,.how-posts .post-item:first-child > figure,.how-posts .post-item:first-child > video{margin-top:0;}
.how-col.active figure[data-id]{cursor:pointer;}
.related-trigger{background:#f2f2f2;padding:20px 0;cursor:pointer;}
.related-trigger .container{display:flex;justify-content:space-between;}
.arrow-up{position:relative;top:3px;}
.arrow-down-small{position:relative;top: -3px;transform:rotate(180deg);}
.related{transform:translate(0,100%);transition:transform .5s cubic-bezier(0.47,0,0,1);position:fixed;z-index: 101;top:0;left:0;width:100%;height:100vh;overflow:scroll;background: #f2f2f2;display: block;border: 0;padding: 0;margin: 0;}
.related.active{transform:translate(0,0);}
.hero .post-title{z-index:2;background:#fff;overflow: hidden;transition:0.3s;}
.show-project-title .post-title,.show-project-title header li:first-child{opacity:0;}
.project-title{position:absolute;top:20px;opacity:0;transition:0.3s;z-index:-1;}
.show-project-title .project-title{opacity:1;}
.show-project-title header > div:first-child:hover li:first-child{opacity:1;}
.show-project-title header > div:first-child:hover + .project-title{opacity:0;}

.single-what .paragraph a{position:relative;}
.single-what .paragraph a:after{content:'';position: relative;display:inline-block;background:url(../img/link-arrow.svg);width:13px;height:13px;background-repeat:no-repeat;background-size:contain;margin-left:3px;top:1px;transition:0.3s cubic-bezier(0.47,0,0,1)}
.single-what .paragraph a:hover{color:#EDE65B;}
.single-what .paragraph a:hover:after{filter: invert(86%) sepia(26%) saturate(970%) hue-rotate(2deg) brightness(109%) contrast(86%);}


/* Posts */
.home{overflow:hidden;height:100vh;}
.ready .home{overflow:initial;height:auto;}
.home-content .posts .col{height:calc(100vh - 96px);}
.home-content .posts .col .simplebar-vertical{right:-5px;}
.w-h-w{top:0;left:0;right:0;z-index:10;background:#fff;padding:10px 0 0;}
.w-h-w .large-title{margin:0;}
.w-h-w .search-icon{position:absolute;right: 10px;top: 26px;cursor: pointer;}
.ready .w-h-w{position:-webkit-sticky;position:sticky;}
.posts .large-title{margin-bottom:10px;}
.posts .post{margin-bottom:40px;display:block;}
.post:hover figure:after{opacity:1;}
.post h3:nth-child(2){margin-top:20px;}
.post h3 svg,.link-arrow svg{width:20px;height:18px;vertical-align:middle;margin-left:5px;margin-top:-1px;}
.link-arrow svg{transform:scale(0.7);margin-left:1px;}
.tag{position:relative;text-transform:capitalize;margin-right:5px;}
.tag:before{content:'#';}
.external h3:nth-child(2){color:#000;}
.external h3 p{margin:0;}
.external svg{transform:rotate(-45deg);}

/* How page */
.page-how #gallery .container{padding-bottom:10px;}
.page-how .contact{display:inline-block;}
.page-how .slide img,.page-how .slide video{padding-bottom:40px;}
.page-how .slide img + h3{opacity:0;}
.page-how .slide .flickity-lazyloaded + h3{opacity:1;}
.page-how .slide > a{display:block;height:100%;}
.page-how .how-col figure,.page-how .how-col video{background:#EC6560;}
.how-columns,.how-cats .col{transition:all .3s;}
.how-cats{padding-bottom:10px;position:-webkit-sticky;position:sticky;padding-top:0;top: 67px;background:#fff;z-index:10;flex-wrap:nowrap;overflow: hidden;}
.how-cats-inner{display:-webkit-box;display:-ms-flexbox;display:flex;flex:1;}
.how-posts{flex-wrap:nowrap;overflow: hidden;}
.how-col{transition:all .3s;height: calc(100vh - 96px);}
.how-col .simplebar-vertical{right: -3px;}
.posts .col-intro{margin-bottom:20px;}
.how-col .posts{margin-top:20px;padding-bottom: 120px;}
.how-columns.active .col:not(.active){opacity:0.2;pointer-events:none;}
.how-columns.active .col.active .posts > *{pointer-events:all;}
.how-columns figure:after{display:none;}
.how-text{height:0;overflow:hidden;}
.how-text p:first-child{margin-top:0;}
.how-col.active .how-text{height:auto;}
.how-claim + h3{margin-top:15px;margin-bottom:30px;}
.how-col:not(.active) .how-paragraph{display:none;}
.post-item .link-arrow{display: block;margin:0;}

.how-col.active,.how-cats .col.active{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%;}
[data-cols="6"].off-col-2 > .row > .col:nth-child(1){transform:translate(-200%);margin-right:-33.333%;}
[data-cols="6"].off-col-1 > .row > .col:nth-child(1){transform:translate(-100%);margin-right:-16.666%;}
[data-cols="5"].off-col-1 > .row > .col:nth-child(1){transform:translate(-100%);margin-right:-20%;}
[data-cols="5"].off-col-1-2 > .row > .col:nth-child(1){transform:translate(-50%);margin-right:-10%;}
[data-cols="5"].off-col-2{transform:translate(-33.333%);}
[data-cols="4"].off-col-1-4 > .row > .col:nth-child(1){transform:translate(-100%);margin-right:-25%;}
[data-cols="3"].off-col-1-6 > .row > .col:nth-child(1){transform:translate(-50%);margin-right:-16.666%;}

/* Single how */
.single-how .post-content{margin-top:0;}

/* Single activity */
.single-who .flickity-prev-next-button.previous{background-image: url(../img/arrow-left-blue.svg);}
.single-who .flickity-prev-next-button.next{background-image: url(../img/arrow-right-blue.svg);}

/* Footer */
footer{position:relative;z-index:102;min-height:100vh;background:#e7e7e7;overflow:hidden;}
footer .map_link svg,footer .arrow_links svg  {transform: rotate(-45deg); color: #000; width: 20px;height: 18px;vertical-align: middle;margin-left: 5px;margin-top: -5px;}
footer .map_link svg *,footer .arrow_links svg * {fill: #000;}
footer .arrow_links a:after{content:'';;position: relative;display:inline-block;background:url(../img/link-arrow.svg);width:16px;height:16px;background-repeat:no-repeat;background-size:contain;margin-left:8px;top: 1px;transition:0.3s;}
.bottom_footer_text p {display: inline-block;}
footer * {position: relative; z-index: 5;}
footer h2 {font-size: 74px;line-height: 1.05;margin-bottom: 20px;}
.bottom_footer_text p{margin:0;}
.footer-white #footer-haptic{background:#e7e7e7;}
.footer-content{pointer-events:none;height: 100vh;}
.footer-content > .container{height: 100%;display: flex;flex-direction: column;justify-content: space-between;padding-top: 15px;}
.footer-content .col{padding-bottom: 25px;}
.footer-content a{pointer-events:auto;}
.footer-bottom{margin-top:35px;white-space: nowrap;}
.footer-small,.footer-small *{font-size:14px;line-height:1.3;}
footer .socials{display:flex;margin:0 -5px;margin-top: 15px;}
footer .socials a{margin:0 5px;}
footer .sticky{align-items:flex-end;}
footer a:hover{color:#2E7CF6}
footer a:hover path{fill:#2E7CF6 !important;}
footer .arrow_links a:hover:after{filter: invert(36%) sepia(60%) saturate(2563%) hue-rotate(205deg) brightness(99%) contrast(94%);}

#haptic-texture{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:1;background:#e7e7e7;}

#footer-haptic svg *{transform-box:fill-box;}
#footer-haptic{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;opacity:1;background: #dadada;}
#footer-haptic svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
#footer-haptic g.letter *{transition: 1.5s all ease-out;}

/* Letter H */
#footer-haptic g g:nth-child(3) polygon:nth-child(1){transform:scaleX(0.4) skewY(37deg);}
#footer-haptic g g:nth-child(3) polygon:nth-child(3){transform:translate(-11px,12px);}

/* Letter A */
#footer-haptic g g:nth-child(2) polygon:nth-child(2){transform:translate(-8px,9px);}

/* Letter P */
#footer-haptic g g:nth-child(1) polygon:nth-child(1){transform:scaleX(0.4) skewY(37deg);}
#footer-haptic g g:nth-child(1) path:nth-child(2){transform:translate(-10px,11px);}

/* Letter T */
#footer-haptic g g:nth-child(6) polygon:nth-child(1){transform:scaleX(0.9) skewY(6deg);}
#footer-haptic g g:nth-child(6) polygon:nth-child(3){transform:translate(-8px,9px);}

/* Letter I */
#footer-haptic g g:nth-child(5) polygon:nth-child(1){transform:scaleX(0.9) skewY(6deg);}
#footer-haptic g g:nth-child(5) polygon:nth-child(3){transform:translate(-8px,9px);}

/* Letter C */
#footer-haptic g g:nth-child(4) polygon:nth-child(1){transform-origin:-3px 4px;}
#footer-haptic g g:nth-child(4) polygon:nth-child(1){transform:translate(0,0) scale(0.7,0.82) skew(8deg,30deg);}
#footer-haptic g g:nth-child(4) path:nth-child(2){transform:translate(-8px,9px);}

#footer-haptic g.letter.hovered *{transition: 0.25s all ease-out;transform:initial !important;}


@media all and (max-width:1366px){
    .landing h2{bottom: 40px;}
}

@media all and (max-width:1279px){
    .all_text{font-size:18px;}
    .bottom_footer_text.arrow_links{white-space:nowrap;}
    footer .map_link svg, footer .arrow_links svg{width: 14px;height: 13px;margin-left:1px;margin-top:-2px;}
    footer .footer-content h2{font-size:60px;margin-bottom: 12px;}
    .footer-content{font-size:20px;}
}

@media all and (max-width:1100px){
    .how-col .simplebar-content > h2{font-size:30px;}
}

@media all and (max-width:1024px){
    html{clear:left}

    .page-how .contact,.footer-content,#haptic-texture,figure:after,.tag-list li:first-child span,.search-icon,.home-content .desktop_posts,#footer-haptic{display:none;}
    
    .home-content .mobile_posts{display: -ms-flexbox;display: flex;}
    
    /* Font sizes */
    body{font-size:20px;}
    h1,.large-title,header li a{font-size:36px;}
    h2,.how-col .simplebar-content > h2{font-size:24px;}
    h3{font-size: 20px;}
    h4,.paragraph,.footer-mobile{font-size:17px;}

    /* Colors */
    .col-what a,.cat-what{color:#EDE65B;}
    .col-how a,.cat-how{color:#EC6560;}
    .col-who a,.cat-who,.external h3:last-child{color:#009AA7;}
    
    /* Landing */
    .landing h2{bottom: 35px;left:0;padding:0 15px;}

    /* Header */
    header{padding: 10px 16px 20px;}
    header .menu{position: relative;justify-content:space-between;width: calc(100vw - 32px);}
    header .menu li{margin:0;}
    header li:first-child{display:none;}
    header li a{border-bottom:3px solid transparent;}
    header .current-menu-item a{border-color:inherit;}
    .w-h-w{display:flex;justify-content:space-between;}
    .w-h-w .col{-ms-flex-preferred-size:auto;flex-basis:auto;max-width:none;}

    /* Posts */
    .posts-grid .posts{padding-bottom:60px;}
    .post h3:nth-child(2){margin-top:10px;}
    .posts .post{margin-bottom:20px;}

    /* Single project */
    .project-title{display:none;}
    .single-what .how-posts{padding-bottom:100px;}

    /* Search */
    #search{transform: translate(0,120%);}
    #search-results h2{font-size:36px;}
    #search-results > .col{height:auto;margin-bottom:40px;}
    #search-results{overflow-y:scroll;height: calc(100% - 80px);}
    #search-results .who-people{display:flex;flex-wrap:wrap;margin: 0 -8px 40px;}
    #search-results .person_holder{width:50%;float: left;padding: 0 8px;}
    #search-results .person_holder h3{color:black;}

    /* How page */
    .how-posts{padding-bottom:40px;padding-top:10px;}
    .how-posts .col{display:none;}
    .how-posts .col.active,
    .how-cats.how-col-1 + .how-posts .how-col:first-child{display:block;overflow-y: scroll;height: auto;}
    .how-col .content{padding-top:20px;}
    .how-cats{top:69px;}
    .how-cats .col{-ms-flex-preferred-size:auto !important;flex-basis:auto !important;max-width:none !important;}
    .how-cats .col h3{color: #c4c4c4;}
    .how-posts .col{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}
    .page-how .link-arrow,.page-how .how-cats.how-col-1 .col:first-child h3{color:#EC6560;}
    .page-how .link-arrow svg *,.red path{fill:#EC6560 !important;}

    /* Who page */
    .single-who .slider{height:auto;}
    .single-who .activity_image img{height:auto;}

    /* Footer */
    footer{position: fixed;overflow-y: scroll;width: 100%;height: 100vh;top: calc(100vh - 43px);transition:.5s;background:#eee;transform: translate3d(0,0,0);}
    footer.active{top:0;}
    footer h2{font-size:50px;line-height: 1;margin-top: 10px;margin-bottom: 10px;}
    footer .col-12{margin-bottom: 25px;}
    footer .socials svg{width:40px;}
    .footer-mobile{display:block;padding-bottom: 40px;}
    .footer-bottom{margin:0;}
    .footer-mobile .all_text{margin-bottom:20px;}
    .footer-mobile .all_text p{margin:0;}
    footer .arrow_links{font-size:17px;}
    footer .arrow_links a:after{width:11px;height:11px;margin-left:3px;}
    .footer-mobile .container{padding-top: 12px;padding-bottom: 12px;}
    .footer-mobile .container .footer-top{display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;}
    .footer-mobile .col-6{margin: 20px 0 40px;}
    .footer-mobile .col-6:first-child{margin-left:-2px;}
    .footer-mobile .arrow-up-small{position:relative;display:inline-block;margin-left:8px;top:-1px;}
    .footer-mobile .arrow-up-small svg{width:13px;}
    .footer-mobile .search-icon{position:absolute;left:50%;transform:translate(-50%,-50%);display:block;top:50%;margin-top:1px;padding: 10px;cursor: pointer;}
    .footer-mobile .search-icon svg{width:16px;height:16px;}
    footer.active .footer-mobile .arrow-up-small{transform:rotate(180deg);}
    .contact-btn{cursor:pointer;}
    .close-icon{transform-origin:100% -100%;transform:scale(0.6);right: 6px;padding: 10px;display: block;}



    #people h1{margin-bottom:0;}
    #people .super_container{padding-top:45px;}

    .who_category_menu {padding-bottom: 15px;}
    .whopage_post_filters_mobile {padding-bottom: 15px;}
    .who_category_menu a.filter-label, .who_category_menu a.close-label {color: #000000;}
    
    .filter.active .filter-label {display: none;}
    .filter .filter-label {display: block;}
    .filter .close-label {display: none;}
    .filter.active .close-label {display: block;}
    .whopage_filters_mobile {display: block;}
    .whopage_filters_desktop {display: none;}

    .whopage_post_filters_mobile {display: block;}
    .whopage_post_filters_desktop {display: none;}
    
    .home-content .desktop_posts {position:absolute;z-index: -1;opacity: 0;pointer-events: none;top: 62px;width: calc(100% - 16px);}
    .page-who .col-4 {margin-bottom: 32px;}
    .mobile_nav_who {display: block;}
    .desktop_nav_who {display: none;}
    
    .who_opening_image {height: auto; width: auto;}
    .who_opening_image img {height: auto; width: 100%; object-fit: fill; position: static;}
    
    .page-who ul.who_navi {background: white;position: fixed;top: 30px;left:0;width: 100%;z-index: 100;padding: 0px 0 20px 16px;transform: translate3d(0,0,0);}
    .page-who ul.who_navi li {display: inline-block; padding-right: 25px;}
    
    .page-who .col-10 {width: 100%; -ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}
    .page-who .col-2 {width: 100%; -ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%}
    
    .col-1-5 {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}
    
    .initial {font-size: 36px;}
    .who_lead {font-size: 17px;}
    
    .page-who .col-4 {-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}
    
    /* Who People Mobile */
    .people_section{padding-bottom:0px;}
    .single-whopeople p, .single-whopeople h2, .single-whopeople h3 {font-size: 20px;}
    .single-whopeople .col-8 {width: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}
    .single-whopeople .col-4 {width: 50%;-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}
    .desktop_who_single {display: none;}
    .mobile_who_single {display: block;}
    .single-whopeople .row{flex-direction: column-reverse;}
    /* MARGINS - for footer */
    .person_main_text_block {margin-bottom: 40px;}
    .activity_single_text {margin-bottom: 40px;}
    .activity_single_text a:after{width:13px;height:13px;}
    
    .single-who .col-8 {width: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;max-width: 100%;}
    .single-who .activity_single_text, .single-who .activity_single_text p, .single-who .activity_single_text h2 {font-size: 20px;}


    .landing h2 br{display:none;}
    .desktop,.filter span:nth-child(2),.enlarge{display:none;}
    .mobile,.posts-grid{display:block;}
    .landing{height:100%;}
    .filters{padding-bottom:10px;top: 70px;z-index: 2;background: #fff;}
    .filter.active .filter-label{display:none;}
    .filter.active .close-label{display:block;}
    .filters-count{position:relative;top: -3px;background:#EDE65B;display:inline-flex;justify-content:center;align-items:center;border-radius:100%;color:#fff;width:17px;height:17px;text-align:center;font-size:13px;margin-left:7px;}
    .filters-count:after{content:attr(data-count);}
    .filters[data-count="0"] .filters-count,.filters[data-count="0"] .clear{display:none;}
    .clear{position:absolute;top:0;right:0;}
    .posts .col{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%;}
    .home-content .mobile_posts{padding-top:10px;padding-bottom:40px;}
    .home-content .posts .col{height:auto;}
    .how-cats{overflow-x:scroll;}
    .how-post figure{pointer-events:none;}
    .how-cats .col h3{border-bottom:3px solid transparent;cursor:pointer;}
    .how-cats .col.active h3{border:none;}
    header li a{border:0;}
    .how-posts .load-more{/* display:none; */}
    .menu:after{position:absolute;left: 0;top: 42px;content:'';width:87px;height:3px;background:#EDE65B;transition:0.5s;}
    .single-who .menu:after{opacity:0;}
    .page-how .menu:after{left:calc(50% - 30px);width:75px;background:#EC6560;}
    .page-who .menu:after{left:calc(100% - 73px);width:73px;background:#009AA7;}

    .post.cat-what path{fill:#EDE65B;}
    .post.cat-who path{fill:#009AA7;}

    @keyframes slidein {
      0% {transform:translate(20px,0);}
      50% {transform:translate(10px,0);}
      100% {transform:translate(0,0);}
    }
    
    .how-cats-inner{position:relative;transform: translate(20px,0);transition:0.75s;}
    .page-how .how-cats-inner{animation:1s slidein;}
    .show-project-title .how-cats-inner,.ready .page-how .how-cats-inner{transform:translate(0,0);}
    .how-cats-inner:after{position:absolute;left:8px;top:22px;content:'';width:84px;height:3px;background:#EC6560;transition:0.5s;display:block;}
    .single-what .how-cats-inner:after{background:#EDE65B;}
    .page-how .how-col-1 .how-cats-inner:after{left:8px;}
    .page-how .how-col-2 .how-cats-inner:after{left:108px;width:66px;}
    .page-how .how-col-3 .how-cats-inner:after{left:191px;width:84px;}
    .page-how .how-col-4 .how-cats-inner:after{left:292px;width:60px;}
    .page-how .how-col-5 .how-cats-inner:after{left:368px;width:68px;}
    .page-how .how-col-6 .how-cats-inner:after{left:453px;width:64px;}

    .single-what .how-col-1 .how-cats-inner:after{left:8px;width:66px;}
    .single-what .how-col-2 .how-cats-inner:after{left:91px;width:84px;}
    .single-what .how-col-3 .how-cats-inner:after{left:191px;width:60px;}
    .single-what .how-col-4 .how-cats-inner:after{left:268px;width:68px;}
    .single-what .how-col-5 .how-cats-inner:after{left:353px;width:64px;}
    .single-what .how-col-6 .how-cats-inner:after{left:453px;width:64px;}

    .single-what .how-col-1:not(.qua) .how-cats-inner:after{left:8px;width:84px;}
    .single-what .how-col-2:not(.qua) .how-cats-inner:after{left:110px;width:60px;}
    .single-what .how-col-3:not(.qua) .how-cats-inner:after{left:186px;width:68px;}
    .single-what .how-col-4:not(.qua) .how-cats-inner:after{left:270px;width:64px;}

    /* Single project */
    .single-what .hero{height: auto;display: flex;flex-direction: column-reverse;}
    .single-what .hero .post-title{margin: 0;background: transparent;padding: 16px;}
    .post-headline .tag:first-child{margin-left:0;}
    .single-what .hero .post-title h1{margin-bottom:7px;}
    .single-what .post-content .post-headline,.related-trigger{display:none;}
    .single-what .post-content{padding-top:20px;}
    .single-what .hero .slider{height: auto !important;padding:0;}
    .single-what .arrow-down-container{display:none;}
    .single-what .slider img, .single-what .slider video{position:relative;height:100%;width:auto;max-width:100%;}
    .single-what .slide{height: calc(100vh - 400px);}
    .single-what .flickity-prev-next-button{display:none;}
    .single-what .post-headline{padding:0;}
    .single-what .how-cats.how-col-1 .col:first-child h3{color:#EDE65B;}
    body:not(.show-footer) .single-what footer,body:not(.ready) .home footer{top:100%;}

}

@media all and (min-width:1025px){
    .single-what .hero .slider,.single-what .hero .slide,.single-what .hero .flickity-viewport,.activity_image .slider,.activity_image .slide,.activity_image .flickity-viewport{height:calc(100vh - var(--topBarH) - 25px) !important;}
    .single-what .hero .slider{padding:0;}
    .single-what footer,.page-guidelines footer{display:none;}
}

@media all and (max-width:767px){
    body{clear:left;}
}

/* Fonts */
@font-face {
    font-family: 'AkkuratBold';
    src: url('fonts/lineto-akkurat-bold.eot');
    src: url('fonts/lineto-akkurat-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/lineto-akkurat-bold.woff') format('woff'),
         url('fonts/lineto-akkurat-bold.ttf') format('truetype'),
         url('fonts/lineto-akkurat-bold.svg#AkkuratBold') format('svg');
    font-weight: normal;
    font-style: normal;
}