@charset "UTF-8";

@import url("https://use.typekit.net/ggu2ajp.css");

:root {
    --font-headers: din-condensed, sans-serif;
    --font-body: avenir-next-lt-pro, sans-serif;
}

html,body{touch-action:manipulation;}

body{scroll-behavior:smooth; font-family:var(--font-body); font-weight:400; font-style:normal; color: #FFF; font-size:1rem; background-color:#001028;}
body.noScroll{overflow:hidden;}

.start-25{left:25%!important;}

.bg-primary{background-color: #001028!important;}
.bg-light{background-color: #f2f2f1!important;}

.text-primary{color: #001028!important;}
.text-secundary{color: #ac6b4e!important;}

.border-primary{border-color: #001028!important;}

.noSelect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.showCursor{cursor:pointer;}

a:link, a:visited, a:active, a:hover{color:#FFF; text-decoration:none;}

a:focus, a:focus-visible{outline:none !important; box-shadow:none !important;}

h1, h2, h3, h4, h5{font-family:var(--font-headers); font-weight:300; font-style:normal;}
h1.case{opacity:0; transform:translateY(20px); animation:fadeInCase 1s ease forwards;}

@keyframes fadeInCase {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*header & nav*/
#icoScroll, #icoBack{width:50px; height:50px; transform: translateX(-50%); background-color:#fff; transition:opacity .3s ease; z-index:999; -webkit-mask-image:url('../img/ico-scroll.svg'); mask-image:url('../img/ico-scroll.svg'); -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain;}
#icoScroll.hide{opacity:0; pointer-events:none;}
#icoScroll.dark, #icoBack.dark{background-color: #001028;}

#navMain{z-index:1000; visibility:hidden; opacity:0; transition:all .5s linear;}
#navMain.active{visibility:visible; opacity:1;}

#navMain ul{font-family:var(--font-headers); font-size:0;}
#navMain ul li{font-size:2rem; line-height:1.8;}
#navMain ul li a{color:#FFF; text-decoration:none;}

#navMain ul.social, .footer ul.social, .contact ul.social{font-size:0;}
#navMain ul.social li, .footer ul.social li, .contact ul.social li{margin-right:15px; display:inline-block; font-size:0; line-height:1;}
#navMain ul.social li:last-child{margin-right:0;}
#navMain ul.social li img, .footer ul.social li img, .contact ul.social li img{height:30px;}

.header .logo, .footer .logo {height:30px;}

.header .logo, .header #toggleNav{transition:transform .3s linear;}
.header.dark .logo, .header.dark #toggleNav{filter:brightness(0) saturate(100%) invert(7%) sepia(24%) saturate(2235%) hue-rotate(186deg) brightness(91%) contrast(103%);}

.header #toggleNav{height:18px;}
.header #toggleNav.active{transform:rotate(-90deg);}

.footer .address{font-size:0;}
.footer .address li{margin-right:15px; display:inline-block; font-size:1rem;}
.footer .address li:last-child{margin-right:0;}

/*content*/
.page{height:100dvh; overflow-y:auto; scroll-snap-type: y mandatory;}

.section{min-height:100dvh; scroll-snap-align: start;}
.section-video{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center center;}

.page > .footer {
    scroll-snap-align: start;
}

.video-container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}

/*partners*/
.partners-section {
    min-height: 100dvh;
    scroll-snap-align: start;

    position: relative;
    width: 100%;
    overflow: hidden;

    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

.marquee{width:100%; overflow:hidden;}
.marquee__inner{width:max-content; display:flex;}
.marquee__track{display:flex; align-items:center; flex-shrink: 0;}
.marquee__track img{display:block; width:75px; height:75px; object-fit:contain; margin:0 20px; flex-shrink:0;}

#locationMap{height:350px;}

@media(max-width:768px){
h1{font-size: 2rem;}
h2{font-size: 2rem;}

.page{height:auto; min-height:100svh; overflow-y:visible; scroll-snap-type:none;}

.section, .partners-section{min-height:100svh; height:auto; scroll-snap-align:none;}
}

@media(min-width:768px){
body {font-size:1.1rem; line-height:1.8;}

h1, h2.cases{font-size:4.5rem;}
h2.case{font-size:3rem;}
h2.cases{transition:transform .3s ease;}

p{margin-bottom:1.25rem;}

/*header & nav*/
#navMain ul li{font-size:3rem; line-height:1.8;}

#navMain ul.social li, .footer ul.social li, .contact ul.social li{margin-right:20px; display:inline-block;}
#navMain ul.social li img, .contact ul.social li img{height:40px;}

.footer ul.social li{margin-right:10px;}
.footer ul.social li img{height:30px;}

/*content*/
.title-container{container-type:inline-size;}
.inspiration-title{font-size:18cqw!important; line-height:1; margin:0;}

.nieuwsarchiefItem a{text-decoration:none;}

/*partners*/
.partners-section {
    gap: 40px;
}

.marquee__track img {
    width: 120px;
    height: 120px;
    margin: 0 40px;
}
}

@media(min-width:992px){
h2.cases:hover{transform: scale(1.2);}

/*partners*/
.partners-section{gap:40px;}

.marquee__track img{width:170px; height:170px; margin:0 40px;}
}