*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.ph{width:100%;height:100%;object-fit:cover}
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv.d1{transition-delay:.12s}.rv.d2{transition-delay:.24s}.rv.d3{transition-delay:.36s}
.hero .rv{opacity:1;transform:none;transition:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
/* presentatie-schakelaar */
.sw{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:999;display:flex;align-items:center;gap:2px;padding:5px;border-radius:999px;background:rgba(18,17,16,.88);backdrop-filter:blur(10px);box-shadow:0 8px 30px rgba(0,0,0,.35);font:500 12px/1 system-ui,sans-serif;letter-spacing:.04em;color:#cfc8bd;white-space:nowrap;transition:opacity .3s,transform .3s}
.sw.hide{opacity:0;pointer-events:none;transform:translate(-50%,20px)}
.sw a{padding:9px 13px;border-radius:999px;color:#cfc8bd}
.sw a:hover{color:#fff}
.sw a.on{background:#f1ebe0;color:#121110}
.sw span{padding:0 10px 0 12px;opacity:.6}
@media(max-width:520px){.sw span{display:none}}