:root{--bg:#f4f0ea;--surface:#fbf9f6;--fg:#2a211b;--muted:#6d6257;--line:#ddd4c8;--brick:#8a6224;--brick-fg:#ffffff;--brick-soft:#efe3cf;--ink:#231b16;--ink-fg:#f4efe8;--brass-light:#d4a963;--ink-muted:#b9ab9b;--ok:#4a6a3a;--ok-soft:#e3ead9;--warn:#8a5a00;--warn-soft:#f4e6c4;--f-display:"Cormorant Garamond","Georgia","Times New Roman",serif;--f-body:"Hanken Grotesk","Segoe UI",system-ui,sans-serif;}@media (prefers-color-scheme:dark){:root{--bg:#1a1511;--surface:#231c17;--fg:#efe8de;--muted:#b3a698;--line:#3a3028;--brick:#d4a963;--brick-fg:#1a1511;--brick-soft:#3a2d1a;--ink:#120e0b;--ink-fg:#efe8de;--brass-light:#d4a963;--ink-muted:#b3a698;--ok:#9cc487;--ok-soft:#26311f;--warn:#e5b755;--warn-soft:#3a2f12;color-scheme:dark;}}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:17px;line-height:1.65;}img,svg{max-width:100%;}h1,h2,h3{font-family:var(--f-display);line-height:1.1;margin:0;text-wrap:balance;}h1{font-size:clamp(2.5rem,6.5vw,4.4rem);font-weight:500;letter-spacing:-.01em;}h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:500;}h3{font-size:1.5rem;font-weight:600;}p{margin:0;}a{color:var(--brick);}button,input,select,textarea{font:inherit;color:inherit;}:focus-visible{outline:3px solid var(--brick);outline-offset:2px;}.wrap{max-width:1120px;margin-inline:auto;padding-inline:16px;}.section{padding-block:72px;display:flex;flex-direction:column;gap:28px;}.section + .section{border-top:1px solid var(--line);}.lead{color:var(--muted);max-width:62ch;font-size:1.1rem;}.eyebrow{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brick);font-weight:600;}.site-header{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px;flex-wrap:wrap;}.brand{font-family:var(--f-display);font-weight:600;font-size:1.55rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--fg);display:flex;align-items:center;gap:10px;}.brand i{width:14px;height:14px;background:var(--brick);display:inline-block;clip-path:polygon(0 40%,50% 0,100% 40%,100% 100%,0 100%);}nav.main{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;}nav.main a{text-decoration:none;color:var(--fg);font-weight:600;padding:6px 2px;border-bottom:3px solid transparent;}nav.main a:hover{border-bottom-color:var(--line);}nav.main a[aria-current="page"]{border-bottom-color:var(--brick);}.langsw{display:inline-flex;border:1px solid var(--line);border-radius:2px;overflow:hidden;}.langsw a{padding:5px 11px !important;border:0 !important;font-size:.9rem;color:var(--muted) !important;}.langsw a[aria-current="true"]{background:var(--ink);color:var(--ink-fg) !important;}.hero{background:var(--ink);color:var(--ink-fg);}.hero .wrap{padding-block:104px 96px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;}.hero .lead{color:var(--ink-muted);}.hero .eyebrow{color:var(--brass-light);}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;}.pagehead{background:var(--ink);color:var(--ink-fg);}.pagehead .wrap{padding-block:64px;display:flex;flex-direction:column;gap:12px;}.pagehead .lead{color:var(--ink-muted);}.pagehead .eyebrow{color:var(--brass-light);}.btn{display:inline-block;border:1px solid var(--brick);background:var(--brick);color:var(--brick-fg);border-radius:2px;padding:12px 24px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;cursor:pointer;text-decoration:none;}.btn:hover{filter:brightness(1.08);}.btn.ghost{background:transparent;color:var(--brick);}.hero .btn.ghost{color:var(--ink-fg);border-color:#6b5b4b;}.cols3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;}.tile{background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:22px;display:flex;flex-direction:column;gap:8px;min-width:0;}.tile p{color:var(--muted);}ol.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;counter-reset:s;}ol.steps li{counter-increment:s;background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:20px;display:flex;flex-direction:column;gap:8px;}ol.steps li::before{content:counter(s);font-family:var(--f-display);font-weight:700;font-size:1.6rem;color:var(--brick);}ol.steps p{color:var(--muted);}.cta-band{background:var(--brick-soft);border:1px solid var(--line);border-radius:2px;padding:28px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;}.cta-band > div{min-width:0;flex:1 1 320px;display:flex;flex-direction:column;gap:6px;}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:16px;align-items:end;}.field{display:flex;flex-direction:column;gap:6px;min-width:0;}.field label{font-size:.85rem;font-weight:600;color:var(--muted);}.field input,.field select,.field textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:2px;background:var(--bg);min-width:0;}.field textarea{min-height:120px;resize:vertical;}.reset{border:1px solid var(--line);background:transparent;border-radius:2px;padding:10px 12px;cursor:pointer;font-weight:600;}.reset:hover{border-color:var(--brick);color:var(--brick);}.count{color:var(--muted);font-size:.95rem;}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px;}.card{background:var(--surface);border:1px solid var(--line);border-radius:2px;overflow:hidden;display:flex;flex-direction:column;min-width:0;}.card .pic{aspect-ratio:16 / 10;width:100%;display:block;object-fit:cover;}.card .body{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1;min-width:0;}.row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;}.area{color:var(--muted);font-size:.9rem;}.price{font-family:var(--f-display);font-weight:600;font-size:1.5rem;font-variant-numeric:tabular-nums;white-space:nowrap;}.price small{font-family:var(--f-body);font-weight:400;color:var(--muted);font-size:.85rem;}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:10px 0;list-style:none;border-block:1px solid var(--line);}.specs li{display:flex;flex-direction:column;font-variant-numeric:tabular-nums;}.specs b{font-size:1.05rem;}.specs span{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;}.badges{display:flex;flex-wrap:wrap;gap:6px;}.badge{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:2px;background:var(--brick-soft);color:var(--brick);}.badge.ok{background:var(--ok-soft);color:var(--ok);}.badge.warn{background:var(--warn-soft);color:var(--warn);}.badge.sample{background:transparent;border:1px dashed var(--muted);color:var(--muted);}.btns{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap;}.btns .btn{padding:10px 14px;font-size:.74rem;}.empty{padding:32px 16px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:2px;}[hidden]{display:none !important;}dialog{border:1px solid var(--line);border-radius:2px;padding:0;width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 32px);background:var(--surface);color:var(--fg);}dialog::backdrop{background:rgba(10,18,28,.6);}.dlg{padding:20px;display:flex;flex-direction:column;gap:16px;}.dlg .pic{aspect-ratio:16 / 8;width:100%;border-radius:2px;display:block;object-fit:cover;}.dlg ul.feat{margin:0;padding-left:1.1rem;columns:2 200px;}.close{align-self:flex-end;}dl.facts{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;}dl.facts dt{color:var(--muted);}dl.facts dd{margin:0;font-variant-numeric:tabular-nums;}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;align-items:start;}details{background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:0 16px;}summary{cursor:pointer;padding:14px 0;font-weight:600;font-family:var(--f-display);}details[open] summary{color:var(--brick);}details p{padding-bottom:14px;color:var(--muted);}.contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;align-items:start;}.contact > *{min-width:0;}form.enq{background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;}form.enq .full{grid-column:1 / -1;}@media (max-width:520px){form.enq{grid-template-columns:1fr;}}.err{color:var(--brick);font-size:.85rem;min-height:1.1em;}.msg{border-radius:2px;padding:16px;border:1px solid var(--ok);background:var(--ok-soft);color:var(--fg);}.msg.bad{border-color:var(--brick);background:var(--brick-soft);}.side{display:flex;flex-direction:column;gap:14px;}.side .mail{font-weight:600;word-break:break-all;}.hp{position:absolute;left:-9999px;}footer.site-footer{background:var(--ink);color:var(--ink-fg);margin-top:24px;}footer.site-footer .wrap{padding-block:36px;display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;}footer.site-footer a{color:var(--brass-light);}footer.site-footer small{color:var(--ink-muted);display:block;max-width:60ch;}@media (prefers-reduced-motion:no-preference){.card{transition:transform .15s,border-color .15s;}.card:hover{transform:translateY(-2px);border-color:var(--brick);}}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;}.thumbs img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:2px;display:block;border:1px solid var(--line);}.dlg img.plan{width:100%;height:auto;border:1px solid var(--line);border-radius:2px;background:#fff;}.dlg video.vid{width:100%;border-radius:2px;background:#000;}.notice{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;justify-content:space-between;background:var(--warn-soft);border:1px solid var(--warn);border-radius:2px;padding:18px 20px;}.notice > div{min-width:0;flex:1 1 320px;display:flex;flex-direction:column;gap:4px;}.notice strong{font-family:var(--f-display);font-size:1.1rem;}.hero{background-image:linear-gradient(180deg,rgba(212,169,99,.10),rgba(0,0,0,0) 60%);}.hero h1,.pagehead h1{max-width:18ch;}.hero .wrap::after,.pagehead .wrap::after{content:"";width:72px;height:1px;background:var(--brass-light);order:-1;}.tile{padding:28px;}.tile h3{font-size:1.6rem;}table.dist{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;}table.dist td{padding:7px 0;border-bottom:1px solid var(--line);}table.dist td:last-child{text-align:right;white-space:nowrap;}.note{font-size:.85rem;color:var(--muted);}.checklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:start;}.checklist fieldset{border:1px solid var(--line);background:var(--surface);border-radius:2px;padding:20px 24px 14px;margin:0;min-width:0;}.checklist legend{font-family:var(--f-display);font-size:1.5rem;font-weight:600;padding-inline:8px;}.checklist label{display:flex;gap:12px;align-items:flex-start;padding:9px 0;border-bottom:1px solid var(--line);cursor:pointer;}.checklist label:last-child{border-bottom:0;}.checklist input{margin-top:.35em;accent-color:var(--brick);width:18px;height:18px;flex:none;}.checklist input:checked + span{color:var(--muted);text-decoration:line-through;}.progress{color:var(--muted);font-size:.95rem;}.hood{display:flex;flex-direction:column;gap:10px;}.hood dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;font-size:.95rem;}.hood dt{color:var(--muted);}.hood dd{margin:0;font-variant-numeric:tabular-nums;}.tile .kicker{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brick);font-weight:600;}:root{--gap:clamp(64px,9vw,128px);}body{line-height:1.7;}h1{font-size:clamp(3rem,8.5vw,7rem);line-height:.98;letter-spacing:-.025em;}h2{font-size:clamp(2.1rem,4.6vw,3.6rem);letter-spacing:-.015em;}h3{font-weight:500;font-size:1.7rem;}.wrap{max-width:1240px;padding-inline:clamp(20px,4vw,48px);}.lead{font-family:var(--f-display);font-size:clamp(1.3rem,2.2vw,1.65rem);line-height:1.4;max-width:44ch;}.eyebrow{font-family:var(--f-display);font-style:italic;font-size:1.2rem;letter-spacing:.02em;text-transform:none;font-weight:500;}.site-header{background:var(--ink);border-bottom:1px solid rgba(212,169,99,.35);}.site-header .wrap{padding-block:18px;}.brand{color:var(--ink-fg);font-size:1.4rem;letter-spacing:.28em;font-weight:500;}.brand i{width:20px;height:20px;background:none;border:1px solid var(--brass-light);clip-path:none;position:relative;}.brand i::after{content:"";position:absolute;inset:4px;background:var(--brass-light);}nav.main a{color:var(--ink-fg);font-weight:500;font-size:.92rem;letter-spacing:.06em;border-bottom-width:1px;padding:8px 2px;}nav.main a:hover,nav.main a[aria-current="page"]{border-bottom-color:var(--brass-light);}nav.main a[aria-current="page"]{color:var(--brass-light);}.langsw{border-color:rgba(212,169,99,.4);}.langsw a{color:var(--ink-muted) !important;}.langsw a[aria-current="true"]{background:var(--brass-light);color:#1a1511 !important;}.hero{background:radial-gradient(900px 520px at 85% 0%,rgba(212,169,99,.18),transparent 70%),repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 88px),var(--ink);}.hero .wrap{padding-block:clamp(96px,16vw,220px) clamp(80px,12vw,160px);gap:28px;}.hero h1{max-width:12ch;}.hero .wrap::after{width:96px;}.pagehead{background:repeating-linear-gradient(90deg,rgba(255,255,255,.03) 0 1px,transparent 1px 88px),var(--ink);}.pagehead .wrap{padding-block:clamp(56px,9vw,112px);}.pagehead h1{font-size:clamp(2.6rem,6vw,4.8rem);}@media (prefers-reduced-motion:no-preference){.hero .wrap > *{animation:rise .9s cubic-bezier(.2,.7,.2,1) both;}.hero .wrap > :nth-child(2){animation-delay:.12s;}.hero .wrap > :nth-child(3){animation-delay:.24s;}.hero .wrap > :nth-child(4){animation-delay:.36s;}}@keyframes rise{from{opacity:0;transform:translateY(18px);}}.btn{border-radius:0;padding:15px 30px;letter-spacing:.14em;font-weight:500;}.btn.ghost:hover{background:var(--brick);color:var(--brick-fg);}.hero .btn,.cta-band .btn{background:var(--brass-light);border-color:var(--brass-light);color:#1a1511;}.hero .btn.ghost{background:transparent;color:var(--ink-fg);border-color:rgba(212,169,99,.5);}.hero .btn.ghost:hover{background:var(--brass-light);color:#1a1511;}.section{padding-block:var(--gap);gap:48px;}.section + .section{border-top:0;}.tile{background:none;border:0;border-top:1px solid var(--brass-light);padding:28px 0 0;gap:14px;}.tile h3{font-size:2rem;}ol.steps{gap:0;}ol.steps li{background:none;border:0;border-top:1px solid var(--line);padding:28px 24px 0 0;position:relative;}ol.steps li::before{font-size:3rem;font-weight:400;line-height:1;}ol.steps li::after{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;background:var(--brick);}.cta-band{background:var(--ink);color:var(--ink-fg);border:0;padding:clamp(32px,5vw,64px);}.cta-band h2{color:var(--ink-fg);}.cta-band p{color:var(--ink-muted);}.filters{background:none;border:0;border-block:1px solid var(--line);padding:20px 0;}.field input,.field select{border-width:0 0 1px;background:transparent;padding-inline:0;}.field textarea{border-width:1px;}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:44px 28px;}.card{background:none;border:0;overflow:visible;}.card .pic{aspect-ratio:4 / 3;}.card .body{padding:20px 0 0;}.card h3{font-size:2rem;}.specs{border-block:0;border-top:1px solid var(--line);padding:14px 0 0;}.specs b{font-family:var(--f-display);font-size:1.7rem;font-weight:500;line-height:1;}.specs span{text-transform:none;letter-spacing:.02em;font-size:.82rem;}.badge{text-transform:none;letter-spacing:.02em;font-size:.8rem;font-weight:500;padding:3px 10px;}@media (prefers-reduced-motion:no-preference){.card:hover{transform:none;border-color:transparent;}}details{background:none;border:0;border-top:1px solid var(--line);padding:0;}summary{font-size:1.4rem;font-weight:500;padding:20px 0;}form.enq{border:0;padding:clamp(24px,4vw,44px);}footer.site-footer{margin-top:0;}footer.site-footer .wrap{padding-block:72px;}footer.site-footer strong{font-family:var(--f-display);font-size:1.6rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;}
/* Logo */
.brand{letter-spacing:0;gap:0;line-height:0;}
.brand i{display:none;}
.brand img{height:44px;width:auto;display:block;}
.site-footer .flogo{height:46px;width:auto;display:block;margin-bottom:10px;}
@media (max-width:640px){.brand img{height:34px;}}

.vid-embed{display:block;width:100%;aspect-ratio:16/9;border:0;background:#000;}

/* Eindhoven-beelden */
.hero.hero-photo{background:linear-gradient(90deg,rgba(35,27,22,.94) 0%,rgba(35,27,22,.80) 48%,rgba(35,27,22,.50) 100%),url("https://static.wixstatic.com/media/f8bb6f_4b9e6476e64b4bf1acd17d002b493968~mv2.webp") center/cover no-repeat,var(--ink);}
.photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;}
.photos img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;background:var(--line);}

/* Direct naar woningen */
a.tile.tile-link{text-decoration:none;color:inherit;transition:border-color .15s,transform .15s;}
a.tile.tile-link:hover{border-color:var(--brick);transform:translateY(-2px);}
.tile-link .go{margin-top:auto;padding-top:12px;color:var(--brick);font-weight:600;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;}

.page-photo{width:100%;max-height:440px;object-fit:cover;border-radius:2px;display:block;margin:0 0 8px;}

.pagehead.pagehead-photo{background:linear-gradient(rgba(35,27,22,.74),rgba(35,27,22,.82)),var(--ph) center/cover no-repeat;padding-block:clamp(72px,12vw,150px);}

.flinks{display:flex;flex-direction:column;gap:6px;font-size:.92rem;}
.legal{max-width:72ch;}.legal h2{font-size:1.3rem;margin:30px 0 8px;}.legal p{color:var(--muted);margin:0 0 10px;}


/* Compactere homepage */
body.home .section{padding-block:clamp(28px,4vw,48px);gap:28px;}
body.home .hero .wrap{padding-block:clamp(64px,10vw,128px) clamp(44px,7vw,88px);gap:22px;}
body.home .cta-band{padding:clamp(26px,4vw,44px);}


/* Compacter op alle pagina's */
.section{padding-block:clamp(26px,3.6vw,42px);gap:22px;}
.section h2{font-size:clamp(1.55rem,2.4vw,1.9rem);}
.tile{padding:20px 0 0;gap:10px;}
.tile h3{font-size:1.45rem;}
ol.steps li{padding:20px 20px 0 0;}
ol.steps li::before{font-size:2.4rem;}
.lead{font-size:clamp(1.1rem,1.8vw,1.3rem);line-height:1.35;}
.pagehead .wrap{padding-block:clamp(36px,5.5vw,68px);}
.pagehead h1{font-size:clamp(2.2rem,5vw,3.8rem);}
.pagehead.pagehead-photo{padding-block:clamp(44px,7vw,90px);}
.hero h1{font-size:clamp(2.6rem,6vw,4.6rem);}
.info-grid{gap:8px;}
details{font-size:.96rem;}
details summary{padding-block:12px;}
.cta-band{padding:clamp(24px,3.6vw,40px);}
.site-footer{margin-top:12px;}
footer.site-footer .wrap{padding-block:26px;}


/* Logo's */
.site-footer .flogo.stack{height:auto;width:150px;max-width:100%;display:block;margin-bottom:6px;}
.brandmark{display:block;width:140px;height:auto;margin:0 0 8px;}


/* Wisselende kleurvlakken */
.tone-1{--tone:var(--bandA);}
.tone-2{--tone:var(--bandB);}
.tone-3{--tone:var(--bandA);}
main .section[class*="tone-"]{background:var(--tone);box-shadow:0 0 0 100vmax var(--tone);clip-path:inset(0 -100vmax);}


/* Compactere FAQ */
details summary{font-size:1.18rem;line-height:1.3;padding-block:11px;}
details p{font-size:.93rem;line-height:1.55;padding-bottom:12px;}
.info-grid{gap:0 28px;}


/* Verhuischecklist: rustiger lettertype en formaat */
#checklist .progress{display:inline-block;align-self:flex-start;font-family:var(--f-body);font-size:.95rem;font-weight:600;color:var(--brick);background:var(--brick-soft);padding:6px 14px;border-radius:999px;}
.checklist{gap:24px;}
.checklist fieldset{border:1px solid var(--line);border-top:3px solid var(--brass-light);background:var(--surface);border-radius:2px;padding:20px 24px 10px;}
.checklist legend{float:left;width:100%;padding:0 0 10px;margin:0;font-family:var(--f-display);font-size:1.6rem;font-weight:600;line-height:1.15;}
.checklist legend + label{clear:both;border-top:1px solid var(--line);}
.checklist label{font-family:var(--f-body);font-size:.97rem;line-height:1.45;font-weight:400;padding:11px 0;gap:12px;align-items:flex-start;}
.checklist label span{flex:1;min-width:0;}
.checklist input{width:20px;height:20px;margin:1px 0 0;}
.checklist input:checked + span{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line);}


/* Label 'Woning verhuurd' op de foto */
.picwrap{position:relative;display:block;}
.picwrap .pic{display:block;}
.picwrap .flag{position:absolute;top:16px;right:16px;background:#d4a963;color:#1a1511;font-family:var(--f-body);font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:10px 18px;line-height:1;box-shadow:0 2px 10px rgba(0,0,0,.25);}



/* Woningenlijst: kleurbalken over de volle breedte, om en om */
.grid{grid-template-columns:minmax(0,1fr);gap:0 28px;}
.grid .card{padding:28px 0;position:relative;}
.card:hover{transform:none;}
@media (max-width:639px){
.grid .card:nth-child(odd){background:var(--bandA);box-shadow:0 0 0 100vmax var(--bandA);clip-path:inset(0 -100vmax);}
.grid .card:nth-child(even){background:var(--bandB);box-shadow:0 0 0 100vmax var(--bandB);clip-path:inset(0 -100vmax);}
}
@media (min-width:640px) and (max-width:959px){
.grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid .card{background:none;box-shadow:none;clip-path:none;}
.grid .card:nth-child(4n+1){background:var(--bandA);box-shadow:0 0 0 100vmax var(--bandA);clip-path:inset(0 -100vmax);}
.grid .card:nth-child(4n+2){background:var(--bandA);}
.grid .card:nth-child(4n+3){background:var(--bandB);box-shadow:0 0 0 100vmax var(--bandB);clip-path:inset(0 -100vmax);}
.grid .card:nth-child(4n+4){background:var(--bandB);}
}
@media (min-width:960px){
.grid{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid .card{background:none;box-shadow:none;clip-path:none;}
.grid .card:nth-child(6n+1){background:var(--bandA);box-shadow:0 0 0 100vmax var(--bandA);clip-path:inset(0 -100vmax);}
.grid .card:nth-child(6n+2){background:var(--bandA);}
.grid .card:nth-child(6n+3){background:var(--bandA);}
.grid .card:nth-child(6n+4){background:var(--bandB);box-shadow:0 0 0 100vmax var(--bandB);clip-path:inset(0 -100vmax);}
.grid .card:nth-child(6n+5){background:var(--bandB);}
.grid .card:nth-child(6n+6){background:var(--bandB);}
}


/* Familiefoto als achtergrond van de homepage-hero */
.hero.hero-photo{background:linear-gradient(90deg,rgba(35,27,22,.90) 0%,rgba(35,27,22,.72) 50%,rgba(35,27,22,.38) 100%),var(--hero-img,none) center 30%/cover no-repeat,var(--ink);}


/* Zo werkt het: iconen en cijfer */
ol.steps li{position:relative;gap:10px;}
ol.steps .ico{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--brass-light);box-shadow:0 0 0 4px rgba(212,169,99,.22);margin-top:6px;}
ol.steps li::before{position:absolute;top:18px;right:20px;font-size:3.2rem;opacity:.28;}
ol.steps li h3{margin-top:6px;}


/* Iconen: licht goud, goed zichtbaar */
.ico,ol.steps .ico{display:inline-flex;align-items:center;justify-content:center;flex:none;width:56px;height:56px;border-radius:50%;background:#ecd9ad;color:#7a5418;box-shadow:0 0 0 3px rgba(212,169,99,.55);}
.tile > .ico{align-self:flex-start;margin:4px 0 6px 3px;}
ol.steps .ico{margin:6px 0 0 3px;}
.ico.sm{width:38px;height:38px;margin:0 14px 0 3px;vertical-align:middle;box-shadow:0 0 0 2px rgba(212,169,99,.55);}
legend .ico.sm,h2 > .ico.sm{display:inline-flex;}

/* Referenties */
.refs{display:flex;flex-wrap:wrap;gap:28px;justify-content:center;}
.ref{flex:1 1 320px;max-width:380px;min-width:0;margin:0;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--brass-light);padding:30px 28px 26px;display:flex;flex-direction:column;gap:22px;position:relative;}
.ref::before{content:"\201C";position:absolute;top:2px;right:20px;font-family:var(--f-display);font-size:5.5rem;line-height:1;color:var(--brass-light);opacity:.55;}
.ref blockquote{margin:0;flex:1;}
.ref blockquote p{font-family:var(--f-display);font-size:1.28rem;line-height:1.4;font-style:italic;color:var(--fg);}
.ref-who{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:18px;}
.ref-pic{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;box-shadow:0 0 0 3px rgba(212,169,99,.55);background:#ecd9ad;}
.ref-ini{display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:600;font-size:1.4rem;color:#7a5418;}
.ref-who b{display:block;font-weight:600;}
.ref-who small{display:block;color:var(--muted);font-size:.9rem;}

/* Stage1: contrast, donkere modus, toegankelijkheid, melding */
:root{--bandA:#ece3d4;--bandB:#f9f5ee;}
@media (prefers-color-scheme:light){:root{--brick:#7f5a1f;}}
@media (prefers-color-scheme:dark){:root{--bandA:#2a2119;--bandB:#1f1812;}}
.skip{position:absolute;left:12px;top:-80px;background:#d4a963;color:#1a1511;padding:10px 16px;z-index:100;font-weight:600;text-decoration:none;}
.skip:focus{top:12px;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{transition:none !important;}}
.notice{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--brass-light);padding:18px 22px;margin:28px 0 8px;}
.notice > div{display:flex;flex-direction:column;gap:2px;flex:1 1 320px;min-width:0;}
.notice span{color:var(--muted);}

/* FAQ-groepen */
.faq-search{display:flex;flex-direction:column;gap:6px;max-width:520px;}
.faq-search label{font-weight:600;font-size:.9rem;}
.faq-search input{padding:12px 14px;border:1px solid var(--line);background:var(--surface);border-radius:0;font-size:1rem;width:100%;}
.faq-count{color:var(--muted);font-size:.9rem;min-height:1.3em;}
.faq-group{margin-top:10px;}
.faq-group h3{margin:14px 0 8px;font-size:1.5rem;}
[hidden]{display:none !important;}

/* Mobiel */
@media (max-width:640px){
.site-header{position:static;}
.site-header .wrap{padding-block:12px;gap:10px;}
nav.main{gap:2px 14px;}
nav.main a{font-size:.88rem;padding:6px 2px;}
.hero-ctas{flex-direction:column;align-items:stretch;}
.hero-ctas .btn,.cta-band .btn,.notice .btn{width:100%;text-align:center;}
.refs{gap:20px;}
.ref{flex-basis:100%;max-width:none;padding:26px 22px 22px;}
.ref blockquote p{font-size:1.15rem;}
.notice{padding:16px 18px;}
.grid .card{padding:22px 0;}
.card h3{font-size:1.7rem;}
.price{font-size:1.3rem;}
.checklist{grid-template-columns:minmax(0,1fr);}
.checklist fieldset{padding:18px 18px 8px;}
dl.facts{grid-template-columns:1fr;gap:2px;}
dl.facts dd{margin-bottom:8px;}
.dlg{padding:16px;}
.faq-search{max-width:none;}
}
.flagi{width:22px;height:15px;vertical-align:-2px;margin-right:6px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.25);display:inline-block;}

/* Fotoviewer */
#dlgBody .picwrap,#dlgBody .thumbs a,#dlgBody img.plan{cursor:zoom-in;}
.lb{position:fixed;inset:0;z-index:50;background:rgba(20,15,11,.94);display:flex;align-items:center;justify-content:center;padding:56px 72px;}
.lb[hidden]{display:none;}
.lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:100%;max-height:100%;}
.lb img{max-width:100%;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);object-fit:contain;box-shadow:0 8px 40px rgba(0,0,0,.5);}
.lb figcaption{color:#e9dfd0;font-size:.95rem;letter-spacing:.08em;}
.lb button{position:absolute;border:0;cursor:pointer;color:#2a1d0c;background:#ecd9ad;border-radius:50%;width:48px;height:48px;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px rgba(212,169,99,.55);}
.lb button:hover,.lb button:focus-visible{background:#f6e7c3;outline:2px solid #fff;outline-offset:2px;}
.lb-x{top:14px;right:14px;}
.lb-n{top:50%;transform:translateY(-50%);padding-bottom:5px;}
.lb-prev{left:14px;}
.lb-next{right:14px;}
.lb.single .lb-n{display:none;}
@media (max-width:640px){.lb{padding:64px 8px 56px;}.lb-n{top:auto;bottom:10px;transform:none;}.lb-prev{left:calc(50% - 64px);}.lb-next{right:calc(50% - 64px);}.lb figcaption{position:absolute;bottom:22px;}}
/* Stadsfoto in Direct-naar-woningen */
.tile-link .tile-img{display:block;width:100%;height:150px;object-fit:cover;border-radius:2px;margin:4px 0 2px;}

/* Merkteken in hero */
.hero .hero-mark{display:block;width:72px;height:auto;margin:0 0 4px;}
@media (max-width:600px){.hero .hero-mark{width:56px;}}

/* Speelse merkteken-details */
.cta-band{position:relative;overflow:hidden;}
.cta-band > *{position:relative;z-index:1;}
.cta-band::after{content:"";position:absolute;right:clamp(8px,3vw,40px);bottom:-18px;width:190px;height:180px;background:url(https://static.wixstatic.com/shapes/f8bb6f_ae5b1190bf8e498da5d6131c1c2175a6.svg) no-repeat center/contain;opacity:.08;pointer-events:none;}
.brand img{transition:transform .25s ease;}
.brand:hover img{transform:translateY(-2px);}
.house-progress{display:block;width:84px;height:auto;margin:6px 0 4px;}
.house-progress rect{transition:opacity .35s ease,fill .35s ease;}
.house-progress .hp-sq{fill:#231b16;opacity:.1;}
.house-progress .hp-sq.on{opacity:1;}
.house-progress .hp-door{fill:#d4a963;opacity:.18;}
.house-progress .hp-door.on{opacity:1;}
@media (prefers-reduced-motion:reduce){.house-progress rect,.brand img{transition:none;}}

/* Huisje in plaats van pijl, laadindicator en 404 */
.tile-link .go{display:inline-flex;align-items:center;gap:8px;}
.tile-link .go-house{flex:none;transition:transform .2s ease;}
a.tile.tile-link:hover .go-house{transform:translateX(4px);}
.house-load{display:inline-block;width:20px;height:18px;margin-left:10px;vertical-align:-3px;fill:currentColor;}
.house-load rect{opacity:.2;animation:hl 1.4s ease-in-out infinite;}
@keyframes hl{0%,100%{opacity:.2;}40%{opacity:1;}}
.notfound{text-align:center;padding:72px 0 40px;display:flex;flex-direction:column;align-items:center;gap:14px;}
.notfound svg{width:132px;height:auto;fill:var(--ink);}
.notfound svg .gap{fill:none;stroke:var(--brass-light);stroke-width:1.5;stroke-dasharray:3 3;}
.notfound .btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:8px;}
@media (prefers-reduced-motion:reduce){.house-load rect{animation:none;opacity:.6;}.tile-link .go-house{transition:none;}}

/* Woningpagina */
.detail-page{padding-block:28px 56px;}
.detail-page #dlg{max-width:920px;margin:0 auto;}
.detail-page .dlg{padding:0;gap:22px;}
.detail-page .dlg h1{margin:0;}
.detail-page .dlg .pic{aspect-ratio:16 / 9;}
.crumbs{max-width:920px;margin:0 auto 18px;}
.crumbs a{color:var(--brick);text-decoration:none;font-weight:500;}
.crumbs a:hover{text-decoration:underline;}
.card .cardpic{display:block;}
.card h3 a{color:inherit;text-decoration:none;}
.card h3 a:hover{color:var(--brick);}
.dlg-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;}