:root{--cream:#faf4ea;--cream-2:#f3e8d6;--brown:#3b2416;--brown-2:#5a3a26;--crust:#c0782f;--crust-dark:#9c5d1f;--ink:#2b1d14;--muted:#6f5b4b;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{color:var(--brown);margin:0 0 .5em;font-family:Fraunces,Georgia,serif;line-height:1.1}h1{letter-spacing:-.02em;font-size:clamp(2.4rem,6vw,4.2rem);font-weight:700}h1 em{color:var(--crust);font-style:italic;font-weight:500}h2{letter-spacing:-.01em;font-size:clamp(1.8rem,3.6vw,2.6rem)}h3{font-size:1.3rem}p{margin:0 0 1em}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--crust-dark);margin-bottom:.8em;font-size:.78rem;font-weight:600}.eyebrow-light{color:#f0c38e}.lead{color:var(--muted);max-width:34em;font-size:1.15rem}.small{color:var(--muted);font-size:.95rem}.btn{border:2px solid var(--crust);background:var(--crust);color:#fff;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.9em 1.4em;font-size:1rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.btn:hover{background:var(--crust-dark);border-color:var(--crust-dark);transform:translateY(-1px)}.btn-ghost{color:var(--brown);border-color:var(--brown);background:0 0}.btn-ghost:hover{background:var(--brown);color:#fff;border-color:var(--brown)}.btn-light{background:var(--cream);color:var(--brown);border-color:var(--cream)}.btn-light:hover{background:#fff;border-color:#fff}.btn-small{padding:.55em 1em;font-size:.9rem}.topbar{z-index:10;backdrop-filter:blur(10px);background:#faf4eaeb;border-bottom:1px solid #3b241614;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;height:70px;display:flex}.logo{align-items:center;gap:.6rem;text-decoration:none;display:flex}.logo-mark{background:var(--brown);width:40px;height:40px;color:var(--cream);border-radius:50%;place-items:center;font-family:Fraunces,serif;font-size:1.4rem;font-style:italic;display:grid}.logo-text{color:var(--brown);font-family:Fraunces,serif;font-size:1.2rem}.nav{gap:1.6rem;display:flex}.nav a{color:var(--brown-2);font-weight:500;text-decoration:none}.nav a:hover{color:var(--crust)}.hero{padding:clamp(2.5rem,6vw,5rem) 0 clamp(3rem,7vw,6rem)}.hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;display:flex}.hero-photo{margin:0;position:relative}.hero-photo img{border-radius:var(--radius);aspect-ratio:4/3.4;object-fit:cover;width:100%;box-shadow:0 30px 60px -30px #3b241680}.badge{background:var(--brown);color:var(--cream);border-radius:14px;padding:1rem 1.3rem;display:grid;position:absolute;bottom:-18px;left:-18px;box-shadow:0 14px 30px -12px #0006}.badge-big{font-family:Fraunces,serif;font-size:1.35rem}.badge-small{opacity:.8;font-size:.8rem}.section{padding:clamp(3.5rem,8vw,6.5rem) 0}.section-dark{background:var(--brown);color:#f4e7d6}.section-dark h2{color:#fff}.section-cream{background:var(--cream-2)}.cards{grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2rem;display:grid}.card{border-radius:var(--radius);background:#fff;padding:1.6rem;box-shadow:0 1px #3b24160f,0 12px 30px -20px #3b241659}.card p{color:var(--muted);margin:0;font-size:.97rem}.card-icon{background:var(--cream-2);border-radius:14px;width:52px;height:52px;margin-bottom:1rem;position:relative}.card-icon:after{content:"";background:var(--crust);border-radius:50%;position:absolute;inset:12px}.icon-brood:after{border-radius:40% 40% 12px 12px}.icon-vlaai:after{box-shadow:inset 0 0 0 5px #e7b46f}.icon-broodje:after{border-radius:50%;inset:15px 10px}.icon-gebak:after{background:linear-gradient(var(--crust) 50%, #e7b46f 50%);border-radius:4px 4px 12px 12px}.split{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.split-photo{margin:0}.split-photo img{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;width:100%}.checks{gap:.6rem;margin:0 0 1.8rem;padding:0;list-style:none;display:grid}.checks li{padding-left:1.8rem;position:relative}.checks li:before{content:"";border-bottom:2.5px solid #f0c38e;border-left:2.5px solid #f0c38e;width:1rem;height:.55rem;position:absolute;top:.45em;left:0;transform:rotate(-45deg)}.order{grid-template-columns:1fr 1.1fr;align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.form{border-radius:var(--radius);background:#fff;gap:1rem;padding:clamp(1.4rem,3vw,2.2rem);display:grid;box-shadow:0 20px 50px -30px #3b241673}.form label{color:var(--brown-2);gap:.35rem;font-size:.92rem;font-weight:500;display:grid}.form input,.form select,.form textarea{font:inherit;color:var(--ink);background:#fffdf9;border:1.5px solid #e4d6c3;border-radius:10px;width:100%;padding:.75em .9em}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--crust);outline:none;box-shadow:0 0 0 3px #c0782f2e}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.visit{grid-template-columns:1.2fr 1fr;align-items:center;gap:2rem;display:grid}address{margin-bottom:1.6rem;font-size:1.15rem;font-style:normal}.visit-actions{flex-wrap:wrap;gap:.8rem;display:flex}.visit-card{border-radius:var(--radius);background:#fff;padding:1.8rem}.visit-card p{border-bottom:1px solid var(--cream-2);flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:.7rem;padding-bottom:.7rem;display:flex}.visit-card p:last-child{border:0;margin:0;padding:0}.visit-card span{color:var(--muted)}.visit-card a{color:var(--crust-dark);font-weight:600;text-decoration:none}.footer{background:var(--brown);color:#d9c6b2;padding:1.6rem 0;font-size:.9rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.callbar{display:none}@media (width<=900px){.nav{display:none}.hero-grid,.split,.order,.visit{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.badge{bottom:-16px;left:12px}}@media (width<=560px){.topbar .btn-small{display:none}.cards,.form-row{grid-template-columns:1fr}.hero-actions .btn,.visit-actions .btn{width:100%}body{padding-bottom:72px}.callbar{z-index:20;background:var(--crust);color:#fff;border-radius:999px;justify-content:center;align-items:center;padding:1rem;font-weight:600;text-decoration:none;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 12px 30px -10px #3b241699}}
