* { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; }

body { 
    background-color: #ffffff; 
    color: #000000; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 
    overflow: hidden; 
}

/* VOORPAGINA */
#splash {
    position: fixed; top: 0; left: 0; width: 100%; height: 100vh;
    background-color: #ffffff; display: flex; flex-direction: column;
    justify-content: center; align-items: center; z-index: 3000;
    transition: transform 1.2s cubic-bezier(0.85, 0, 0.15, 1);
}

.site-active #splash { transform: translateY(-100%); }

#logo-trigger { cursor: pointer; max-width: 140px; animation: fadeIn 2s; }
#logo-trigger img { width: 100%; height: auto; }

#splash-text { 
    margin-top: 40px; 
    font-size: 22px; /* Iets groter gemaakt */
    text-transform: uppercase; 
    letter-spacing: 14px; 
    font-weight: 200; 
    opacity: 0; 
    animation: fadeIn 2s 0.8s forwards; 
}

/* HOME PAGINA */
#home-content { opacity: 0; transition: opacity 1s ease 0.5s; }
.site-active #home-content { opacity: 1; }

nav { 
    position: fixed; top: 0; width: 100%; padding: 50px 10%; 
    display: flex; justify-content: space-between; align-items: center; 
    z-index: 1000; 
}

.brand { font-weight: 900; letter-spacing: 4px; font-size: 14px; }
.nav-links a { 
    text-decoration: none; color: #000; font-size: 13px; 
    margin-left: 25px; opacity: 0.3; transition: opacity 0.3s; 
}
.nav-links a:hover { opacity: 1; }

section { 
    min-height: 100vh; padding: 0 10%; 
    display: flex; flex-direction: column; justify-content: center; 
}

h2 { font-size: 14px; font-weight: 600; margin-bottom: 20px; color: #000; }
p { font-size: 26px; font-weight: 300; line-height: 1.5; max-width: 750px; color: #000; }

footer { padding: 80px 10%; font-size: 10px; letter-spacing: 2px; opacity: 0.2; }

@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }