@font-face{font-family:"Lora";src:url(/fonts/lora.woff) format("woff");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url(/fonts/lora-italic.woff) format("woff");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-light.woff) format("woff");font-weight:300;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-semibold.woff) format("woff");font-weight:600;font-display:swap}
:root{--ink:#0d0b0a;--ink2:#171310;--ink3:#231d18;--ivory:#f7f2e9;--ivory2:#efe7d8;--line:#e2d6c1;--gold:#c9a961;--gold2:#e8d3a0;--gold3:#a8873f;--red:#8e1a17;--text:#2c2520;--muted:#7d7062;--serif:"Lora",Georgia,"Times New Roman",serif;--sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--wrap:1180px;--r:2px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);font-weight:400;font-size:17px;line-height:1.7;color:var(--text);background:var(--ivory)}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold3);text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.18;color:var(--ink);margin:0 0 .5em;letter-spacing:-.005em}
h1{font-size:clamp(2.3rem,5.2vw,4.2rem)}h2{font-size:clamp(1.8rem,3.4vw,2.7rem)}h3{font-size:1.35rem}
p{margin:0 0 1.1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;padding:8px 12px}
.eyebrow{font-family:var(--sans);font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold3);font-weight:500;margin-bottom:18px;display:inline-flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:34px;height:1px;background:currentColor;flex:none}
@media (max-width:560px){.eyebrow{letter-spacing:.18em;font-size:.7rem}}
.dark .eyebrow,.hero .eyebrow,.band .eyebrow{color:var(--gold)}
.lead{font-size:1.18rem;color:var(--muted);font-weight:300;max-width:62ch}
.muted{color:var(--muted)}
em.gold,.gold{color:var(--gold);font-style:italic}
/* knoppen */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--sans);font-size:.82rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;padding:17px 30px;border:1px solid var(--ink);color:var(--ink);background:transparent;border-radius:var(--r);cursor:pointer;transition:.25s;line-height:1.2}
.btn:hover{background:var(--ink);color:var(--gold2)}
.btn-gold{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.btn-gold:hover{background:var(--gold2);border-color:var(--gold2);color:var(--ink)}
.btn-ghost{border-color:rgba(232,211,160,.55);color:var(--gold2)}
.btn-ghost:hover{background:var(--gold2);color:var(--ink)}
.btn-dark{background:var(--ink);color:var(--gold2)}.btn-dark:hover{background:var(--ink3)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(13,11,10,.94);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(201,169,97,.18)}
.top-in{display:flex;align-items:center;gap:28px;height:78px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--gold2);font-family:var(--serif);font-size:1.22rem;white-space:nowrap}
.brand img{width:54px;height:auto}
.nav{display:flex;gap:26px;margin-left:auto}
.nav a{color:#d9cfbf;text-decoration:none;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;padding:6px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current]{color:var(--gold2);border-color:var(--gold)}
.top-cta{padding:13px 22px}
.burger{display:none;background:none;border:0;width:44px;height:44px;margin-left:auto;cursor:pointer;position:relative}
.burger span{position:absolute;left:10px;right:10px;height:1px;background:var(--gold2);transition:.3s}
.burger span:first-child{top:17px}.burger span:last-child{top:26px}
.nav-open .burger span:first-child{top:21px;transform:rotate(45deg)}.nav-open .burger span:last-child{top:21px;transform:rotate(-45deg)}
@media (max-width:1000px){
 .nav{position:fixed;inset:78px 0 auto 0;background:var(--ink);flex-direction:column;gap:0;padding:10px 24px 26px;transform:translateY(-130%);transition:.35s;border-bottom:1px solid rgba(201,169,97,.25)}
 .nav a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:.9rem}
 .nav-open .nav{transform:none}
 .burger{display:block}.top-cta{display:none}
 .brand span{font-size:1.05rem}
}
/* hero */
.hero{position:relative;min-height:min(88vh,860px);display:flex;align-items:flex-end;color:#efe6d6;background:var(--ink);overflow:hidden}
.hero-img{position:absolute;inset:0}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,11,10,.86) 0%,rgba(13,11,10,.55) 45%,rgba(13,11,10,.05) 75%),linear-gradient(180deg,rgba(13,11,10,.2) 0%,rgba(13,11,10,0) 40%,rgba(13,11,10,.7) 85%,rgba(13,11,10,.92) 100%)}
@media (max-width:760px){.hero::after{background:linear-gradient(180deg,rgba(13,11,10,.35) 0%,rgba(13,11,10,.55) 40%,rgba(13,11,10,.92) 75%)}}
.hero-in{position:relative;z-index:2;padding:120px 24px 84px;max-width:var(--wrap);margin:0 auto;width:100%}
.hero h1{color:#f8f1e3;max-width:16ch}
.hero h1 em{color:var(--gold2)}
.hero p{font-size:1.2rem;font-weight:300;color:#d8cebd;max-width:54ch;margin-bottom:34px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.hero-facts{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:46px;padding-top:26px;border-top:1px solid rgba(201,169,97,.25);font-size:.88rem;color:#cbbfa9;letter-spacing:.04em}
.hero-facts b{color:var(--gold2);font-weight:500}
.page-hero{background:var(--ink);color:#e5dccb;padding:86px 0 70px;position:relative;overflow:hidden}
.page-hero h1{color:#f8f1e3;max-width:20ch}
.page-hero .lead{color:#c4b8a4}
.crumbs{font-size:.8rem;letter-spacing:.08em;color:#9c907e;margin-bottom:22px}.crumbs a{color:#bfae8a;text-decoration:none}
/* secties */
.sec{padding:110px 0}.sec-s{padding:80px 0}
.sec.dark{background:var(--ink);color:#d8cebd}.sec.dark h2,.sec.dark h3{color:#f6eedf}
.alt{background:var(--ivory2)}
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center}
.split.rev>:first-child{order:2}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:40px}.split.rev>:first-child{order:0}.sec{padding:76px 0}}
.frame{position:relative}
.frame img{width:100%;aspect-ratio:4/5;object-fit:cover}
.frame::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid var(--gold);z-index:-1}
.frame.land img{aspect-ratio:4/3}
.intro{max-width:780px;margin:0 auto 64px;text-align:center}
.intro .eyebrow{justify-content:center}.intro .eyebrow::after{content:"";width:34px;height:1px;background:currentColor}
/* wagens */
.cars{display:grid;grid-template-columns:1fr 1fr;gap:34px}
@media (max-width:820px){.cars{grid-template-columns:1fr}}
.car{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:.35s}
.car:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 22px 50px -30px rgba(40,25,10,.45)}
.car-img{aspect-ratio:3/2;overflow:hidden}.car-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s}
.car:hover .car-img img{transform:scale(1.04)}
.car-b{padding:34px 34px 36px;display:flex;flex-direction:column;flex:1}
.car-b h3{font-size:1.8rem;margin-bottom:6px}
.car-tag{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold3);margin-bottom:16px}
.car ul{list-style:none;padding:0;margin:4px 0 26px;font-size:.96rem}
.car li{padding:8px 0;border-bottom:1px solid #f0e9dc;display:flex;justify-content:space-between;gap:12px}
.car li span:first-child{color:var(--muted)}
.car-price{margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-top:6px}
.car-price b{font-family:var(--serif);font-weight:400;font-size:2rem;color:var(--ink)}
.car-price small{color:var(--muted);font-size:.85rem}
.more{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--gold);padding-bottom:3px}
/* features */
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(201,169,97,.2);border:1px solid rgba(201,169,97,.2)}
.feat{background:var(--ink);padding:38px 30px}
.feat .ico{width:34px;height:34px;color:var(--gold);margin-bottom:22px}
.feat h3{font-size:1.2rem;color:#f6eedf}
.feat p{font-size:.95rem;color:#b5a993;margin:0}
@media (max-width:1000px){.feats{grid-template-columns:1fr 1fr}}@media (max-width:560px){.feats{grid-template-columns:1fr}}
/* stappen */
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.step{border-top:1px solid var(--gold);padding-top:24px}
.step::before{counter-increment:s;content:"0" counter(s);font-family:var(--serif);font-style:italic;color:var(--gold3);font-size:1.4rem;display:block;margin-bottom:10px}
.step h3{font-size:1.2rem}.step p{font-size:.95rem;color:var(--muted)}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}}@media (max-width:520px){.steps{grid-template-columns:1fr}}
/* eisen */
.req{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.req>div{background:#fff;border:1px solid var(--line);padding:30px}
.req .big{font-family:var(--serif);font-size:2.4rem;color:var(--ink);line-height:1;margin-bottom:12px}
.req .big small{font-size:1rem;color:var(--muted)}
.req h3{font-size:1.1rem;margin-bottom:8px}.req p{font-size:.95rem;color:var(--muted);margin:0}
@media (max-width:820px){.req{grid-template-columns:1fr}}
.notice{border:1px solid var(--gold);background:#fffaf0;padding:22px 26px;margin:28px 0;font-size:.98rem}
.notice strong{color:var(--ink)}
.notice.red{border-color:#c98b85;background:#fdf3f1}
/* specs */
.specs{width:100%;border-collapse:collapse;font-size:.97rem}
.specs th,.specs td{text-align:left;padding:13px 0;border-bottom:1px solid var(--line);vertical-align:top}
.specs th{font-weight:400;color:var(--muted);width:44%}
.price-card{background:var(--ink);color:#d8cebd;padding:40px}
.price-card h3{color:#f6eedf}
.price-card .p{font-family:var(--serif);font-size:3rem;color:var(--gold2);line-height:1}
.price-card table{width:100%;border-collapse:collapse;margin:22px 0 28px;font-size:.95rem}
.price-card td{padding:10px 0;border-bottom:1px solid rgba(201,169,97,.18)}.price-card td:last-child{text-align:right;color:#f6eedf}
.price-card .btn{width:100%}
/* galerij */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gallery a{display:block;overflow:hidden;aspect-ratio:1}
.gallery a:first-child{grid-column:span 2;grid-row:span 2}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.gallery a:hover img{transform:scale(1.05)}
.gallery.g3{grid-template-columns:repeat(3,1fr)}.gallery.g3 a:first-child{grid-column:auto;grid-row:auto}
@media (max-width:700px){.gallery,.gallery.g3{grid-template-columns:1fr 1fr}}
.lb{position:fixed;inset:0;background:rgba(8,6,5,.96);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
.lb.on{display:flex}.lb img{max-height:90vh;max-width:92vw;width:auto}
.lb button{position:absolute;background:none;border:1px solid rgba(232,211,160,.4);color:var(--gold2);width:48px;height:48px;font-size:22px;cursor:pointer}
.lb .x{top:18px;right:18px}.lb .pv{left:18px}.lb .nx{right:18px}
/* faq */
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-family:var(--serif);font-size:1.18rem;color:var(--ink);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:16px;font-family:var(--sans);font-weight:300;font-size:1.6rem;color:var(--gold3);transition:.3s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq-a{padding:0 0 22px;color:#4d433a;max-width:72ch}
.faq-a p:last-child{margin:0}
/* band */
.band{background:var(--ink);color:#d8cebd;padding:70px 0;border-top:1px solid rgba(201,169,97,.25)}
.band-in{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.band h2{color:#f6eedf;font-size:clamp(1.6rem,2.8vw,2.2rem);margin-bottom:8px}.band p{margin:0;color:#b5a993}
/* tekstpagina */
.prose{max-width:780px}
.prose h2{font-size:1.6rem;margin-top:2em}.prose h3{font-size:1.2rem;margin-top:1.6em}
.prose ol,.prose ul{padding-left:1.3em}.prose li{margin-bottom:.45em}
.prose .art{counter-reset:none}
.toc{background:#fff;border:1px solid var(--line);padding:22px 26px;margin:0 0 40px;columns:2;font-size:.92rem}
.toc a{display:block;color:var(--text);text-decoration:none;padding:3px 0}.toc a:hover{color:var(--gold3)}
@media (max-width:640px){.toc{columns:1}}
/* footer */
.foot{background:var(--ink);color:#a89c88;padding:80px 0 30px;font-size:.93rem}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.foot h3{font-family:var(--sans);font-size:.74rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:18px}
.foot a,.foot span{display:block;color:#cfc4b2;text-decoration:none;padding:4px 0}.foot a:hover{color:var(--gold2)}
.foot-tag{margin-top:20px;max-width:34ch}
.foot-legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid rgba(201,169,97,.15);margin-top:60px;padding-top:24px;font-size:.8rem;color:#7d725f}
.foot-legal span{display:inline;padding:0}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}
/* formulier */
.form-wrap{display:grid;grid-template-columns:1fr 380px;gap:50px;align-items:start}
@media (max-width:980px){.form-wrap{grid-template-columns:1fr}}
.fset{background:#fff;border:1px solid var(--line);padding:34px 34px 30px;margin:0 0 24px;min-width:0}
.fset legend{float:left;width:100%;margin-bottom:14px}.fset legend+*{clear:both}
.fset legend,.fset .lg{font-family:var(--serif);font-size:1.45rem;color:var(--ink);padding:0;margin-bottom:6px;display:flex;align-items:center;gap:14px}
.fset .num{font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--gold3);border:1px solid var(--gold);width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}
.fset .hint{color:var(--muted);font-size:.92rem;margin:0 0 22px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px 18px}.grid3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:18px}
.grid-addr{display:grid;grid-template-columns:1fr 110px 90px;gap:18px}
@media (max-width:640px){.grid2,.grid3{grid-template-columns:1fr}.grid-addr{grid-template-columns:1fr 1fr}.grid-addr>:first-child{grid-column:span 2}.fset{padding:26px 20px}}
.f{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.f label,.flabel{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:#6d6154;font-weight:500}
.f input,.f select,.f textarea{font:inherit;font-size:1rem;padding:14px 15px;border:1px solid #d9cdb8;background:#fffdf9;color:var(--ink);border-radius:var(--r);width:100%;transition:.2s}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--gold3);box-shadow:0 0 0 3px rgba(201,169,97,.2)}
.f input[readonly]{background:#f4efe6;color:#6d6154}
.f .err,.ferr{color:#a3261f;font-size:.85rem;display:none}
.f.bad input,.f.bad select,.f.bad textarea{border-color:#c0473f}.f.bad .err{display:block}
.opt{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.opt{grid-template-columns:1fr}}
.opt label{position:relative;display:block;cursor:pointer}
.opt input{position:absolute;opacity:0;pointer-events:none}
.opt .card{border:1px solid #d9cdb8;background:#fffdf9;padding:18px;display:flex;gap:16px;align-items:center;transition:.2s;height:100%}
.opt .card img{width:92px;height:70px;object-fit:cover;flex:none}
.opt .card b{font-family:var(--serif);font-weight:400;font-size:1.2rem;color:var(--ink);display:block}
.opt .card small{color:var(--muted);font-size:.86rem;display:block;line-height:1.45}
.opt input:checked+.card{border-color:var(--gold3);background:#fdf8ec;box-shadow:inset 0 0 0 1px var(--gold3)}
.opt input:focus-visible+.card{box-shadow:0 0 0 3px rgba(201,169,97,.35)}
.opt.text .card{display:block}
.chk{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid #d9cdb8;background:#fffdf9;margin-bottom:12px;cursor:pointer;font-size:.97rem;line-height:1.55}
.chk input{width:20px;height:20px;margin:2px 0 0;accent-color:#8a6d2f;flex:none}
.chk.bad{border-color:#c0473f;background:#fdf3f1}
.yn{display:flex;gap:10px;margin-top:10px}
.yn label{flex:1}.yn input{position:absolute;opacity:0}.yn span{display:block;text-align:center;padding:12px;border:1px solid #d9cdb8;background:#fffdf9;cursor:pointer;font-size:.92rem}
.yn input:checked+span{border-color:var(--gold3);background:#fdf8ec;box-shadow:inset 0 0 0 1px var(--gold3)}
.yn label{position:relative}
.q{border-top:1px solid #efe7da;padding-top:20px;margin-top:20px}
.q:first-of-type{border:0;padding:0;margin:0}
.q p{margin:0;font-size:.98rem}
.blocked{display:none;margin-top:12px;padding:14px 16px;background:#fdf3f1;border:1px solid #e3b3ad;color:#7e231c;font-size:.92rem}
.sum{position:sticky;top:100px;background:var(--ink);color:#d8cebd;padding:32px 30px}
.sum h3{color:#f6eedf;font-size:1.4rem}
.sum table{width:100%;border-collapse:collapse;font-size:.93rem;margin:14px 0}
.sum td{padding:10px 0;border-bottom:1px solid rgba(201,169,97,.16);vertical-align:top}.sum td:last-child{text-align:right;color:#f3ead9;white-space:nowrap;padding-left:12px}
.sum .tot td{border:0;padding-top:18px}.sum .tot td:first-child{font-family:var(--serif);font-size:1.1rem;color:#f6eedf}
.sum .tot td:last-child{font-family:var(--serif);font-size:2rem;color:var(--gold2)}
.sum small{display:block;color:#9e927f;font-size:.8rem;line-height:1.5}
.sum .state{font-size:.86rem;color:#bfb29b;margin:6px 0 0}
.submit-note{font-size:.88rem;color:var(--muted);margin:14px 0 0}
.hp{position:absolute;left:-5000px}
.done{max-width:720px;margin:0 auto;text-align:center}
.done .seal{width:90px;margin:0 auto 26px}
.cal-busy{color:#a3261f}
.sigpad{border:1px dashed #b9a985;background:#fffdf9;width:100%;height:190px;touch-action:none;display:block;cursor:crosshair}
.reveal{opacity:0;transform:translateY(24px);transition:opacity 1s,transform 1s}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}.reveal{opacity:1;transform:none}}
@media print{.top,.foot,.band,.btn,.no-print{display:none!important}body{background:#fff}}
.mbar{display:none}
@media (max-width:980px){.sum{position:static}.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--ink);color:#e9e1d3;border-top:1px solid rgba(201,169,97,.35);padding:12px 18px calc(12px + env(safe-area-inset-bottom));align-items:center;justify-content:space-between;gap:12px;font-size:.9rem}.mbar b{font-family:var(--serif);font-weight:400;font-size:1.35rem;color:var(--gold2)}.mbar a{color:var(--gold2);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold)}.form-page .foot{padding-bottom:110px}}
.btn.sent{background:#2f5a3e;border-color:#2f5a3e;color:#e6f4ea}
[hidden]{display:none!important}