:root{--bg:#f5f5f2;--s1:#ebebe6;--s2:#dcdcd5;--ink:#121212;--mute:#55554f;--brick:#b23f27;--brick2:#952f1b;--white:#fff;
 --f:"Archivo",system-ui,sans-serif;--m:clamp(16px,2.6vw,40px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--f);overflow-x:hidden}
img{display:block;max-width:100%}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--brick);outline-offset:3px}
h1,h2,h3{font-weight:800;font-stretch:118%;letter-spacing:-.035em;line-height:.95}
h2{font-size:clamp(40px,5.6vw,88px)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--brick);color:var(--white);border:0;padding:15px 24px;font-weight:700;text-decoration:none;transition:background .2s,transform .16s var(--ease)}
.btn:hover{background:var(--brick2)}.btn:active{transform:scale(.97)}
.btn.dark{background:var(--ink)}.btn.dark:hover{background:#2b2b2b}
.btn.line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.nav{position:sticky;top:36px;z-index:40;background:var(--bg);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px var(--m)}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-stretch:125%;font-size:21px;letter-spacing:-.03em;text-decoration:none}
.logo i{width:26px;height:26px;background:var(--brick);clip-path:polygon(50% 0,100% 45%,100% 100%,0 100%,0 45%)}
.nav ul{display:flex;gap:28px;list-style:none;padding:0}.nav ul a{text-decoration:none;font-weight:600}
.nav ul a:hover{color:var(--brick)}
@media(max-width:860px){.nav ul{display:none}}
@media(max-width:440px){.nav .btn{display:none}}
@media(max-width:560px){.nav .btn{padding:10px 12px;font-size:13px}.nav{gap:8px}.logo{font-size:18px;white-space:nowrap}}
select,input{font:inherit;color:var(--ink)}
.status{position:absolute;left:12px;top:12px;background:var(--ink);color:var(--white);font-weight:700;font-size:14px;padding:5px 10px}
.status.Verkocht,.status[data-s="Onder bod"]{background:var(--brick)}
.status.Nieuw,.status.Nieuwbouw{background:var(--white);color:var(--ink)}
footer{background:var(--ink);color:var(--white);padding:70px var(--m) 28px;overflow:hidden}
footer .big{font-weight:900;font-stretch:125%;font-size:12.2vw;line-height:.82;letter-spacing:-.05em;white-space:nowrap}
footer .row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:36px;font-size:15px;color:#cfcfc8}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}